Buy X get Y widget

A Buy-X-Get-Y campaign rewards shoppers for buying more of the right items. This widget makes that reward visible on the storefront so shoppers know the deal exists and how to reach it. Like every Stackable widget it is display-only: it states the deal but never edits a price or adds an item behind the shopper’s back. The discount is always applied by Shopify at checkout.

Two parts, one deal

• Product page callout — the "Buy X get Y" app block. Add it to your product template in the theme editor. It shows a short line like "Buy 2, get 1 free" or "Buy 2, get 1 at 50% off" on any product the campaign targets.
• Cart reminder — part of the Stackable app embed. When a shopper is one or two items away from unlocking the deal, a small pop-up nudges them ("Add 1 more to unlock"). A floating button reopens it if dismissed. It only nudges; it never adds the reward item for them.

When it shows

• A live Buy-X-Get-Y campaign targets the product being viewed (product page callout) or an item in the cart (cart reminder).
• The campaign has started and has not ended — a scheduled campaign shows nothing until it begins.
• For the cart reminder, the Stackable app embed is turned on in your theme.

How the deal reads

The wording follows the campaign’s reward: a 100% reward reads "get 1 free", a partial reward reads "get 1 at 50% off", and a set-price or amount-off reward shows the price or amount. If a shopper is browsing in a currency other than your store’s, any money in the deal is replaced with a neutral "at a special price" line so nothing shown can disagree with checkout.

Styling

The product-page callout has an optional heading, a gift icon toggle, accent, text and border colours, and a corner radius — all block settings in the theme editor. The cart reminder inherits the app embed’s colours.