Does BOGO work with Framer and Shopify?

Yes. Create an automatic Buy X Get Y discount in Shopify. The Buy X Get Y component adds the bought and the free items together, because Shopify doesn’t add the free item by itself.

Is there a limit on tiers?

Shopify allows 25 active automatic discounts per store, including app discounts. Each paid tier uses one, so collection-wide tiers go further than one set per product.

Can I use quantity breaks and BOGO on the same product?

Outside Shopify Plus, a product in a Buy X Get Y discount can’t also take a quantity-break discount. Use one offer per product.

Does “buy 3” mean 3 of the same product?

Shopify counts every eligible item together, so 3 items from the discount’s products or collection qualify.

Quantity breaks and BOGO for Framer Shopify stores

“Buy 2, save 15%” tier cards and “buy 1, get 1 free” offers on your Framer product pages. Each one matches an automatic discount in Shopify, so the price on the card is the price at checkout.

Start building free Read the docs

What you can build with quantity breaks & bogo

Buy 2 save 15%, buy 1 get 1 free, on native Shopify discounts.

Bundle & save tier cards

1, 2 and 3 packs with the saving, a “Most popular” ribbon and the struck-through price. Picking a tier sets the quantity your Add to Cart button adds.

Tiers you set
Saving shown up front
Live Shopify prices

Buy one, get one free

BOGO and gift-with-purchase offers as selectable cards. One tap adds the bought item and the free one, and Shopify discounts the free unit at checkout.

Same product or a gift
Adds the free item
Several offers per page

The cart proves the price

The cart shows the Shopify discount by name and the reduced price before checkout, so shoppers and your client see the same number.

Discount names in the cart
Free lines at $0
No invented prices

The 2 components

Open the FrameStoreKit plugin, drag one onto the canvas and style it in the right panel. Shopify data flows in.

All components

Quantity BreaksProShopifyQuantityBreaksBundle & Save quantity tiers priced to match your Shopify automatic discounts.
Buy X Get YProShopifyBuyXGetYBOGO and gift-with-purchase offers that add the qualifying items together.

Set up in 4 steps

The onboarding wizard walks you through it. The docs cover every Shopify setting with screenshots.

Quantity breaks & BOGO guide

1Create the discount in ShopifyOne automatic “Amount off products” discount per tier with a minimum quantity, or an automatic Buy X Get Y discount.
2Drop Quantity Breaks or Buy X Get YPlace it on the product template next to Add to Cart and bind the product handle.
3Enter the same tiersQuantity and % off per tier, plus labels like “Most popular”. Prices come live from Shopify.
4Publish and check the cartThe cart shows the discount name and the reduced price before checkout.

Good to know

Shopify charges the priceTiers run on native automatic discounts, never a number invented on the page.

No Kaching or theme appBundle apps like Kaching only run on Shopify themes. These are Framer components.

Free item added for youShopify never adds the free item on its own. Buy X Get Y adds both to the cart.

Quantity breaks & BOGO questions

Still unsure? Email us and a Framer + Shopify person will reply, usually the same day.

You create one automatic “Amount off products” discount per tier in Shopify, with a minimum quantity. Shopify applies the best tier to the cart. The Quantity Breaks component shows the tiers and sets the quantity.

Related features

Product optionsEngraving, gift messages, swatches and paid extras on the product page.Frequently bought togetherCross-sells from Shopify Search & Discovery: FBT, cart and post-add upsells.UpsellsAll sales tools in one place, plus the rewards bar. Bundles coming soon.

Say yes to the next Shopify project

Start free with 15 products. Upgrade when the client signs.

Start building free