A Mix & Match bundle can be created allowing customers to purchase a selection of different products together at the total price of all products or at a discounted price applied on the total products’ price. When you set up a Mix & Match bundle, our app will automatically create a new product in your Shopify store. As a result, the process of creating this bundle is similar to creating a regular product in Shopify.
Step 1: Creating a Parent Bundle Product
To create a new offer:
- Click Create Offer.
- Select Create from Mix & match bundle (Dynamic price).
- Enter the Product Title for your Mix & match bundle (Marked “1” in the image below). Our app will automatically create a new product in Shopify with this name.
- In Media, you can upload one image for the product (optional) (Marked “2” in the image below).
After creating the Mix & match bundle, you can add more images, edit the description, and personalize the parent product either in Shopify or within the app.
Step 2: Deciding the Bundle Size and Discount
In this section, you can choose whether the bundle will be offered at the regular price (”Marked: 1”) or at a discounted price (”Marked: 2”)
If you are creating a multi-size bundle, click Add Size (”Marked: 1”) to add multiple size options to the bundle.
Discounted Price single size
- Enter the size value: Specify how many products will make up this bundle. (”Marked: 1”)
- Set the discount percentage (if it’s a discounted bundle): The specified discount percentage will be applied to the sale price of the child products. (”Marked: 2”)
- If you have multiple sizes, repeat the same after adding sizes. (”Marked: 3”)
Discounted Price Multiple size
- Name each bundle size: Provide a name for each bundle size (”Marked: 1”). This name will be displayed on the storefront as the variant name. For example, you can give it as 3-pack, 4-pack, and so on.
- Set the size value: Specify how many products will make up this bundle for this particular size. (”Marked: 2”)
- Set the discount percentage (if it’s a discounted bundle): The specified discount percentage will be applied to the sale price of the child products. (”Marked: 3”)
- Size Label: Add a label to the sizes, which will be the title for the sizes that you have added (”Marked: 4”)
- Size Ranges: Enable the size range option if you want to allow customers to choose beyond the set size quantity. (”Marked: 5”)
The parent product’s sale price and compare-at price are automatically set using the lowest-priced child product’s price.
Regular Price Single Size
Simply add the bundle size. The actual price of the selected products will automatically be used as the bundle price.
Regular Price Multiple Size
- Add a name for each size (”Marked: 1”)
- Enter the size of the bundle (”Marked: 2”)
- Add a size label so that it will be a common label for all sizes (”Marked: 3”)
Step 3: Choosing the Child Products
In this section, you can select which products will be offered as child products for customers to choose from in the bundle. You can either select individual products directly or assign entire collections.
If the bundle is set up by product, you can define product-specific conditions, such as the minimum and maximum quantities required for a particular product to complete the bundle.
- Click on the pencil icon (”Marked: 1”) on the product and add the necessary conditions.
- Set up the minimum and maximum quantity (”Marked: 2”) that can be added.
- Click Bulk Edit (”Marked: 3”) to add the same conditions to all products.
For collections, it is not possible to add conditions, but the other 2 options will be there.
Click on this link to know more about Multi-step/collection
Step 4: Configuring Additional Settings (Optional)
- Track child product inventory (Marked “1” in the above image)
- When this option is enabled, the app will display only the child products and variants that are in stock in Shopify. Any out-of-stock items will appear as “Sold out” in the bundle, preventing customers from selecting them.
- When this option is disabled, the app will ignore the inventory status of child products. However, if a customer tries to add an out-of-stock product to the bundle, Shopify will show an inventory error message.
This option should not be used if any of the child products have inventory tracking disabled in Shopify or if the “Continue selling when out of stock” setting is enabled.
- Display this bundle on child product pages (Marked “2” in the above image)
- This option is used to display a Related Bundle section on each child product’s page. This allows customers who visit a child product page to discover and purchase the entire bundle.
- After enabling this, you can manually position the Related Bundle block on the product page template in Shopify or you can also use a CSS selector to position it for you can contact our customer support.
Step 5: Configuring a Customized Heading for the Bundle (Optional)
In the Override Default Text section, you can provide a custom Heading specific to this bundle. If this is left blank, the default text will be displayed instead.
You can also add translations for these texts in the other languages available in your store.
Step 6: Adding the app block to the theme
After saving the offer by clicking the “Save” button, you’ll be prompted to position it within your store’s theme using the Theme Editor via the Test in store pop-up.
- In the pop-up, click Add app block.
- You’ll be redirected in a new tab to the default product page template in the Theme Editor.
- The app will add the “Bundle builder widget” block automatically. You can drag and position the block to the desired position.
If you have enabled the “Display this bundle on child product pages” option, make sure to also add the “Related bundles widget” block to your product page template. To do this, click “Add block” in the theme editor, go to “Apps”, and select the block.
- Return to the previous tab and click Refresh in the pop-up.
- Finally, click “View in store” to see how the Mix & Match Bundle (Dynamic price) appears in your store’s respective product page.
- You can also choose the child products and add the bundle to cart to verify it’s functionality.
- If you would like to add the widget to your store’s Home page as well, please refer to this guide.
If your theme is not a Shopify 2.0 theme, you won’t be able to position the widget through the app block. In that case, you’ll need to position it manually using a CSS selector. Please contact our customer support for free setup assistance.