Build your own bundle for Shopify, step by step
A build your own bundle on Shopify lets the shopper pick the products, step by step, and add the whole set to the cart as one item. Elite Bundle Builder gives you the steps, the rules, the tiered discount and the page design, all in one free app. This page explains what a build your own bundle can do and how the pieces fit.
[image: A build your own bundle landing page with step tabs for Base, Snacks and Extras, a product grid and a bundle cart showing four picked items]
What shoppers do
- Land on the bundle page (a full landing page, or a widget on the product page).
- See the first step, for example "Choose your base".
- Pick products, choosing a size or colour where the product has variants.
- Move through each step while the bundle cart fills up.
- Watch the discount display show which tier they have reached.
- Click Add bundle to cart, then check out. The discount is applied there, with no code.
Steps, and where their products come from
Each step has a title and a product source. Pick specific products when you want full control over the list, or pick a collection so the step updates itself as your catalog changes. You can mix both in one bundle: a collection for the snacks step and a hand-picked list for the extras step.
Add, duplicate, delete and drag steps to reorder them. Drag the products inside a step to set the order shoppers see. A bundle needs at least one step; there is no upper limit.
Rules per step and for the whole bundle
In Config, each step can have:
- A minimum and maximum. Turn the limit off and the step becomes optional, so shoppers can skip it.
- One of each product only, so the same product cannot be added twice within the step.
- Mark as gift, which flags everything picked in that step as a gift on the order.
For the whole bundle you can set a total minimum and maximum across all steps, and choose to lock every add button once the top quantity tier is reached, so there is nothing left to chase.
| Use case | Minimum | Maximum |
|---|---|---|
| Required single pick (choose your box) | 1 | 1 |
| Build a box core (pick your snacks) | 3 | 8 |
| Optional extras | limit off | limit off |
The build your own bundle docs walk through every field.
Tiered discounts that apply at checkout
Tiers trigger on item count or order total. Each tier is calculated as percentage off, fixed amount off, a fixed bundle price, or an amount off per item. A common ladder is 3 items for 5% off, 5 for 10% and 8 for 15%. The best matching tier is applied at checkout by a Shopify Function, so there is no code and no way for a shopper to get it wrong. Remove all tiers and the discount is off.
The bundle discounts page has examples for both triggers.
[image: Discount progress bar under the banner reading Add 2 more items to get 10 percent off]
Variants, quick view and sold-out items
By default a product card shows a variant picker, styled per Shopify option as labels, swatches or a dropdown with an image or colour per value. Or show each variant as its own card, which suits a tea sampler where every flavour should be a tile. Quick view opens a modal with full product details. Sold-out products cannot be added, or you can hide them.
Custom data on the cards
Show product metafields on each card: a badge on the image (Vegan, Gluten free), a line under the price (320 kcal, 24g protein), or a text block (brewing instructions). Text, number, date, URL and colour metafields work, including lists. The metafield needs a definition with storefront access, which is a one-time switch in Shopify settings.
Templates and design
Choose a landing page template (standard, classic, compact, horizontal) that replaces the product page or lives on a dedicated page, or a product page template (grid or list) that sits next to your native product form. Then adjust the banner, cards, steps (progress, tabs or stacked), bundle cart (slots or rows, vertical or horizontal, drawer), discount display (progress bar, segmented or box) and branding tokens. Every setting is per bundle, and the preview updates live. Details are in the design and customize guide.
In the cart and after the order
The picked items go to the cart as one bundle line that lists what is inside. Inventory comes off the real products. Orders appear in Shopify as usual and the analytics page tracks views, orders, revenue and conversion for each bundle.
When to use a multi-option bundle instead
If the set is fixed and the shopper only chooses a variant or a product per slot (a shirt, trousers and a hat), a multi-option bundle is the better fit. It renders on the product page and uses the theme's own Add to cart button.
Custom storefront UI
If your team wants its own picker, the developer SDK exposes bundle state and six events, and the checkout discount works the same.
Create your first build your own bundle
Install the app free (see the pricing page for what free covers) and follow the how it works page. The features page lists everything else the editor can do.