<h2>Offer Mix and Match Products WooCommerce</h2>
Mix and match for WooCommerce encourages your customers to create personalized bundles consisting of different products in one box. The interactive display and ease of adding products to custom boxes provide a fulfilling shopping experience, perfect for gifts or business purposes. 
Customers prefer to buy grouped products together for ease, with custom product boxes. This plugin gives them the freedom to make their own product boxes. Whether it’s a gourmet treat bundle for a friend or a practical first-aid kit, this plugin meets various customer needs while opening new revenue streams.
The mix and match products for WooCommerce allow customers to add personalized gift notes for their loved ones. It further enhances their shopping experience. Store owners can also offer pre-filled product bundles or even allow customers to customize their own. The customers can choose between fixed or dynamic pricing options.
<h3>Product Bundle WooCommerce Top Features</h3>
<ol>
<li style="font-weight: 400">Create pre-filled or custom product boxes: Offer boxes that can be purchased as-is or let customers remove items. You can set a fixed price or dynamic pricing that adjusts as products are added.</li>
<li style="font-weight: 400">Display bundle contents in a list or grid layout to suit your store’s design and customer preferences.</li>
</ol>
<h2>Features</h2>
<ul>
<li style="font-weight: 400">Help customers order prefilled product bundles or custom product boxes.</li>
<li style="font-weight: 400">Allow the creation of new boxes after filling one.</li>
<li style="font-weight: 400">Custom boxes appear below the product image and description.</li>
<li style="font-weight: 400">Display products in boxes in a list or grid layout.</li>
<li style="font-weight: 400">Add pop-ups and show a quick product view in a pop-up.</li>
<li style="font-weight: 400">Set fixed or dynamic pricing for product bundles.</li>
<li style="font-weight: 400">Create boxes with pre-filled products.</li>
<li style="font-weight: 400">Allow checkout for partially filled or pre-filled bundles.</li>
<li style="font-weight: 400">Add simple and variable products to boxes.</li>
<li style="font-weight: 400">Control product quantity and total items per box.</li>
<li style="font-weight: 400">Customers can add personalized gift notes.</li>
<li style="font-weight: 400">User-friendly and mobile-responsive design.</li>
<li style="font-weight: 400">Custom product image placeholder for an empty box.</li>
<li style="font-weight: 400">Display product boxes based on user roles</li>
<li style="font-weight: 400">Limit the quantity to add new boxes</li>
<li style="font-weight: 400">Display Featured Product in Boxes</li>
<li style="font-weight: 400">Hide out-of-stock products from custom product boxes</li>
<li style="font-weight: 400">Display SKU with add-on products</li>
<li style="font-weight: 400">Restrict product access by Memberships</li>
</ul>
<h3>Innovative Layouts for Custom Product Boxes for WooCommerce</h3>
Mix and match plugin for WooCommerce lets you choose from various layouts to display the custom product boxes, Customers can add more products while keeping an eye on the previously added ones. These are the layout options for the product boxes:
<ul>
<li style="font-weight: 400">Compressed Grid</li>
<li style="font-weight: 400">Compressed List</li>
<li style="font-weight: 400">Detailed Grid</li>
<li style="font-weight: 400">Detailed List</li>
<li style="font-weight: 400">Product Layout Grid</li>
<li style="font-weight: 400">Product Layout List</li>
</ul>
This slideshow requires JavaScript.<div id="gallery-0-1-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/Compressed-Grid-View.png","id":"18734006183079","title":"Compressed Grid View","alt":"Compressed Grid View","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/Compressed-List-VIew.png","id":"18734006183080","title":"Compressed List VIew","alt":"Compressed List VIew","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/Detailed-Grid-View.png","id":"18734006183081","title":"Detailed Grid View","alt":"Detailed Grid View","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/Detailed-List-View.png","id":"18734006183082","title":"Detailed List View","alt":"Detailed List View","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/Product-Layout-List.png","id":"18734006183084","title":"Product Layout List","alt":"Product Layout List","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/Product-Layout-Grid-1.png","id":"18734006183174","title":"Product Layout Grid","alt":"Product Layout Grid","caption":"","itemprop":"image"}]"></div>
<h3>Popup for a quick product view</h3>
Custom product boxes for WooCommerce offer a quick view pop-up before adding it to a box. It allows customers to review images, prices, and descriptions before adding products to their bundle, saving them time and hassle.
<img class="size-medium wp-image-18734006183021 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Popup-for-a-quick-product-view.png?w=812" alt="Popup for a quick product view" width="812" height="671" />
<h3>Charge a fixed or dynamic price for bundles</h3>
Set a fixed or dynamic price for your bundles with the custom mix & match product boxes plugin. You can set a fixed price or you can calculate as the customer adds more products to their bundle:
<ul>
<li style="font-weight: 400">Fixed pricing</li>
<li style="font-weight: 400">Per item cost with a base price</li>
<li style="font-weight: 400">Per item cost without a base price</li>
</ul>
<img class="size-medium wp-image-18734006183011 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Charge-a-fixed-or-dynamic-price-for-bundles.png?w=723" alt="Charge a fixed or dynamic price for bundles" width="723" height="274" />
<h3>Apply to simple or variable products</h3>
Allow customers to add both simple and variable products to their custom product boxes in WooCommerce. You can help them find their preferred variants from the available options.
<img class="size-medium wp-image-18734006183006 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Apply-to-simple-or-variable-products.png?w=896" alt="Apply to simple or variable products" width="896" height="211" />
<h3>Allow checkout with a partially filled box</h3>
Increase conversions by enabling checkout for partially filled boxes. You can prevent cart abandonment by allowing customers to complete their purchases without pushing them to fill the entire bundle. 
<img class="size-medium wp-image-18734006182999 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Allow-checkout-with-a-partially-filled-box.png?w=896" alt="Allow checkout with a partially filled box" width="896" height="1062" />
<h3>Pre-Fill Convenient Custom Product Boxes </h3>
Mix and match for WooCommerce enables you to pre-fill your product box with selected items to guide customers and speed up purchases. It helps showcase recommended combinations, reduces decision effort, and increases conversions by giving customers a ready-to-buy bundle they can customize if needed.
<img class="size-medium wp-image-18734006183023 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Pre-Fill-Convenient-Product-Boxes-WooCommerce.png?w=896" alt="Pre-Fill Convenient Product Boxes WooCommerce" width="896" height="451" />
<h3>Attach Personalized Gift Notes</h3>
Allow customers to add personalized gift notes to their mix and match products. Perfect for gifts, this feature enhances the shopping experience and adds a thoughtful touch to every custom bundle.
<img class="size-medium wp-image-18734006183007 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Attach-Personalized-Gift-Notes.png?w=802" alt="Attach Personalized Gift Notes" width="802" height="243" />
<h3>Display Product Boxes Based on User Roles</h3>
Customize the visibility of product boxes based on user roles such as wholesalers, retailers, or registered members. Custom product boxes for WooCommerce allow you to create exclusive product boxes for specific customer groups, enabling you to offer personalized bundles and targeted promotions.
<img class="size-medium wp-image-18734006183030 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Display-Product-Boxes-Based-on-User-Roles.webp?w=896" alt="Display Product Boxes Based on User Roles" width="896" height="203" />
<h3>Limit the Quantity to Add New Boxes</h3>
Mix and match products for WooCommerce enables you to set limits on how many custom boxes a customer can add to their cart. By restricting the number of boxes, you can manage stock levels effectively while ensuring fair purchasing for all customers. 
<img class="size-medium wp-image-18734006183019 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Limit-the-Quantity-to-Add-New-Boxes.png?w=896" alt="Limit the Quantity to Add New Boxes" width="896" height="222" />
<h3>Hide Out-of-Stock Products from Custom Product Boxes</h3>
Improve customer experience by automatically hiding products that are out of stock from the available selection in custom product boxes. This ensures customers only see items they can purchase, making the shopping process smooth.
<img class="size-medium wp-image-18734006183018 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Hide-Out-of-Stock-Products-from-Custom-Product-Boxes.png?w=854" alt="Hide Out-of-Stock Products from Custom Product Boxes" width="854" height="240" />
<h3>Display Featured Products</h3>
<h3>Highlight selected products at the top of your custom product box to guide customer choices and boost sales. Featured Products help promote best-selling or high-value items, creating a natural cross-sell opportunity that increases average order value and conversions. </h3>
<img class="size-medium wp-image-18734006183016 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Display-Featured-Products.png?w=896" alt="Display Featured Products" width="896" height="200" />
<h3>Apply discounts on Bundle Item</h3>
Increase sales by offering flexible discounts on mix and match products. Apply fixed or percentage discounts to selected products or variations and encourage customers to buy more. Display a clear discount widget with custom button text that highlights the savings, automatically shown when per-item pricing is enabled for the box.
<img class="size-medium wp-image-18734006186228 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/01/Bundle-item-discount.png?w=896" alt="Bundle item discount" width="896" height="398" />

