Bundle types
BOGO (Buy One Get One)
A BOGO bundle gives a shopper a second item free or discounted when they buy a first item. The buy product is what they pay for. The get product is what they receive at the reduced price.
#When to use it
- Buy one T-shirt, get a second T-shirt free.
- Offer a slow-selling product free when someone buys a popular one.
- Buy a bottle of shampoo, get a second at 50% off.
- Buy a pair of trainers, get socks free.
#Same-product vs. cross-product BOGO
Same-product BOGO. The buy and get are the same product. Use the Same product for both toggle in step 1. The discount applies when the cart contains two of that product, including across separate cart lines, so a shopper who adds the item twice still qualifies.
Cross-product BOGO. Buy and get are different products. Each product gets a role: Buy or Get. The buy product is the one the shopper buys at full price. The get product is the one they receive discounted.
#Setting one up
#Step 1: Add products and assign roles (Products)
- Go to
Bundles→Create bundle→ click the BOGO goal, pickStart blankor a template, and clickContinue to setup. - Click
Add productsand select your buy product. In theBuy/Getmenu on its row, keepBuy. - Click
Add productsagain and select your get product. Set its menu toGet.
For a same-product deal, add the product once, then turn on Same product for both. The app adds it a second time as the Get item.
Variants. A product with more than one variant shows Shopper picks one and Include all. Shopper picks one shows a variant picker in the widget. See Variant pickers.

#Step 2: Set the discount (Discount)
The discount applies to the get product:
- Percentage off: 100% off means the get is free. 50% off halves its price.
- Amount off: a flat amount off the get item.
- Reward price: a set price for the get item.
The free item uses your FREE tag colour on every layout. Change it in the style customizer (BOGO layout options, FREE tag color).
Include free shipping makes shipping free when the deal is in the cart.
The buy quantity is fixed at 1 for BOGO (the shopper buys 1, gets 1). To require the shopper to buy 2 to get 1 free, use a Buy X Get Y bundle instead.

#Step 3: Customize the display (Display)
Choose one of four layouts:
| Layout | Best for |
|---|---|
| Classic Card | Two-column design that clearly separates the Buy and Get sections |
| Compact Grid | Tile format with role badges; suits cross-product deals |
| Minimalist | Clean hero-style; one product front and center |
| Sleek | Horizontal ribbon; works well on wider themes |

#Step 4: Review and publish (Review)
Check the summary. Set the status menu at the top of the editor to Active to go live, or keep Draft. Click Save (Update when editing). Nothing is saved until you do.
#What the shopper sees
The widget shows both products: the buy at full price, the get with the discount applied. The pricing section shows the total before and after.
At checkout, the discount function checks that both products are in the cart and applies the get discount. If only the buy product is in the cart, no discount applies.
Free item adjustment. When a shopper changes the quantity of the paid item in the cart, the free get item adjusts automatically. If they drop below qualifying quantity, the free item is removed so they are never charged for a reward they did not earn.
#Common mistakes
Setting the wrong role. If both products are set to Buy, or neither is set to Get, the discount will not apply. Check roles in the review step.
Expecting the widget on the get product's page. The widget appears on the buy product's page (the one the shopper pays for), not necessarily on the get product's page. To show it on both, use separate bundles, or place the widget on a collection page using the theme editor.
Using a percentage discount of 0%. This looks like a bug in the widget. BOGO has no No discount option, so to show products together without a price change, use a Fixed bundle with No discount.