How to create a build your own bundle on Shopify

If you are working out how to create a build your own bundle on Shopify, this is the full walkthrough. It uses Elite Bundle Builder, which is free with every feature included, and it takes about twenty minutes from install to a bundle a customer can buy.

By the end you will have a page where shoppers pick products across a few steps, see their selection fill up as they go, add everything as one bundle line in the cart, and get a tiered discount at checkout without typing a code. Each step below says what you do in the editor and what the shopper sees as a result.

What you need before you start

A Shopify store with the products you want to offer, and a rough idea of the choices you want the shopper to make. Two or three steps is plenty for a first bundle. A skincare routine is a good example: choose a cleanser, pick two serums, add a moisturiser. There is no plan to pick and no card to add; the free Shopify bundle app pricing page is one line long for that reason.

Step 1, install the app and turn on the app embed

Install Elite Bundle Builder from the Shopify App Store and approve the permissions. Then turn on the theme embed that renders the bundle:

1. In Shopify, open Online Store, then Themes.
2. Click Customize on your live theme.
3. Open App embeds in the left sidebar.
4. Turn on Elite Embed Core and click Save.

App embeds let an app add code to a theme without editing theme files, as described on Shopify's app embed help page. You do this once per theme; repeat it if you switch themes later.

What the shopper sees: nothing yet. The embed is silent until a bundle is live.

Step 2, create the bundle and give it a customer-facing name

In the app dashboard click Create bundle, choose Build Your Own Bundle, and type a name. The app creates an unlisted Shopify product to hold the bundle, so the name you type is what shoppers see on the page and in the cart. Use a name that describes the action: "Build your skincare routine", "Make your own snack box". The bundle's images, description and SEO fields are edited on that Shopify product, opened from the pencil icon beside the name in the editor header.

The fullscreen editor now opens with settings on the left and a live preview on the right.

Step 3, add the steps in the Build tab

Each step is one decision the shopper makes. For every step you set a short title and a product source:

• Specific products: you hand pick what appears. Use this when the offer is fixed or seasonal.
• Collection: the step shows everything in one Shopify collection, and it updates itself when the collection changes. Use this when you rotate stock often.

Add steps with Add Step, drag them by the number badge to reorder, and duplicate a step when the next one is similar. Inside a step, drag the products to set their order. For the skincare example: "Choose your cleanser" from specific products, "Pick your serums" from the Serums collection, "Add a moisturiser" from specific products. The build your own bundle docs cover every control on this tab.

What the shopper sees: the step titles as numbered progress circles, tabs or a stacked page (you pick which in Design), and a grid or list of product cards with a variant picker and an add button under each.

Step 4, set the rules in Config

Open Config, then Rules. The page lists every step; open one to set its rules:

• Limit how many items shoppers pick, with a minimum and maximum. A required single choice is min 1, max 1. A build-a-box core step might be min 3, max 8.
• Leave the limit off to make the step optional, so shoppers can skip it.
• One of each product only, when a product should be picked at most once in that step.
• Mark items as a gift, which flags everything from that step as a gift on the order.

The same page has whole-bundle rules: a minimum and maximum across all steps, and Stop at the top discount tier, which locks every add button once the shopper reaches the highest quantity tier.

What the shopper sees: the add buttons lock when a step's maximum is reached, and the Add bundle to cart button stays inactive until every minimum is met. The bundle cart on the side shows what they have picked so far, and they can increase, decrease or remove items before adding.

Step 5, add discount tiers in the Offer tab

Open Offer, then Discount Offer, and turn on Enable discounts. Two settings shape the whole offer:

• Discount trigger: tiers are reached by number of items, or by order total value.
• Discount calculation: percentage off, fixed amount off, fixed target price, or amount off per item.

Then add a row per tier. A common starting ladder is 3 items for 5% off, 5 items for 10% off, 8 items for 15% off. Two to four tiers is enough.

Discounts are applied at checkout by a Shopify Function, the mechanism Shopify provides for apps to run custom discount logic at checkout. There is no code for the shopper to type. For the arithmetic behind each calculation type, read the guide to Shopify bundle discounts.

What the shopper sees: a progress bar with tier markers above the builder (or a segmented bar, or box buttons, chosen in Design), a hint such as "add 2 more to save 10%", and the discount as a line item at checkout.

Step 6, pick a template and adjust the design

The Template tab sets the starting layout and where the bundle appears. Landing page templates (Standard, Classic, Compact, Horizontal) take over the bundle's own product page, or redirect it to a dedicated page. Product page templates (Grid, List) sit beside your theme's normal product form with the cart in a drawer.

Picking a template stamps its layout values onto the bundle, so choose one before fine-tuning. Then open Design: Banner, Product card & variants, Steps, Bundle cart, Discount display and Branding, all per bundle. The design and customize docs list every control, and hovering a region of the preview shows which page controls it.

Two things worth doing on every bundle: set the brand colours and corner radius in Branding so the page matches your theme, and check the preview at mobile width. Many people build bundles on a phone, and a cart that covers the product cards on a small screen is the most common thing we see go wrong.

Step 7, test it unlisted, then publish

Save with the save bar; nothing reaches the storefront until you do. Set the status dropdown in the header to Unlisted, which hides the bundle from collections and search but opens it by direct link. Click View live and run the full flow: pick products, hit the minimums, add to cart, go to checkout, confirm the discount line. Test one selection that does not qualify as well. When it checks out, switch the status to Active. The publish on storefront docs have the full checklist.

What the shopper sees: a normal Shopify product URL that opens the builder, one bundle line in the cart listing the picked items, and the discount applied at checkout. Inventory is deducted from the real products.

After launch, link the bundle from your main menu, your homepage or the product pages of items that appear in it. A bundle nobody can find does not sell, and the app cannot fix your navigation for you.

Frequently asked questions

Do I need to know any code to create a build your own bundle?

No. Every step in this guide happens in the app editor or the Shopify theme editor, and the only theme change is switching on an app embed. Custom CSS is available for stores that want it, and a JavaScript SDK exists for fully custom storefronts, but neither is required.

Can shoppers pick the same product more than once?

Yes by default, and you control it per step. Turn on One of each product only in Config, Rules when a product should appear at most once in that step, for example a "choose your three flavours" step where three of the same flavour defeats the point.

What happens to inventory when a bundle sells?

The cart transform turns the picked items into one bundle line, but inventory is tracked on the real products underneath. When the bundle sells, each picked product's stock goes down by the quantity chosen, so you never need a separate stock count for the bundle.

Ready to build one? Read the build your own bundle overview or install Elite Bundle Builder free from the Shopify App Store.