<h2><b>Offer Mix and Match Products WooCommerce</b></h2>
<p><span style="font-weight: 400">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. </span></p>
<p><span style="font-weight: 400">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.</span></p>
<p><span style="font-weight: 400">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.</span></p>
<h3><b>Product Bundle WooCommerce Top Features</b></h3>
<ol>
<li style="font-weight: 400"><span 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.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display bundle contents in a list or grid layout to suit your store’s design and customer preferences.</span></li>
</ol>
<h2><b>Features</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Help customers order prefilled product bundles or custom product boxes.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow the creation of new boxes after filling one.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Custom boxes appear below the product image and description.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display products in boxes in a list or grid layout.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add pop-ups and show a quick product view in a pop-up.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set fixed or dynamic pricing for product bundles.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Create boxes with pre-filled products.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow checkout for partially filled or pre-filled bundles.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add simple and variable products to boxes.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Control product quantity and total items per box.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customers can add personalized gift notes.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">User-friendly and mobile-responsive design.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Custom product image placeholder for an empty box.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display product boxes based on user roles</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Limit the quantity to add new boxes</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display Featured Product in Boxes</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Hide out-of-stock products from custom product boxes</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display SKU with add-on products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Restrict product access by Memberships</span></li>
</ul>
<h3><b>Innovative Layouts for Custom Product Boxes for WooCommerce</b></h3>
<p><span style="font-weight: 400">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:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Compressed Grid</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Compressed List</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Detailed Grid</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Detailed List</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Product Layout Grid</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Product Layout List</span></li>
</ul>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><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><b>Popup for a quick product view</b></h3>
<p><span style="font-weight: 400">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.</span></p>
<p><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" /></p>
<h3><b>Charge a fixed or dynamic price for bundles</b></h3>
<p><span style="font-weight: 400">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:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Fixed pricing</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Per item cost with a base price</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Per item cost without a base price</span></li>
</ul>
<p><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" /></p>
<h3><b>Apply to simple or variable products</b></h3>
<p><span style="font-weight: 400">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.</span></p>
<p><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" /></p>
<h3><b>Allow checkout with a partially filled box</b></h3>
<p><span style="font-weight: 400">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. </span></p>
<p><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" /></p>
<h3><b>Pre-Fill Convenient Custom Product Boxes </b></h3>
<p><span style="font-weight: 400">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.</span></p>
<p><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" /></p>
<h3><b>Attach Personalized Gift Notes</b></h3>
<p><span style="font-weight: 400">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.</span></p>
<p><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" /></p>
<h3><b>Display Product Boxes Based on User Roles</b></h3>
<p><span style="font-weight: 400">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.</span></p>
<p><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" /></p>
<h3><b>Limit the Quantity to Add New Boxes</b></h3>
<p><span style="font-weight: 400">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. </span></p>
<p><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" /></p>
<h3><b>Hide Out-of-Stock Products from Custom Product Boxes</b></h3>
<p><span style="font-weight: 400">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.</span></p>
<p><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" /></p>
<h3><b>Display Featured Products</b></h3>
<h3><span style="font-weight: 400">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.</span><b> </b></h3>
<p><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" /></p>
<h3>Apply discounts on Bundle Item</h3>
<p><span style="font-weight: 400">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.</span></p>
<p><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" /></p>

Custom Mix & Match Product Boxes & Bundles

<p><span style="font-weight: 400">Let your customers create custom product bundles and boxes with the WooCommerce mix and match plugin to increase average order value.</span></p>

