Multi-box Bundles allow customers to choose between multiple bundle sizes and pricing options within the same bundle experience.
Examples:
3 items for $99
6 items for $179
10 items for $249
In this tutorial, you'll learn how to:
Configure multiple bundle boxes
Add a Box size selector
Add products to the bundle
Configure free gifts per box
Optimize Product cards and the Summary panel
Create multi-step bundle flows
Live demo
View demo: multi-box bundle demo
Step 1 — Create a Multi-box Bundle
Create a new bundle and select: Multi-box Bundle
Step 2 — Configure bundle boxes
Open: Discounts
Then configure:
Box size
Box price
Examples:
3 items → $99
6 items → $179
10 items → $249
Customers must complete the selected bundle size before checkout.
Add free gifts to bundle boxes
Each box can also include its own fixed free gift.
Examples:
3-pack → Free sample
6-pack → Free tote bag
10-pack → Premium gift
This is a great way to encourage customers to select larger bundle sizes.
Step 3 — Add a Box size selector
Add a Box size selector component.
This component allows customers to choose which bundle size they want before adding products to the bundle.
The Box size selector can be placed inside:
Summary panel
Body
Customize Box size selector cards
Each Box option can display:
Image
Title
Price
Description
Badge
Examples:
Most popular
Best value
Save 20%
This helps customers compare bundle options more easily.
Step 4 — Create a multi-step bundle flow (optional)
Some merchants prefer customers to select the bundle size before viewing products.
This is fully supported.
Recommended setup
Create a dedicated Step page
Place the Box size selector on the first Step page
Move product selection to the following Step pages
Enable Buttons inside the Box size selector
This creates a guided bundle-building experience.
Example:
Step 1 → Choose bundle size
Step 2 → Select products
Step 3 → Review bundle
Step 5 — Add products to the bundle
Open:
Products & Layout
Then add:
Product list components.
You can display:
Specific products
Specific collections
Step 6 — Optimize Product cards for fixed-price bundles
For Multi-box Bundles, we recommend simplifying Product cards and focusing on product selection instead of individual product pricing.
Recommended Product card setup
We recommend displaying:
Product image
Product title
Variant picker
Add to bundle button
Hide individual product prices
For Multi-box Bundles, we recommend removing the Price element from Product cards.
Since customers purchase products using fixed bundle pricing, showing individual product prices can create unnecessary pricing confusion.
Instead, focus on:
Product discovery
Product selection
Bundle completion
This creates a cleaner and more conversion-focused bundle experience.
Step 7 — Optimize the Summary panel
For Multi-box Bundles, we recommend:
Showing only the final bundle total
Hiding subtotal and discount
Using dynamic CTA button states
Show only the final bundle total
We recommend hiding:
Subtotal
Discount breakdown
and displaying only:
Total price
This keeps the pricing simple and reinforces the fixed-price bundle experience.
Configure dynamic button states
Multi-box Bundles include two important customer states:
Incomplete selection
Completed selection
We recommend configuring different button labels for each state.
Incomplete selection state
When customers have not added enough products to complete the selected box, use the button label to guide the next action.
Examples:
2 items remaining
Select 3 more items
Completed selection state
Once the required bundle size is reached, switch the button to the final purchase action.
Examples:
Add to Cart
Checkout
Complete Bundle
Use dynamic text variables
Button labels support dynamic variables such as:
{{remaining}}
{{total}}
Examples:
{{remaining}} items remaining
Add to Cart · {{total}}
This allows the Summary panel to update automatically as customers build their bundle.
Step 8 — Configure bundle display settings
Open:
Bundle Settings
Under:
Where to display the bundle?
select:
Create a product for this bundle
Why this matters
This setting ensures the bundle behaves like a true fixed-price bundle product.
When using:
Create a product for this bundle
the Summary panel total remains fixed at the configured Box price.
Examples:
3 items → ¥99
5 items → ¥149
The total price will not change based on the individual products added to the bundle.
Avoid dynamic pricing confusion
If you instead choose:
Create landing page for this bundle (no product)
the bundle total may change dynamically as customers add products to the bundle.
For Fixed Price Bundles, this can create pricing confusion because customers expect:
One fixed bundle price
Predictable checkout pricing
Clear bundle value
rather than a dynamically calculated subtotal.
Step 7 — Publish the bundle
Once your bundle is ready:
Set the bundle status to Active
Save the bundle
Click View live
Your Multi-box Bundle is now ready for customers.











