WooCommerce mix and match products – everything you need to know
![](jpg/andi-whiskey-mz_bqbdudh0-unsplash-1-856x571.jpg)
Looking for a way to create WooCommerce mix and match products at your store?
A WooCommerce mix and match product is a product where a shopper can “build” their own unique configuration from individual products on your site. For example, choosing six individual beer bottles to include in a six-pack.
A mix and match product is great for your shoppers because it lets them purchase only the products that interest them. And it’s also great for you because it encourages shoppers to purchase in larger quantities, rather than just buying an individual item.
WooCommerce mix and match plugin
WooCommerce doesn’t let you create mix and match products in the core plugin. But with the right extension, you can easily start creating all types of mix and match products at your store.
In this post, we’ll start by quickly sharing some use cases for mix and match products to inspire you. Then, we’ll show you how to create mix and match products for a few different situations.
By the end of this post, you’ll be able to create mix and match products where you:
- Tally up the value of all the products a user selected and offer a percentage or fixed discount.
- Offer a flat-rate bundle price no matter which products a user selects.
- Force shoppers to follow a specific formula (like choosing one product from Category A, another product from Category B, etc.)
Let’s dig in so that you can create your first mix and match product in no time.
You can also use the menu below to navigate to the section you want:
Examples and use cases for mix and match products
You can use WooCommerce mix and match products in a number of interesting ways.
Here are some of the most popular high-level use cases, which you can adapt to pretty much any eCommerce niche.
Bundle discounts
To encourage higher order volumes, you can offer a product bundle that lets shoppers mix and match their own bulk order to receive a discount.
For example, if you sell t-shirts, you could offer a “Fill Your Closet for a Week” bundle where shoppers can get a discount if they purchase seven t-shirts.
Gift boxes
Mix and match products are a great option if your store has products that are commonly “gifted”.
Rather than selling individual products, you can create a classy gift box and let shoppers fill it with their own custom items based on the gift receiver.
For example, if you sell chocolate, you could let a shopper pick from five different chocolate items to fill out their gift box.
Starter kits
Starter kits are kind of like a gift box, but marketed towards the purchaser rather than as something a person would gift to someone else.
For example, if you sell shaving products, you could let a shopper build their own starter kit by choosing from your assorted:
- Razors
- Shaving cream
- Brushes
- Etc.
Configurable products
Finally, you can also let shoppers configure their own products, like a “build your own product“. You can present a list of options and let shoppers mix-and-match as many options as needed.
For example, you could let people build their own cereal or granola.
How to create a mix and match product with WooCommerce Product Add-Ons Ultimate
Now that your creative juices are flowing, let’s dig into how you can actually create a mix and match product on your WooCommerce store.
For this example, we’ll show you how to create a mix and match gift box or starter kit. Specifically, a “shaving starter kit”.
You can view the demo product here.
While we’ve chosen a specific example to make it easier to follow, the principles that you’ll learn in this tutorial can be applied to any use case or niche.
Mix and match scenarios
We’ll cover a few different scenarios for how you can structure your WooCommerce mix and match product:
- Let shoppers choose any configuration of products and charge them based on the total sum of all the products they’ve selected. Or, you can offer a discount to encourage them to use the bundle instead of purchasing individual products.
- Charge a fixed rate for the bundle, no matter which product(s) a user selects.
- Offer different categories of products in your mix and match. For example, “choose one razor, one brush, one shaving cream”.
To create your own WooCommerce mix and match product following any of these scenarios, you can use the WooCommerce Product Add-Ons Ultimate plugin:
WooCommerce Product Add-Ons Ultimate
Personalise products with extra fields and custom options
Note that you’ll need the Pro version of the plugin for many of the features described here.
With the plugin, you can create mix-and-match WooCommerce product bundles from any of the single products at your store. You’ll also be able to offer discounts on bundles, limit the mix-and-match to certain configurations, and more.
We’ll start by showing you how to create a mix-and-match product that automatically adds up the prices of all the products a shopper picks. Then, we’ll show you the other configurations, like offering a fixed price for the entire bundle or limiting the configuration of mix and match products.
Step 1: Create your regular products
If you haven’t already, you’ll want to create regular WooCommerce products for all of the products that you want to include in your WooCommerce mix and match fields.
For our shaving example, that would mean adding products for the individual razors, shaving creams, brushes, etc.
Step 2: Create your WooCommerce mix and match product
Once you’ve added all the individual products, create a new product to serve as the mix-and-match product.
This is the product where a shopper will choose which items to include in their bundle. For example, “Shave Co. Gift Box”.
Add the description, product image, and other basic details.
![WooCommerce mix and match - add basic product details](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-1.jpg)
Then, you’ll configure your WooCommerce mix-and-match settings in the Product data box.
In the General tab:
- Set the Regular price equal to “0”. This way, the plugin will tally up the prices of all the individual products that a shopper selects.
- Set the Price label display to “Hide price”.
![Enter 0 price](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-2.jpg)
Next up:
- Go to the Product Add Ons tab.
- Click Add group.
- Click Add Field.
- Set the Field Type drop-down equal to “Products”.
- Enter the names of all the products that you want to include in your mix and match product in the Child Products box.
![Choose child products](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-3.jpg)
Below that, you can configure some additional settings:
- Products Layout – choose how to display all the mix and match options.
- Product Quantities – select “Independent” to let shoppers choose different quantities for each product in the mix and match bundle. You can also make them linked (all the same quantity) or fix the quantity of each product at “1”.
- Min Child Products and Max Child Products – choose the minimum and maximum number of mix-and-match products that users can select. If you want to force users to select a fixed number of products, you can enter the same number for both. For example, if you enter “3” in both fields, shoppers must select exactly 3 products.
- Discount – if you’re adding up the value of all the products, you can offer a fixed or percentage discount on the final value.
![Configure layout](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-4.jpg)
Once you publish your product, shoppers will be able to mix and match their own gift boxes from all your chosen child products. If applicable, they’ll also get a discount:
![WooCommerce variable price mix and match product](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-5-594x1200.jpg)
How to create a fixed price mix and match bundle
In the previous example, WooCommerce automatically added up the price of each individual product in the bundle to arrive at the final price (and added a discount, if applicable).
If you have similarly priced products, another alternative is to offer a fixed price no matter which products a user selects. For example, “pick any 5 products for just $100”.
To set this up, use the General tab in the Product data box to:
- Enter the fixed price in the Regular price field.
- Set the Price label display to any value other than “Hidden”.
![Enter price](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-6.jpg)
Then, go back to the Product Add Ons settings and set the Discount equal to “100” “Percentage”.
![Add discount](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-7.jpg)
Now, WooCommerce will only charge the fixed price from the General tab:
![WooCommerce fixed price mix and match product](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-8-586x1200.jpg)
How to limit mix and match product configuration
In the previous two implementations, shoppers can choose any arrangement of mix and match products.
However, for something like a mix and match gift box or starter kit, you might want to force shoppers into a rough configuration. For example:
- Pick one product from Category A
- Pick one product from Category B
- Etc.
For our mix and match shaving starter kit example, that might look like:
- Pick one razor
- Pick one brush
- Pick one shaving cream
To set this up, you can either create separate fields or separate groups for each “category”, making sure to add the relevant Child Products to each field. You also might want to change the other settings, like limiting the Product Quantities to “One Only”:
![Add multiple fields](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-9-683x1200.jpg)
Here’s what it looks like with a two-column radio layout. Shoppers can click on the item they want from each category:
![WooCommerce mix and match product](https://pluginrepublic.com/wp-content/uploads/2019/12/woocommerce-mix-and-match-10-794x1200.jpg)
Create your first WooCommerce mix and match product today
Offering mix and match products at your WooCommerce store is a great way to give shoppers more choice and encourage them to place larger orders.
To create flexible mix and match products on WooCommerce, you can use the WooCommerce Product Add-Ons Ultimate plugin. To learn more and purchase the plugin, click below:
WooCommerce Product Add-Ons Ultimate
Personalise products with extra fields and custom options
I wanna buy this plugin, but I would like to know, what additional product layout it has?, I mean, is it customizable?, could I choose see each product category (child products) vertical layout, or maybe see each product category as a individual (child products) group page style?, thanks for your soon answer.
My client want to show in his website each “child products” group as a separate page, I mean, he would like use a “Next” button as an option to past or to change from one “child products” group to another “child products” group. is it possible? Carlos.
hi Carlos
Thanks for your email. With the Pro version, you can display groups as accordions or tabs. See:
https://pluginrepublic.dev/product-extras/product/accordion-groups-pro-only/
https://pluginrepublic.dev/product-extras/product/tabbed-groups-pro-only/
There isn’t a ‘Next’ button as part of the plugin but it would be relatively simple to add with a short piece of JavaScript.
Thanks
Gareth
Hello,
I will buy the pro. But I need to be clear if I can built this following product with this plugin. If not your advice to the right path is appreciated.
https://sweetzy.co.uk/product/create-your-own-pick-and-mix/
Hi
Yes – you can use the Pro version to build a product like the Sweetzy one.
Thanks.
Hi,
I am pretty new to Woocommerce although I have used and built a number of sites using WP. Will your plugin allow me to create something similar to this site https://sweetsdirect.co.uk/product-category/make-your-own-mix/
Thanks for your help.
Paul
Hi Paul
Yes, you can do something similar to those products, in that you can allow the user to select a certain number of items from a list.
Thanks.
Thank you Gareth, I will take a closer look.
Hi, Paul!
Have you found how to calculate the weight of the goods as in your sample website?
I did not find this option in this plugin.
Hi Kristina
The next version of the plugin has an option in the ‘Calculation’ field type to add the value of a calculation field to the product weight. So you should be able to do what you need.
Thanks.
Hey so im also tasked with building a sweets builder.
I have a few things i would like to be able to do:
1. have the user click the image for the first selection, then use easy to press buttons to increase or decrease – the plugin seems to allow for a numpad style entry or tiiiiny up and down arrows
2. I want to enable say 15 selections overall, but I also want to use the groups to accordion the option categories (gummy, choc etc) and have that 15 selection limit apply across all the available options
3. some kind of counter to let the end user know how many selections they have left
I have currently purchased the pro version with the aim of creating this, but need to know if its feasible, I had hoped for more options to allow this, any help appreciated 🙂
Hi Jake,
Did you find a solution for your 2nd need?
Hi,
Can I use this plugin to replicate something simular to to this Pick n Mix Sweet store?
https://sweetieshoppie.co.uk/apps/builder?b=cEwhQF7JrtYWNbpMDz0DUZZx
Are there limitations? Does it work with shopify?
Regards
Jason
Hi Jason
This plugin doesn’t work with Shopify, only with WooCommerce.
Thanks
Gareth
Hello…I am building a site for a travel company and think your mix and match selector could work to allow customers to build a multi-day trip (box) from pre-built daily itineraries (products). I would need to further customize the ways each selectable product is displayed by adding such features as a full width image grid or slider and detailed product information. Can I customize the product display natively without having to write code or by using a builder like Elementor?
Hi Matt
You can override the field templates using HTML: https://pluginrepublic.com/documentation/overriding-templates/. If you’d like any help with that, you can just raise a support ticket and we’d be happy to take a look.
Thanks.