A Mix & Match bundle can be created allowing customers to purchase a selection of different products together at a fixed special 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 (Fixed 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
You can decide how many sizes should be in your bundle.
Creating a Single Size bundle
- Enter the size value: Specify how many products will make up this bundle.
- Set the bundle price: Enter the selling price for the bundle. Optionally, you can also add a “compare-at” price.
Creating a Multi-size bundle
If you are planning to add bundles with multiple sizes.
- Click + Add size (”Marked: 1”)
- Enter a name for the sizes, size value, price of the size, and compare-at price is needed (”Marked: 2”). The name entered for sizes will appear in a variant selector on the frontend.
- In the size label (”Marked: 3”), enter a common name for all sizes.
Step 3: Choosing bundle type
In this section, select the type of bundle you want to create:
- Simple: Choose this option if your bundle contains a single set of child products. (Marked “1”)
- Multi-step Collections: Choose this option if your bundle contains multiple groups of products arranged across multiple steps. (Marked “2”)
Click on the link below to learn how to set up multi-step/collections
Step 4: 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.
Step 5: 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 6: 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 7: 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 and Match bundle (Fixed 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.