<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>

<p>A beautifully-crafted WooCommerce extension that covers almost <a href="https://woocommerce.com/document/bundles/bundles-configuration/#examples">every bundling need under the sun</a> — from creating discount packages, to selling custom skateboards, computers, furniture, and even personalized cupcake boxes!</p>
<ul class="wccom-tick-list-primary">
<li>Create physical, virtual, or downloadable bundles.</li>
<li>Tailor the <a href="https://woocommerce.com/document/bundles/bundles-configuration/#pricing">pricing</a> and <a href="https://woocommerce.com/document/bundles/bundles-configuration/#shipping">shipping</a> setup of your bundles to suit your needs.</li>
<li>Group simple, variable and subscription products together — or pick specific variations.</li>
<li>Recommend optional items, and let customers choose the quantities they want.</li>
<li>Offer bulk quantity discounts with dynamic pricing rules.</li>
<li data-stringify-indent="0">View in-depth revenue <a href="https://woocommerce.com/document/bundles/bundles-configuration/#pb-analytics">analytics</a> for bundles purchased in your store.</li>
<li>Quickly identify bundles with insufficient stock and restock their contents.</li>
<li>Get notified when bundles run low in stock.</li>
<li>Tweak the appearance of individual bundles and bundled items in every WooCommerce template.</li>
<li>Tailor every detail to your needs with easy-to-use <a href="https://woocommerce.com/document/bundles/bundles-snippets/">snippets</a> and <a href="https://woocommerce.com/document/bundles/bundles-extensions/">mini-extensions</a>.</li>
<li>Need REST API support? Looking for a specific filter or action hook? Chances are you’ll find the answer in our <a href="https://woocommerce.com/document/bundles/">documentation</a>. If not, our team is here to save the day!</li>
<li>Want to offer <a title="WooCommerce Subscriptions" href="https://woocommerce.com/products/woocommerce-subscriptions/">subscriptions</a>, <a title="WooCommerce Memberships" href="https://woocommerce.com/products/woocommerce-memberships/">memberships</a>, <a title="WooCommerce Product Add-ons" href="https://woocommerce.com/products/product-add-ons/">personalized add-ons</a>, or to <a title="WooCommerce Name Your Price" href="https://woocommerce.com/products/name-your-price/">accept donations</a>? Planning to add <a title="WooCommerce One Page Checkout" href="https://woocommerce.com/products/woocommerce-one-page-checkout/">one-page checkout</a> or <a title="WooCommerce Multi-Currency" href="https://woocommerce.com/products/multi-currency/">multi-currency</a> features to your store? We have your back!</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Create bulk discount packages</h2>
<p>Adding a bundle to your catalog is probably the most straightforward way to offer a few related products together. To make the offer more appealing, you can discount the entire package, or individual items.</p>
<p>Want to give higher discounts to customers who purchase more? With Product Bundles, you can create dynamic <a href="https://woocommerce.com/document/bundles/bundles-extensions/#bulk-discounts">bulk discount</a> rules in seconds!</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7455906" aria-describedby="caption-attachment-7455906" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7455906" title="Group products that are bought together often, and watch your sales take off!" src="https://woocommerce.com/wp-content/uploads/2012/07/packages.png" alt="Group products that are bought together often, and watch your sales take off!" width="980" height="646" /><figcaption id="caption-attachment-7455906" class="wp-caption-text">Group products that are bought together often, and watch your sales take off!</figcaption></figure>
</div>
<h2>Offer personalized boxes</h2>
<p>Ever tried to build personalized, pick-and-mix boxes using the Grouped Product type? The Product Bundle type is the feature-packed alternative you’ve been looking for. With Product Bundles, you can:</p>
<ul>
<li>control <a href="https://woocommerce.com/document/bundles/bundles-use-case-pick-and-mix/">the minimum or maximum quantity of items</a> that customers must add to their box;</li>
<li>choose among multiple <a href="https://woocommerce.com/document/bundles/bundles-configuration/#layout-options">layout options</a>.</li>
</ul>
<p>You can even use Product Bundles to offer <a href="https://woocommerce.com/document/all-products-for-woocommerce-subscriptions/use-case-offering-subscription-boxes/">personalized subscription boxes</a>, thanks to its deep integration with <a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> and the <a href="https://woocommerce.com/products/all-products-for-woocommerce-subscriptions/">All Products for WooCommerce Subscriptions</a> add-on.</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7455919" aria-describedby="caption-attachment-7455919" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7455919" title="" src="https://woocommerce.com/wp-content/uploads/2012/07/pick-and-mix.png" alt="Let customers build their own bundles. Or offer bulk quantity discounts to those who purchase more." width="980" height="1619" /><figcaption id="caption-attachment-7455919" class="wp-caption-text">Let customers build their own bundles. Or offer <a href="https://woocommerce.com/document/bundles/bundles-extensions/#bulk-discounts">bulk quantity discounts</a> to those who purchase more.</figcaption></figure>
</div>
<h2>Create assembled products</h2>
<p>Use multiple, inventory-managed parts to create assembled products. Create and ship <a href="https://woocommerce.com/document/bundles/bundles-configuration/#shipping">assembled and unassembled</a> bundles.</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7455921" aria-describedby="caption-attachment-7455921" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7455921" title="Create products made of multiple, inventory-managed parts." src="https://woocommerce.com/wp-content/uploads/2012/07/cart-1.png" alt="Create products made of multiple, inventory-managed parts." width="980" height="1500" /><figcaption id="caption-attachment-7455921" class="wp-caption-text">Create products made of multiple, inventory-managed parts.</figcaption></figure>
</div>
<h2>Recommend add-ons and essentials</h2>
<p>Boost your average order value by adding <a href="https://woocommerce.com/document/bundles/bundles-configuration/#bundle-sells">Frequently Bought Together</a> recommendations to popular products, and use discounts to maximize their impact.</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7455930" aria-describedby="caption-attachment-7455930" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7455930" title="Boost your average order value by recommending frequently bought together add-ons and essentials." src="https://woocommerce.com/wp-content/uploads/2012/07/bundle-sells.png" alt="Boost your average order value by recommending frequently bought together add-ons and essentials." width="980" height="801" /><figcaption id="caption-attachment-7455930" class="wp-caption-text">Boost your average order value by recommending frequently bought together add-ons and essentials.</figcaption></figure>
</div>
<h2>Offer more engaging upsells</h2>
<p>Like every other product in your catalog, bundles can be promoted anywhere on your store with shortcodes and upsells.</p>
<p>Need an easy way to recommend all bundles that contain a product? It’s possible, thanks to Product Bundles’ integration with <a title="WooCommerce Product Recommendations" href="https://woocommerce.com/products/product-recommendations/">Product Recommendations</a>.</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic"><img class="alignnone size-full wp-image-9118962" src="https://woocommerce.com/wp-content/uploads/2012/07/pb-admin-bundled-products-6.11.png" alt="Creating a bundle." width="980" height="1570" /></div>
<div class="woo-sc-box normal">Product Bundles is suitable for creating product packages with static contents. If you want to build product kits made of several components with <strong>multiple options to choose from</strong>, then <a href="https://woocommerce.com/products/composite-products/">Composite Products</a> might be a better choice.</div>

Product Bundles

<p>Offer personalized product bundles, bulk discount packages, and assembled products.</p>

Configurable Products Builder vs Product Bundles