Custom Mix & Match Product Boxes & Bundles

Let your customers create custom product bundles and boxes with the WooCommerce mix and match plugin to increase average order value.

Multistep Product Bundles gives store owners a guided bundle builder that turns complex choices into simple, step-by-step buying experiences. Create flexible product bundles in WooCommerce with configurable WooCommerce product options, selection rules, and multiple pricing modes (per-item, fixed, hybrid). Use steps (boxes) to require or limit picks, pull products from categories or lists, and present clean bundle layouts that increase average order value. Quick to set up and fully integrated with WooCommerce, this extension makes it easy to build, display, and sell configurable WooCommerce bundle products that convert.
<h2>Use Case Examples</h2>
<ul>
<li>Build personalized gift sets: Use the Multistep Product Bundles extension to create step-by-step WooCommerce bundle products, allowing customers to select items such as candles, snacks, and greeting cards in a guided flow. Required and optional selections ensure customers complete their bundles correctly, improving conversions and enhancing the shopping experience.</li>
<li>Meal kits and subscription boxes: Offer configurable product bundles WooCommerce style, guiding customers through steps such as “Main,” “Sides,” and “Add-ons.” Category-based product selection and minimum/maximum rules simplify complex orders for both recurring and one-time purchases while keeping the process intuitive.</li>
<li>Configurable hardware or PC builders: Present technical options in a logical sequence (CPU → Motherboard → RAM → Storage) while enforcing step rules and supporting variable products. The WooCommerce bundle builder ensures customers make compatible selections and enjoy a smooth, guided purchasing experience.</li>
<li>B2B or wholesale kits: Design fixed or configurable bundles for trade customers, with required and optional items. WooCommerce product options and bundle rules ensure only authorized users can access wholesale packs, streamlining bulk or specialized ordering while reducing errors.<a href="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Frontend.png"><img class="aligncenter size-full wp-image-18734006302280" src="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Frontend.png" alt="" width="764" height="982" /></a></li>
</ul>
<h2>Features of WooCommerce Product Bundles</h2>
<ul>
<li>Unlimited Bundle Steps: Create as many steps (boxes) as needed for each bundle, each with its own selection rules, minimum/maximum requirements, and layout. Perfect for complex kits like gift sets, meal boxes, or technical configurations.<a href="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Steps.png"><img class="aligncenter size-full wp-image-18734006302281" src="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Steps.png" alt="" width="980" height="436" /></a></li>
<li>Flexible Product Options: Include simple, variable, or category-based products in each step, allowing customers to mix and match selections while adhering to the rules you define.</li>
<li>Step-Based Pricing Controls: Choose from per-item pricing, fixed bundle pricing, or hybrid pricing. Easily manage discounts and promotions across steps to maximize conversions and average order value.</li>
<li>Customizable Layouts & Display: Present bundles in grid, boxes, or classic layouts. Control columns, products per page, quick-view options, and banner images to deliver a polished, intuitive shopping experience.</li>
<li>Rule-Based Selection Logic: Enforce required and optional picks, min/max quantities, and step dependencies to ensure bundles are completed correctly. Step rules give store owners precise control over customer choices.</li>
<li>Variable Product Support: Allow customers to select variations (size, color, type) within bundle steps, making it ideal for configurable products, PC builders, or curated kits.</li>
<li>Dynamic Discounts & Promotions: Automatically apply percentage or fixed discounts when bundle conditions are met. Highlight promotional messaging on the bundle page to guide customers.</li>
<li>Seamless WooCommerce Integration: Fully compatible with your existing WooCommerce store, themes, and extensions. Changes are applied instantly on the front end without affecting page load or performance.</li>
<li>Smart Control of Customer Experience: Guide customers through complex bundles while simplifying decisions. Enhance engagement, reduce errors, and increase order completion rates with a professional, structured interface.<a href="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles.png"><img class="aligncenter size-full wp-image-18734006302291" src="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles.png" alt="" width="980" height="377" /></a></li>
</ul>
<h2>Quick Setup for WooCommerce Product Bundles</h2>
<ol>
<li>Install and activate the Multistep Product Bundles plugin in your WooCommerce store.</li>
<li>Go to Products → Add New and select Multistep Product Bundle in the Product Data panel.</li>
<li>Set a regular price and an optional sale price.</li>
<li>Open the Multistep Product Bundles tab to configure pricing type, layout, display options, on-click behavior, optional discounts, and banner images.</li>
<li>Create steps, assign products or categories to each step, and define minimum and maximum selection limits for each step.</li>
<li>Save the bundle and preview it on the frontend to ensure everything looks and works correctly.</li>
<li>For more help, refer to our <a href="https://woocommerce.com/document/multistep-product-bundles/">detailed documentation.</a></li>
</ol>
<h2>Frequently Asked Questions</h2>
Q: How is pricing handled for bundle products, and can I offer automatic discounts? 
A: Multistep Product Bundles lets you choose price per item, fixed bundle pricing, or a hybrid model (base price plus per-item adjustments). You can also apply percentage or fixed discounts that activate automatically when bundle rules (like min/max selections per step) are met. This ensures WooCommerce bundle products are priced correctly, and promotions run seamlessly.
Q: How can I manage customer experience for complex bundles? 
A: You can guide customers through multiple steps with titles, descriptions, banners, and layouts (grid, boxes, or classic). Each step can enforce minimum and maximum selections, ensuring customers complete bundles correctly. This keeps the process intuitive for configurable WooCommerce bundle products and reduces checkout errors.
<h2>Explore More WooCommerce Extensions</h2>
Improve your store’s performance and functionality with these extensions:
<ul>
<li><a href="https://woocommerce.com/products/hide-price-button/">Hide Price & Show Custom Button:</a> Control price visibility and custom call-to-action buttons.</li>
<li><a href="https://woocommerce.com/products/donations-fundraising/">Donations & Fundraising:</a> Accept donations and run fundraising campaigns directly on your store.</li>
<li><a href="https://woocommerce.com/products/restrict-checkout/">Restrict Checkout:</a> Control who can complete purchases based on roles, products, or other conditions.</li>
</ul>

Multistep Product Bundles

Create flexible WooCommerce product bundles with a powerful bundle builder that lets customers build custom bundles step by step. Define product options, selection rules, pricing, and layouts to sell configurable bundle products in WooCommerce.

Custom Mix & Match Product Boxes & Bundles vs Multistep Product Bundles