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

<div><figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Fmk3SmmjbF0hizrYdWMo0%2Fimage.png?alt=media&#x26;token=ed1c0b1d-46fb-4d47-8ac2-be70a3be62b0" alt=""><figcaption></figcaption></figure> <figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FJ9Hcm4YMMb8rqFp97L0R%2Fimage.png?alt=media&#x26;token=6c5a820e-c699-472f-93fe-2d54188ed88b" alt=""><figcaption></figcaption></figure></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.

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F5GYpTtZUXHgyojjUK4NK%2Fimage.png?alt=media&#x26;token=9aba6e92-a684-49b0-ba13-ca51770eb527" alt=""><figcaption></figcaption></figure>

## 🛠️ How to fix it

### If you want to feature a specific product

{% hint style="success" %}

#### Select a product in the ATC element settings.

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

### If you are building a Product details section&#x20;

{% hint style="success" %}

#### 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.
{% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Fbeykja88yWRtbWv3XHaB%2Fimage.png?alt=media&#x26;token=b92fb0a9-2be4-4a67-a724-9d782fdaf5cb" alt=""><figcaption></figcaption></figure>

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

{% hint style="info" %}
💡 The same logic also applies to the **dynamic checkout buttons**.
{% endhint %}

## 🧷 Still having trouble?

Let us know — our team is here to help troubleshoot and guide you through!

[#need-help](https://docs.foxecom.com/foxify-app/welcome-to-foxify-help-center#need-help "mention")