# Add to cart button not showing on live or preview page

<div>![image](https://docs-assets.foxecom.app/foxify-app/image_P1njd5fH.png) ![image](https://docs-assets.foxecom.app/foxify-app/image_b3JQjYyY.png)</div>

If your **Add to cart (ATC)** button shows up in the **editor** but disappears on the **preview** or **live page**, don’t worry — it’s a common setup issue.

## ✅ Why this happens

In most cases, this occurs because you’ve added the **ATC element from the Buy Buttons** group, which is designed to work **only when a specific product variant is selected**.

This element is great for **featuring one product**, but it requires manual product selection to appear.

![image](https://docs-assets.foxecom.app/foxify-app/image_pAXnNWba.png)

## 🛠️ How to fix it

### If you want to feature a specific product

<Hint type="success" title="Select a product in the ATC element settings.">

The ATC element from **Buy Buttons** only works when linked to a specific product.

</Hint>

### If you are building a Product details section

<Hint type="success" title="Use the ATC element from the Product group instead.">

To make sure your ATC button works properly:

1. Go to **Add element > Product**
2. Drag and drop the **Add to cart** element into your section

This element is dynamic and works automatically with the assigned products.

</Hint>

![image](https://docs-assets.foxecom.app/foxify-app/image_kilSKtzH.png)

> 📘 Learn more: [Add and Edit Product Elements in Foxify](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/product-details)

<Hint type="info">

💡 The same logic also applies to the **dynamic checkout buttons**.

</Hint>