<h2 style="text-align: center"><strong>Ultimate Composite Product Configurator</strong></h2>
<p>Some product kits require a step-by-step assembly or configuration, such as building a computer or choosing the right lens and stand for a camera. Customers find it frustrating when they have to pick each component by searching your store catalog. With Configurable Products Builder, you can create composite products to let your customers find the relevant components one on page and build a personalized product.</p>
<p>You can choose from 5 component pricing and discounts options to encourage customers to buy the entire product kit. Customers can personalize their products while saving money, which in return increases your store revenues.</p>
<p>This Product Configurator for WooCommerce is highly customizable, enabling you to choose from over 3 different composite product layouts. You can add conditional/dependable components and customize product display settings to show selectable products in dropdown, radio button, and more. You can also control the quantity of the entire composite product and components by adding minimum and maximum limits.</p>
<h2>Key Features:</h2>
<ul>
<li>Sell customizable items by letting customers choose each component</li>
<li>Create multiple components using the existing products in your store</li>
<li>Choose from 3 composite product layouts (Steps, Vertical, Toggle)</li>
<li>Set a fixed composite product price or calculate from selected components</li>
<li>Add markup or discount on final total composite product price</li>
<li>Control composite product quantity by adding a
<ul>
<li>Fixed quantity</li>
<li>Minimum and Maximum quantity</li>
<li>Steps quantity</li>
</ul>
</li>
<li>Add unlimited components and customize options for each component</li>
<li>Customize component label, description and placeholder image</li>
<li>Add single or multiple products, categories and tags to each component</li>
<li>Specify default component products</li>
<li>Add fixed or minimum and maximum quantity range for component product</li>
<li>Adjust prices of products included in component by
<ul>
<li>Same price</li>
<li>Percentage increase</li>
<li>Fixed increase</li>
<li>Percentage discount</li>
<li>Fixed discount</li>
</ul>
</li>
<li>Display component products as
<ul>
<li>Radio button (List layout)</li>
<li>Simple dropdown</li>
<li>Dropdown with product image</li>
<li>Thumbnail (Tile layout)</li>
</ul>
</li>
<li>Choose to display price, stock status, description, thumbnail of selected product</li>
<li>Make component mandatory or optional</li>
<li>Make component product exclusive (Product selected in this component cannot be selected in any other component)</li>
<li>Sort products by price, name, date, ratings or popularity</li>
<li>Option to show default sorting filters with any component to let customers sort</li>
<li>You can create multiple conditions to control components visibility
<ul>
<li>Hide entire component or specific products</li>
<li>Hide based on product selected in proceeding components<span style="color: var(--wp--preset--color--woo-text-gray,#101517);font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> </span><span style="color: var(--wp--preset--color--woo-text-gray,#101517);font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> </span></li>
</ul>
</li>
<li>Compatible with <a href="https://woocommerce.com/products/request-a-quote-plugin-for-woocommerce/">Request a Quote for WooCommerce</a> to let customers configure and ask for quotes</li>
</ul>
<h2>Add multiple components to your composite product:</h2>
<p>You can add unlimited components to your configurable product and offer your customers a variety of options to personalize their product. You can choose from 3 different layouts and position it before or after the product summary. See the layout details below,</p>
<p><img class="alignnone size-full wp-image-18734004461720" src="https://woocommerce.com/wp-content/uploads/2024/09/Add-unlimited-components.png" alt="" width="980" height="524" /></p>
<h2>Attach selective products to each component:</h2>
<p>You can attach a single or multiple products and categories to each component, providing your customers a variety of options to choose from. The more choices customers have, the better they can personalize their product.</p>
<p><img class="alignnone size-full wp-image-18734004461723" src="https://woocommerce.com/wp-content/uploads/2024/09/Add-multiple-products-and-categories.png" alt="" width="980" height="700" /></p>
<h2>Create scenario based conditional logic:</h2>
<p>You can create multiple scenarios to build conditional logic to show or hide the entire components or specific products within the component based on the customer’s previous selections.</p>
<p>For example, you can choose to hide a 64GB RAM product from the RAM component if the motherboard selected in the preceding component does not support 64GB RAM.</p>
<p><img class="alignnone size-full wp-image-18734004461721" src="https://woocommerce.com/wp-content/uploads/2024/09/Conditional-logic-settings-2.png" alt="" width="980" height="1009" /></p>
<h2>Add fixed price or calculate from components:</h2>
<p>You can either set a fixed price for the entire build or calculate the price in real-time based on the products selected by customers for each component. Furthermore, you can choose to discount or markup the final price to either incentivize your customers or cover any additional costs.</p>
<p><img class="alignnone size-full wp-image-18734004461719" src="https://woocommerce.com/wp-content/uploads/2024/09/Configurable-product-pricing-types.png" alt="" width="980" height="681" /></p>
<h2>Markup or discount component products:</h2>
<p>When calculating price based on individual products selected in each component, you can choose to adjust their prices using the following adjustment types,</p>
<ul>
<li>Same price (Use the existing product price)</li>
<li>Percentage increase</li>
<li>Fixed increase</li>
<li>Percentage discount</li>
<li>Fixed discount</li>
</ul>
<p><strong>Note</strong>: You can choose to add a base price to your entire build to cover your assembling or any other additional costs of offering personalized products.</p>
<p><img class="alignnone size-full wp-image-18734004461725" src="https://woocommerce.com/wp-content/uploads/2024/09/Markup-or-discount-composite-product-component-.png" alt="" width="980" height="685" /></p>
<h2>Set up quantity restrictions:</h2>
<p>You can add minimum, maximum, and step-based quantity restrictions to the entire composite product or on specific components. The component level restriction allows you to limit the number of products and quantities a customer can select within each component.</p>
<p><img class="alignnone size-full wp-image-18734004461724" src="https://woocommerce.com/wp-content/uploads/2024/09/Set-up-quantity-restrictions.png" alt="" width="980" height="581" /></p>
<h2>Multiple layouts to display products in components:</h2>
<p>Control how your products are displayed for selection within each component. You can choose from following layout options to display products as per your business and product needs,</p>
<ul>
<li>Radio button (List layout)</li>
<li>Simple dropdown</li>
<li>Dropdown with product image</li>
<li>Thumbnail (Tile layout)</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004461726" src="https://woocommerce.com/wp-content/uploads/2024/09/Product-listing-layout.png" alt="" width="980" height="648" /></p>
<h2>Sorting options for products:</h2>
<p>When displaying multiple products in a component, you can choose to sort them by date, name, rating, price, or popularity. Additionally, you can enable sorting filters to let customers sort products as per their needs.</p>
<p><img class="alignnone size-full wp-image-18734004461727" src="https://woocommerce.com/wp-content/uploads/2024/09/Sorting-order-products.png" alt="" width="980" height="646" /></p>
<h2>Control product information display:</h2>
<p>You can choose to show or hide following product information within a component to keep your customers informed about what they are about to select.</p>
<ul>
<li>Product name</li>
<li>Description</li>
<li>Thumbnail</li>
<li>Price</li>
<li>Stock</li>
<li>and more</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004461728" src="https://woocommerce.com/wp-content/uploads/2024/09/Product-information-display.png" alt="" width="980" height="608" /></p>
<h2>Make component mandatory and exclusive:</h2>
<p>You can make your components mandatory or optional based on your business needs. This feature enables you to ensure that customers select the essential components to complete the build while also enabling them to choose additional components to upscale their build.</p>
<p>You can make any component exclusive. When a customer selects any product in the exclusive component, the same product will no longer be available for selection in any other component.</p>
<p><img class="alignnone size-full wp-image-18734004461729" src="https://woocommerce.com/wp-content/uploads/2024/09/Required-component.png" alt="" width="980" height="811" /></p>
<h2>4 layout options:</h2>
<h3>Toggle:</h3>
<p>The layout keeps your product page compact by not showing every component’s products upfront. The customer can personalize their composite product progressively.</p>
<p> </p>
<p><img class="alignnone size-full wp-image-18734004236720" src="https://woocommerce.com/wp-content/uploads/2024/09/Toggle.gif" alt="" width="950" height="808" /></p>
<p> </p>
<h3>Vertical:</h3>
<p>If you have a small number of components to choose from or you would like to show your customers everything upfront, this layout is for you. The customer can see all components and their selected products without opening each component’s details like in the toggle layout.</p>
<p> </p>
<p><img class="alignnone size-full wp-image-18734004236721" src="https://woocommerce.com/wp-content/uploads/2024/09/Verticle-Layout.gif" alt="" width="922" height="894" /></p>
<h3>Steps Layout 1:</h3>
<p>The steps layout is very handy for merchants who wish to offer personalization options step by step. Allowing their customers to gradually build their product like smooth ride.</p>
<p><img class="alignnone size-full wp-image-18734004236727" src="https://woocommerce.com/wp-content/uploads/2024/09/Steps-layout.gif" alt="" width="980" height="806" /></p>
<h3>Steps Layout 2:</h3>
<p>The steps layout comes with 2 different options. You can display layout after basic product details. This layout allow your customers to see all steps at single glance, enabling them to easily navigate to any step in order to customize their selection.</p>
<p> </p>
<p> </p>
<p><img class="alignnone size-full wp-image-18734004236728" src="https://woocommerce.com/wp-content/uploads/2024/09/Steps-layout-2.png" alt="" width="980" height="988" /></p>
<p> </p>
<p> </p>

Configurable Products Builder

<p>Add composite product configurator to your store! Allow customers to build personalize product using your existing products catalog. Support conditional logic, multiple layouts, 5 pricing types, quantity limits and more. Suitable for selling configurable products like custom computers, bikes, sports gear, cameras and similar product kits.</p>

Custom Mix & Match Product Boxes & Bundles vs Configurable Products Builder