> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.ushopaid.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Create a multi-box bundle

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](https://ushopaid-demo-store.myshopify.com/products/multi-box-bundle-template-2-demo)

---

# Step 1 — Create a Multi-box Bundle

Create a new bundle and select: **Multi-box Bundle**

[![](https://storage.crisp.chat/users/helpdesk/website/-/8/6/9/e/869e45a6a3fc0000/c3aa69be-9453-415e-a72a-e27bc9_orhdoc.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379263594/c5e809f1c3d55d8c7ab2a61803d8/image.png?expires=1782884700&signature=2a73f6590296fbac4c6fe9404f383856e4caeb02f01f20223cfcdd47c0c83f31&req=diMgH8t4noRWXfMW1HO4zS01UKyRMtHKAAyNiNIq4baP%2B6%2BhjBbf763NW5bk%0AhPK9E7t2%2BKLXWqfbMjs%3D%0A)

---

# 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.

[![](https://storage.crisp.chat/users/helpdesk/website/-/c/c/7/4/cc74fb4e32b11800/bb3b0bdf-1f94-4df5-b4d0-236697_1mp7rc8.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379267167/db5b0406370757544cfae792108e/image.png?expires=1782884700&signature=910b0100e711e11c14d0e68cc8d0ec308ba657c9dfd8fa0013199a9d25c6bc56&req=diMgH8t4moBZXvMW1HO4zTHLKLqWAjiNZHA2ULXSWlBiMxcojyGck5dGxO7Y%0AEstP50uEU2yWVhsnwME%3D%0A)

---

## 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

[![](https://storage.crisp.chat/users/helpdesk/website/-/4/a/e/b/4aeb7abc89692400/8c8c3869-9ccc-44a8-8f31-0c3927_b1iyuy.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379273029/0191825b5beae48417f27a91e09a/image.png?expires=1782884700&signature=d00f433db3435b51da122cb47f3fb6f6e9f5c9254a26993bebf37fbf3f7f6d7f&req=diMgH8t5noFdUPMW1HO4zYKjwNzhLwB2qEKi7NIfee%2FUdNFfmeGFPBu1YVr4%0ANqiS3D9FWrULJ7wUNMk%3D%0A)

---

## 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.

[![](https://storage.crisp.chat/users/helpdesk/website/-/e/f/5/1/ef5175460f4ef800/e7648f8f-e00e-4379-961f-b12db7_10l6j2i.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379275308/981130116abf0cccb29813b7e7da/image.png?expires=1782884700&signature=617cc6f8a70d3f5ff8077009257fa50f7d2e2375eff68131d131929457bc2fa3&req=diMgH8t5mIJfUfMW1HO4zb2rffCaEt%2BI5OfhZJGq2ZGsTqH6prAmTn71TT1A%0AWCGNoSjZJT5YFXimHaE%3D%0A)

---

# 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

1. Create a dedicated Step page
2. Place the Box size selector on the first Step page
3. Move product selection to the following Step pages
4. 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

[![](https://storage.crisp.chat/users/helpdesk/website/-/2/5/6/9/2569e3f73c7f9000/9188fe2c-4df1-4fe5-9936-b47ae1_j9aevi.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379282827/47eac42d69e5f910404ae5da1565/image.png?expires=1782884700&signature=7f6850529302bb3314d117784c11ce1207bbe26e58f6a496cfad48d66ddce00c&req=diMgH8t2n4ldXvMW1HO4zRvoNienIsqj3pKg4hbhPOphZ1qJdlaTZ08sQuUP%0AGIe7eaVLU%2BuVypG%2Bxjg%3D%0A)

---

# Step 5 — Add products to the bundle

Open:  
​**Products & Layout**

Then add:  
​**Product list** components.

You can display:

* Specific products
* Specific collections

[![](https://storage.crisp.chat/users/helpdesk/website/-/5/b/0/2/5b02faf383fdd800/98ee1a2d-cbfd-457f-a2f1-ca9c4e_71tqaj.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379286297/207dcaecea8ad7664488c8bb91a5/image.png?expires=1782884700&signature=ba2242fd26e1ca141206112b14a31bf3637f831634de7d689741a30bfbf3f287&req=diMgH8t2m4NWXvMW1HO4zT%2Faa%2B5oGLsmwzHXbR7p4TOknPXZeI0lY7NBaFt%2B%0AbqZnx2p2GLp%2B%2FKqn2rk%3D%0A)

---

# 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.

[![](https://storage.crisp.chat/users/helpdesk/website/-/a/1/e/0/a1e0082fe7e5e000/61a1d928-ee4b-4518-96c0-ce6470_13soj7j.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379290633/1b5ffc4cb03fa2871b130f558047/image.png?expires=1782884700&signature=ae75574d369707f2cb24c4492ec8228c6f79648c040a0cca179150811275b9b0&req=diMgH8t3nYdcWvMW1HO4zd3oeQDLQ%2FMeqaUB4su5YIH8Fp%2BMrihZgH08zePD%0A%2FCOxybKfKfV9K5qdr0o%3D%0A)

---

## 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.

[![](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379297539/de9a6c11c4355595089cf03a2a52/image.png?expires=1782884700&signature=fe5948897542d69045b39ff0f20c80d1f6d93c73d12ee4f254d13591acc56546&req=diMgH8t3moRcUPMW1HO4zV%2BhiXpYWEHygZ2fMVB%2F0%2FI5mfG8hT3%2BqiHoKW3Q%0AaDJzd2JLa%2FHtEKupQKg%3D%0A)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379297539/de9a6c11c4355595089cf03a2a52/image.png?expires=1782884700&signature=fe5948897542d69045b39ff0f20c80d1f6d93c73d12ee4f254d13591acc56546&req=diMgH8t3moRcUPMW1HO4zV%2BhiXpYWEHygZ2fMVB%2F0%2FI5mfG8hT3%2BqiHoKW3Q%0AaDJzd2JLa%2FHtEKupQKg%3D%0A)

---

## 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.

[![](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379298182/d7854dcd1e1ba3a134182495a94e/image.png?expires=1782884700&signature=3a5e7d402b0395032f3e1d77a880d796043d7d5a062fad0077508e414b63b6df&req=diMgH8t3lYBXW%2FMW1HO4zSdiUk%2Bta%2BE1m4xh5FK5Uxv6LOnhpfFv%2FwG%2BVwiL%0AyTQgxKi5chAeuj2F8XY%3D%0A)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379298182/d7854dcd1e1ba3a134182495a94e/image.png?expires=1782884700&signature=3a5e7d402b0395032f3e1d77a880d796043d7d5a062fad0077508e414b63b6df&req=diMgH8t3lYBXW%2FMW1HO4zSdiUk%2Bta%2BE1m4xh5FK5Uxv6LOnhpfFv%2FwG%2BVwiL%0AyTQgxKi5chAeuj2F8XY%3D%0A)

#### 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**

[![](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379301200/4e67b05aceee60b6a89e102bb6cc/image.png?expires=1782884700&signature=9a20014c000f5f44e3d1ee3561ea46ca65da3cde8cc34819a71645ecf2fbeeb8&req=diMgH8p%2BnINfWfMW1HO4zXxe8zj2cCOaPgnKDyLxVmJPeJ%2FA12RPQHb1oIPC%0A%2Bgjk1Yh%2FTUdNEqbbfrg%3D%0A)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379301200/4e67b05aceee60b6a89e102bb6cc/image.png?expires=1782884700&signature=9a20014c000f5f44e3d1ee3561ea46ca65da3cde8cc34819a71645ecf2fbeeb8&req=diMgH8p%2BnINfWfMW1HO4zXxe8zj2cCOaPgnKDyLxVmJPeJ%2FA12RPQHb1oIPC%0A%2Bgjk1Yh%2FTUdNEqbbfrg%3D%0A)

---

## 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.

[![](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379301202/0117bff51c21f0d8beaf96ba9655/image.png?expires=1782884700&signature=d81650fc420ab775f21dad429cc6e2a2d06f3c50ca76724ba1d71d9a4ccf74cd&req=diMgH8p%2BnINfW%2FMW1HO4zaXpvLzLbYICr6fYTdXmeNDQkvG620uToUXsHAvo%0An6Gj6mPam4kNiO5DGgU%3D%0A)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379301202/0117bff51c21f0d8beaf96ba9655/image.png?expires=1782884700&signature=d81650fc420ab775f21dad429cc6e2a2d06f3c50ca76724ba1d71d9a4ccf74cd&req=diMgH8p%2BnINfW%2FMW1HO4zaXpvLzLbYICr6fYTdXmeNDQkvG620uToUXsHAvo%0An6Gj6mPam4kNiO5DGgU%3D%0A)

---

## 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 9 — Publish the bundle

Once your bundle is ready:

1. Set the bundle status to **Active**
2. Save the bundle
3. Click **View live**

Your Multi-box Bundle is now ready for customers.