Mix & Match bundles let your customers choose the products they want and still get a discount. Whether it’s combining different items at a fixed price or getting a deal for picking multiple products, this bundle gives shoppers more freedom. It’s a flexible and fun way for your customers to save while shopping.
Mix & Match examples:
- Choose any Product X and Y at a fixed total price
- Buy any Product X + fixed Product Y = 10% off
- Buy 2 of X or 2 of Y = 5% off
- Pick 1 product, then buy at least 2 more for 10% off
Note: You can A/B test each bundle you create. You can create up to 4 versions, test each version performance, and iterate.
To create a version to test, click on the "Add variant" on the top right of the editor:
Step 1: Set Up Basic Bundle Information
On your MBC Bundles dashboard, click the "Create new bundle" button
Enter a descriptive Bundle name that customers will see
Set the Bundle status:
Choose "Active" to make it immediately available to customers
Choose "Draft" to save your work without publishing
Step 2: Choose Your Bundle Type
Select from preset options or create a custom bundle:
Option A: Use a Preset
In the Choose a preset and customize it section, select one of the Mix & Match presets:
Option B: Build Your Own
Select "Or build your own" section
Choose your bundle structure:
Product groups: Products can be swapped within groups
Note: Only the Product groups option support the Mix & Match product bundling.
Step 3: Configure Layout and Display
In the Layout section, choose how your bundle will be displayed:
Grid: Products are shown side by side in a grid view.
List with images: Products are shown in a list format with images.
List without images: Products are shown in a simplified text-only list.
The preview on the right updates automatically so you can see exactly how your bundle will look to customers.
Next, from the Mix & Match template dropdown, pick the interaction style:
Selector: Customers pick options from dropdowns.
Modal: Customers select items in a pop-up window.
List: Customers see and select items directly in a list.
Step 4: Configure Bundle Type
Choose your bundle presentation:
Widget-only bundle: The bundle widget can be placed on product and other pages, or hidden to apply discounts only in the cart or use in POS
With its own product page: Creates a standalone bundle product page
Step 5: Select Bundle Products
In the Product group 1 section, choose how to add products:
Click Add products to select specific items
Click Add collections to include entire product collections
Click "+ Add product group" to create additional groups
Click See most & least selling products for performance insights
Click + Add product group to create additional product groups where customers can swap items
Each product group allows customers to substitute one product for another within that group
Check the list of AI recommended products:
After clicking on the 'See most & least selling products' option, a popup with two lists will open. The first list "Most selling products" will display 5 products with the largest sales over the past 30 days. In the second list "Least selling products" you will see 5 products with the lowest sales over the past 30 days.
Step 6: Set Up Discount Structure
Choose your discount method:
No Discount
Description: Bundle items at regular price without any discount
Standard Discount
Description: Apply a discount to the bundle
Configuration options:
Applies to: Bundle subtotal amount (dropdown selection)
Type: Choose from Percentage, Sale price, or Amount discount
Value: Enter discount amount (e.g., % 0 as placeholder)
Free Gift
Description: Customers will be able to select one free gift from the options you add
Setup:
Shows "No products added" initially
Click "Add products" to select free gift options
Click "Add collections" to add entire collections as free gift choices
Customer experience: Customers choose one free item from your selected options
You might also like to read: Subscription discounts - Allow subscription discounts with bundles in Settings.
Step 7: Configure Widget Settings
Check Show the widget on product pages of included bundle items
Set Widget title (or leave as "Default widget title")
Add Widget description for additional context
Step 8: Market
In the Market section you can either select all markets or specific markets to make the bundle available. This allows you to offer different pricing and availability by region.
Step 9: Set Bundle active period
You can set the active period for bundle offer and enable the countdown timer.
Configure Bundle active period:
Start date: When the bundle becomes available (defaults to current date)
Start time: Specific time the bundle goes live
Optionally check Set end time and configure when the bundle should automatically deactivate
To enable the countdown timer, tick the box. You have 4 options to set conditions:
Follow end time set for bundle
Fixed duration
Ends at midnight (user's local time)
Custom end date
Step 10: Configure Advanced Settings
Pre-select the first available product variant in the widget — When enabled, the first available variant is automatically selected for each product when the widget loads.
Display discount to customers from Compare-at price — When enabled, the discount shown to customers is calculated based on the Compare-at price rather than the app price.
Enable integration with subscription apps — Allows the bundle widget to work alongside subscription apps installed in your store. (Recommended: RecurrinGO).
Enable custom property field — Adds a custom input field to the widget for collecting additional information from the customer (e.g. a pet's name for a personalized bundle). When enabled, configure the following:
Field title — The label shown to customers above the input field.
Field help text — Optional placeholder or instructional text inside the field.
Make the field required — When checked, customers must fill in this field before they can add the bundle to cart.
Exclude B2B customers — Hides the bundle widget from wholesale/B2B customers.
Bundle priority — Sets the display order when multiple bundles are available on the same product page. Lower numbers appear first. Default is 0.
You might also like to read: Subscription discounts - Allow subscription discounts with bundles in Settings.
Step 11: Review and Save
Review all your settings
Ensure your bundle status is set correctly (Active or Draft)
Save your bundle
Test the bundle on your store to ensure it displays correctly
Need Help?
If you have any questions, please contact our support team.
📩 Contact Support: Reach out to us via live chat or send an email to [email protected].