Bundle types
Mix and Match
In a Mix and Match bundle, shoppers fill a box from groups of products you set up. The discount applies once every group has enough items in it.
#When to use it
- A "pick any 3 for $50" deal across similar items at different prices.
- A build-your-own kit, like a supplement stack, a spice set or a skincare routine.
- A starter pack where the shopper takes one item from each of several groups.
- A six-item box at one flat price. Set one group to
Exactly6 and use a custom price.
#Setting one up
#Start the editor
- Go to
Bundlesand clickCreate bundle. - Click the Mix & match goal. Pick
Start blankor a template, then clickContinue to setup.
There are five Mix & match templates: Build a gift box (pick exactly 3), Mix any three (any 3 from a collection), Pick one from each (one item from each of two groups), Box of 6 and Sample pack (3 minis). A template fills in the groups, how many to pick, the discount and the layout. You add the products.
#Set up groups (step 1 of 4: Products)
A group is a set of products the shopper picks from. Each product can be in one group only. To add another group, click Add group under the last one.
Not sure where to start? Under Product Groups, pick a starter layout, then change anything you need:
Pick 1 + Pick 1: two groups, the shopper chooses one from each (for example a shirt and a hat).Build a box: one group, the shopper picks exactly 3.Pick from a collection: one group linked to a Shopify collection, the shopper picks exactly 2.
For each group:
- Type a group heading. Shoppers see it above the group, for example "Choose your base".
- Add a description under the heading if you want one.
- Under
How many can they pick?, choose:Exactly: a fixed number.Between (a range): a minimum and a maximum.At least: a minimum, with no upper limit.
- Add products in one of two ways.
Hand-picked products. Click Add products and choose them in the Shopify product picker. Each product goes in at a quantity of 1, and the shopper picks the variant on the storefront.
A collection. Click Add collection (or Use a collection instead once the group has products) and choose a Shopify collection. The group fills with the collection's products and keeps up with it: add or remove a product in Shopify and the bundle follows. A collection group holds up to 100 products; past that, a banner says only the first 100 show. Preview products lists them, with Exclude (and Include to undo) on each. Re-sync picks up changes straight away, and the More actions menu has Change collection and Remove. One collection can be used in one group only.
The same product in two groups. If you add a product that's already in another group, the app tells you and moves it into this one. If two collections share a product, both groups show an "In another group" badge, and the bundle won't save until you sort it out.
Drag groups, or products inside a group, to change their order. Shoppers see them in the same order.
Under the groups, the How shoppers choose card applies to every group in the bundle:
Let shoppers pick the same product more than once(off by default): picked products get a quantity stepper. The box size and group limits still apply.Pickers:One per product(full variant names, like "Midnight Navy / Small") orOne per option(colour and size apart).Picker style:Dropdown(best for many values) orButtons(best for a few).
#Set up pricing (step 2 of 4: Discount)
Choose a discount type:
| Type | What it does |
|---|---|
| Percentage | Takes a percentage off the combined price of the chosen items |
| Fixed amount | Takes a set amount off the combined price |
| Custom price | Charges one total for the box, whatever the shopper picks |
| No discount | Sells the items together at their normal prices |
Under Applies to, the discount covers the Whole bundle unless you choose Specific groups. Use that when one group is a discounted add-on and the rest stays at full price.
Include free shipping makes shipping free when the bundle is bought.
#Choose a layout (step 3 of 4: Display)
There are five storefront layouts:
| Layout | What the shopper sees |
|---|---|
| Filter Grid | A product grid filtered by group, with a summary bar and progress ring |
| Checklist | A collapsible section per group, with a progress bar and a summary box |
| Builder | A tab per group, with a side panel showing the chosen items, total and savings |
| Steps | One group per step, ending with a review before adding to cart |
| Gamified | A ring that fills as items are added, with a short animation when it's full |
Once you pick a layout, its display options appear at the end of the Show in the widget card:
| Layout | Display options |
|---|---|
| Filter Grid | Show progress ring, Show group badge on cards, Filter chips by (Groups, Product type or Product tag) |
| Checklist | Show progress bar, Groups open by default (First group, All groups or All collapsed), Show summary heading |
| Builder | Show slot chips, Show selected items list |
| Steps | Stepper style (Number + label, Number only or Dots), Show prices on review |
| Gamified | Show selected thumbnails, Unlock celebration |
All of them are on by default. When the Style Customizer sets Builder to Box first or Gamified to Bar, those layouts draw a simpler strip, and their options (with Display product images and Display individual product prices) are hidden. Colours, card style and the other looks of each layout are in the Style Customizer.
In every layout, a product with options (size, colour) opens a picker. The shopper chooses the variant and how many, then it goes into the box.
Button text, progress hints and the other widget text are in Settings → Text & languages. See Text & languages for the full list.
#Review and publish (step 4 of 4: Review)
Check the summary. To go live, set the status menu at the top of the editor to Active, or leave it on Draft. Then click Save (Update when editing).
#Shopper experience
Variants. Tapping a product that has variants opens a popup where the shopper picks one. That exact variant is what goes into the cart. See Variant pickers.
Progress. Each group shows a tick once it's full, or how many it still needs ("2 more"). A hint names the next group to fill, such as "1 more from Sides". You can change this text in Settings → Text & languages.
Add to cart. The button stays greyed out until every group is full. Then all the chosen items go into the cart as one bundle.
#How the discount applies at checkout
The discount runs as a Shopify Function and follows Shopify's normal rules for combining discounts. At checkout it checks again that every group meets its minimum. If the cart falls short, there's no discount, so shoppers can't get it on part of a box.
Collection groups are checked against the collection as it is now. If you add or remove products in the collection, the bundle changes to match.
#Common mistakes
A group minimum higher than the number of products in it. Ask for 3 picks from 2 products and no one can finish the group. The editor won't accept a minimum the group can't meet, so add the products first, then raise the minimum.
A collection group with no active products. Only active, non-subscription products count. A new collection where everything is still a draft shows zero products. Set the products to Active in Shopify and the group picks them up.
One product in two groups. Adding a product to a second group takes it out of the first, which can leave the first group short. When two collection groups share a product, exclude it from one of them before you save.
No widget on the product page. The bundle has to be Active, and the Radius Bundles block has to be on your product page template. See Widget setup.
Testing in a draft order. The discount is applied at checkout, so it won't show in draft orders or the Shopify admin cart. Test on your storefront in a normal browser.