SScale Themedocs

BOGO offers - Buy X, get Y free or at a reduced price. Up to 4 tiers with configurable discount.

BOGO Bundle (Buy One Get One)

The BOGO bundle allows you to create "Buy X, get Y" offers with a configurable discount on the bonus products. It is one of the most effective promotional mechanisms to increase average order value.

Principle

The customer buys a certain quantity and receives additional products for free (or at a reduced price):

TierBuyGetTotalWith 100% discount (free)
1101No bonus
22131 free
33252 free
4 (opt.)4373 free
ℹ️The global discount applies to all "received" products (the "Get" field). For example, with a 100% discount, the bonus products are entirely free. With 50%, they are half price.

Content settings

SettingDescriptionDefault
HeadingBlock title"Special offer"
SubheadingSubtitle"Buy more, get more"

Tier configuration

Tiers 1, 2, and 3 (always visible)

SettingDescriptionDefault
Tier 1 - BuyQuantity to purchase1
Tier 1 - GetBonus quantity received0
Tier 1 - LabelCustom text (optional)-
Tier 2 - BuyQuantity to purchase2
Tier 2 - GetBonus quantity received1
Tier 2 - LabelCustom text-
Tier 3 - BuyQuantity to purchase3
Tier 3 - GetBonus quantity received2
Tier 3 - LabelCustom text-

Tier 4 (optional)

SettingDescriptionDefault
Enable tier 4Shows a 4th tierNo
BuyQuantity to purchase4
GetBonus quantity received3
LabelCustom text-

Discount on bonus products

SettingDescriptionDefault
Discount (%)Discount applied to bonus products (0-100%)100%

The discount is a slider from 0% to 100% in 5% increments. Examples:

DiscountEffect
100%Bonus products are free
50%Bonus products are at half price
0%No discount (the tier is for display only)
💡The "Buy 2, get 1 FREE" formula (100% discount) is the most effective for conversion rate. It is clear, simple, and perceived as a real advantage.

Layout and style

SettingOptionsDefault
LayoutVertical / Horizontal / GridVertical
Tier styleDefault / CompactDefault
Selection styleBackground / Border / CheckboxBackground
Checkbox shapeRound / Square (if checkbox)Round
Mobile layoutAuto / Keep horizontal / Force verticalAuto

Display

SettingDescriptionDefault
Show unit priceCalculated price per unitYes
Show savingsTotal savings percentageYes

Badges

SettingDescriptionDefault
Enable badgeBadge on a tierYes
StyleSolid / Outline / PillSolid
Badge tierTier number (1-4)2
TextCustom text"Most popular"
2nd badgeOptional second badgeNo

Extensions

Progressive gifts

The BOGO bundle supports progressive gifts in addition to bonus products. See Progressive gifts.

Subscription

Subscription toggle available if the product has selling plans.

Colors

SettingOptionsDefault
Selection colorAccent 1 / Accent 2 / TextAccent 1
Badge colorAccent 1 / Accent 2 / TextAccent 1

Variant synchronization

The BOGO automatically syncs with the product's variant selector:

  • When the customer changes variant (e.g., color), the BOGO prices are recalculated
  • Stock is checked for each variant and unavailable tiers are disabled
  • The total quantity is automatically updated in the product form's quantity input

Use cases

Cosmetics - "Buy 2 Get 1 Free"

  • Tier 1: Buy 1 (no bonus)
  • Tier 2: Buy 2, get 1 free -- badge "Most popular"
  • Tier 3: Buy 3, get 2 free -- badge "Best value"
  • Discount: 100%

Accessories - "Buy 1 Get 1 50% Off"

  • Tier 1: Buy 1 (no bonus)
  • Tier 2: Buy 1, get 1 at -50%
  • Tier 3: Buy 2, get 1 at -50%
  • Discount: 50%
⚠️As with all bundles, configure the matching Shopify Discount so that the discount is applied at checkout. The theme-side BOGO is a display; the actual discount must be handled by Shopify.