# Add to cart button not showing

If your Add to cart button shows up in the editor but disappears on Preview or the live page, this is a setup issue, not a bug.

## Why this happens

This almost always happens when you've added the Add to cart element from the **Buy Buttons** group. That element only renders once a specific product is selected in its own settings — it's built for featuring one specific product, not for working automatically across every product page.

## How to fix it

Which element you need depends on what you're building:

<Table widths="30%">
  | Element                       | When to use                                                                                                                                                          |
  | ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
  | **Buy Buttons > Add to cart** | \* You're featuring one specific product intentionally (e.g. a promo banner for a single item) — select that product in the element's own settings for it to render. |
  | **Product > Add to cart**     | \* You're building a [Product details](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/product-details) section that should work automatically across every product page.                |
</Table>

<Hint type="info">
  The same applies to **Dynamic checkout buttons** — same root cause, same fix.
</Hint>

## FAQs

**Why does the button show up in the editor but not on the live page?**<br/>The editor may still display the element's placeholder even without a product selected. On Preview or the live page, it only renders once that condition is actually met — which is why it disappears there specifically.

**Does this affect Dynamic checkout buttons too?**<br/>Yes — if a Dynamic checkout button isn't showing, check whether it needs a product selected the same way.