Shopify theme with built-in “Buy X Get Y” offer

A Shopify theme with a built-in “Buy X Get Y” offer shows a deal like “buy 2, get 1 free” right inside the product form: clickable cards per quantity, a badge on the offer you want to push and a recalculated price. Shoppers see the benefit while choosing their quantity, with no discount code to hunt for and no widget layered over your design.

Why “buy X, get Y free” grows the cart

“One free” lands harder than a percentage: shoppers instantly get what they earn, in actual units. For a product people use up or give as a gift, going from 1 to 3 units becomes an easy call, and your average order value goes up without cutting your list price.

The offer still has to show up in the right place. Announced in a banner but missing from the product page, it gets forgotten. Shown next to the quantity choice, with the final price, it gets picked in one click.

How the Buy X Get Y block works in FullStack

In your product template, open the Product section, expand the Product form block and insert a Buy X Get Y block, available in two display styles. It is a preset of the quantity tiers block: a container holding one offer per tier. The column preset ships with two offers, 1 unit with no discount and 3 units with an amount discount and a badge.

Container settings:

• Label (label) shown above the offers.
• Display (display_mode) in columns or rows.
• Tier selected by default (quantity_selected_by_default): a tier number, not a unit count.
• Applies to (applies_to): one-time purchase, subscription or both.

Settings for each offer:

• Quantity (quantity) and discount type (discount_type): none, amount or percentage. For “1 free”, pick amount and enter the price of one product (discount_value).
• Free products (cross_sell_products): to give away a different product from the one on the page.
• Badge (badge), its position, display (for example overlapping the card) and style.
• Titles in singular and plural (product_small_title, product_small_title_plural), price, unit price, description and image.

What the offer stacks with in FullStack

• Subscriptions: with the applies_to setting, the offer can target one-time purchases, subscriptions or both.
• Quantity breaks: it is the same block. You choose between percentage tiers and “buy X, get Y” logic depending on the product. See quantity breaks.
• Automatic gift in cart: the Gifts section adds a product to the cart once a threshold is reached. The theme advises thinking through the overall equation so offers do not cancel each other out.

One limit to know: if you turn on the per-unit variant picker (show_variant_picker), the layout switches to rows and the Subscription and Variant picker blocks are hidden.

Examples by store type

Coffee, tea, pantry: buy 2, get 1 free

One offer at 1 unit with no discount (discount_type set to none), one at 3 units with an amount discount equal to the price of one bag, and a “1 free” badge overlapping the card.

Skincare: a free companion product

On the 2-unit offer, fill cross_sell_products with a travel size: shoppers see the free product right inside the offer card.

Accessories and low-ticket items: bundle deals

Three offers at most, a single badge on the one you push, and the unit price shown so the saving is easy to read.

Best practices

• One badge on one offer: tagging every offer means recommending none.
• Two or three offers are enough. More choices slow the decision down.
• Pre-selecting a pricier offer changes the price shown when shoppers land on the page: A/B test it before rolling it out.
• Make sure every discount shown actually exists in Shopify.

Limits worth knowing

The block only handles the visible side of the offer: it does not apply the discount. You need to create a “Buy X get Y” discount in Shopify, under Discounts, with matching conditions. You do not need a bundle app for the display though: the block is native to the theme and included in the license described on the pricing page.

FAQ

Does the block apply the discount in the cart?

No. It displays the offer. The discount itself is created in Shopify as an automatic “Buy X get Y” discount.

Can I give away a different product from the one on the page?

Yes, with the offer’s Free products setting (cross_sell_products). Set up the matching Shopify discount on that product.

Can I combine the offer with a subscription?

Yes. The applies_to setting decides whether the offer covers one-time purchases, subscriptions or both, as long as the discounts exist in Shopify.