> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/features/bundle-builder.md).

# Bundle builder

Lets shoppers build a multi-product bundle on one page. A live summary shows the running total and a progress bar toward the next discount tier, with a message when a tier is reached. Products with options are chosen inline, and the whole bundle goes to cart in one step. A stepped version splits the flow into tabs, one category per tab.

![Bundle builder overview](https://3215967854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlyCMfKbEVTf3hu8uxjSZ%2Fuploads%2Fgit-blob-11e315c4c17ea4c314bb226db98e90bcfb655e02%2Ffeature-bundle-builder-overview.png?alt=media)

{% hint style="info" %}
The bundle builder **shows** the projected savings — it does not apply the discount itself. Create a matching automatic discount in **Shopify admin → Discounts**, and enter the same tier values in the section so the numbers shoppers see match what's applied at checkout.
{% endhint %}

## How to turn it on

1. Create the matching discount in **Shopify admin → Discounts** — the section only styles the offer, it does not apply it. Follow [How to set up the bundle builder](/helix/how-to-guides/how-to-set-up-the-bundle-builder.md).
2. Add the [Bundle builder](/helix/global-sections/products/bundle-builder.md) section to a page, or [Bundle builder tabs](/helix/global-sections/products/bundle-builder-tabs.md) for a stepped flow.
3. Set the product pool in the **Product list** block, and the discount tiers and reward messages in the **Bundle summary** block.

***

{% hint style="info" icon="headset" %}
**Need help?**

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

<a href="https://go.crisp.chat/chat/embed/?website_id=6c25581e-794a-41b4-8552-52f3de1dd1f7" class="button secondary" data-icon="comments">Chat with us</a> <a href="https://modutheme.ticksy.com" class="button primary" data-icon="ticket">Submit a ticket</a>
{% endhint %}
