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
Each step can have:
- A minimum and maximum, counted in items or in amount spent. Set it to no limit and the step becomes optional, so shoppers can skip it.
- Show this step, so a step appears only once an earlier step has certain picks: a particular product, six items or a set amount spent.
- One of each product only, so the same product cannot be added twice within the step.
- Go to the next step when this one is full, so the pick that reaches the step's maximum moves the shopper on, skipping locked steps.
- Free gift step, so everything picked in that step is free, up to the step's maximum, and counts toward no tier or limit.
For the whole bundle you can set a total minimum and maximum across all steps, in items or amount spent, 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 | no limit | no limit |
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.
Product data on the cards
Show custom product data on each card: badges on the image (Vegan, Gluten free), a line under the price (320 kcal, 24g protein), or notes under the price (brewing instructions). The vendor, the SKU and the stock left ("Only 3 left") go in the same spots. To set one, hover a card in the editor preview and click the + at an empty spot; quick view and the bundle cart have spots of their own. 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.
Gift messages, engraving and other add-ons
Add-ons collect what a gift or a personalised order needs, set up in Offer, Add-ons from ready-made cards. Bundle add-ons are filled in once for the whole bundle: a gift message, To & From, a delivery date, a recipient email, a gift box, or a choice such as ribbon colour. They sit in the bundle cart above Add to cart, or in a last step after the products, and the answers land on the bundle's line in the order ("To: Anna"). Product add-ons sit in each product's quick view: an engraving, gift wrap, or the shopper's own photo, saved on that product's line.
Each add-on is free, a fixed amount, or the price of a product you pick (your own gift wrap product, at its price and from its stock). A bundle add-on is charged once per bundle and a product add-on per item, and the bundle discount never applies to either. Mark one as required and Add to cart points the shopper to it until it is filled in. The gift message guide sets one up end to end, and the paid add-ons guide covers pricing.
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.
Sell the bundle on subscription
A snack box or skincare routine often sells again next month, so shoppers can subscribe to the bundle they built. Turn on Offer subscriptions in Config, Subscriptions, and a purchase options picker appears above Add to cart in the side cart, the mobile cart bar or the product page widget.
The plans come from your subscription app, and every product in the bundle must be in the same plan there (for a collection step, the first 250 products are checked). A subscribed bundle goes to the cart as separate item lines instead of one bundle line, and the bundle discount stacks on the plan's saving. The subscription bundles page shows the picker styles, and the Shopify subscription bundles guide covers setup and pricing.
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 eight 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.