<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>Looking for a way to offer customizable <strong>product kits</strong>, such as custom computers, skateboards, gift-boxes, or made-to-order jewelry? Look no further! Give customers the freedom to build their own products, with Composite Products: The most flexible, robust product builder for WooCommerce.</p>
<ul class="wccom-tick-list-primary">
<li><strong>Combine multiple products into a single package</strong>: by offering customers a convenient and tailored shopping experience.</li>
<li><strong>Enhance product value</strong>: The ability to create composite products allows you to offer unique combinations and configurations, increasing the perceived value of your offerings and attracting more customers.</li>
<li><strong>Improve customer satisfaction</strong>: By offering customizable product, you meet the diverse preferences and needs of your customers, leading to higher satisfaction levels and repeat purchases.</li>
<li><strong>Enhance product presentation</strong>: Showcase different components and highlight the value proposition, ultimately attracting more customers.</li>
<li><strong>Increase average order value</strong>: customizable products are encouraging customers to spend more on a single purchase, resulting in a higher average order value and improved profitability.</li>
</ul>
<hr />
<p>Composite Products lets you <strong>utilize existing products</strong> to create the most engaging product kits and configurable products. Engineered specifically for kit-building applications with advanced <strong>inventory management</strong> requirements, the plugin works great in a broad range of use cases, thanks to its:</p>
<ul class="wccom-tick-list-secondary">
<li>advanced <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#getting-started" target="_blank" rel="noopener noreferrer">product grouping</a> capabilities,</li>
<li>flexible <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#pricing" target="_blank" rel="noopener noreferrer">pricing</a> and <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#shipping" target="_blank" rel="noopener noreferrer">shipping</a> features,</li>
<li>customizable <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#layout-options" target="_blank" rel="noopener noreferrer">flows and layouts</a>, and</li>
<li>support for <a href="https://woocommerce.com/document/composite-products/composite-products-advanced-configuration/" target="_blank" rel="noopener noreferrer">conditional logic</a>.</li>
</ul>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_5278707" aria-describedby="caption-attachment-5278707" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-5278707" title="Meet Composite Products: The definitive WooCommerce product builder." src="https://woocommerce.com/wp-content/uploads/2013/06/1-1.png" alt="Meet Composite Products: The definitive WooCommerce product builder." width="980" height="1833" /><figcaption id="caption-attachment-5278707" class="wp-caption-text">Meet Composite Products: The definitive WooCommerce product builder.</figcaption></figure>
</div>
<h2>Streamline your workflow</h2>
<p>Want to offer a custom skateboard? Start by creating its building blocks: A deck, trucks, wheels, bearings and hardware for assembly. Then, populate each with options by choosing products — or categories — from your catalog. Finally, choose a layout and flow that will keep your customers engaged — and start selling!</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_5278710" aria-describedby="caption-attachment-5278710" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-5278710" title="WooCommerce Composite Products lets you group existing products in any way you imagine." src="https://woocommerce.com/wp-content/uploads/2013/06/2-1.png" alt="WooCommerce Composite Products lets you group existing products in any way you imagine." width="980" height="1725" /><figcaption id="caption-attachment-5278710" class="wp-caption-text">More than just another WooCommerce product configurator: Composite Products lets you group existing products in any way you imagine.</figcaption></figure>
</div>
<h2>Create a personalized purchasing experience</h2>
<p>Thanks to the flexible <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#layout-options" target="_blank" rel="noopener noreferrer">layouts</a> and <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#options-style" target="_blank" rel="noopener noreferrer">option styles</a> at your disposal, every Composite product can be tailored to offer a streamlined, personalized purchasing experience.</p>
<p>With built-in support for simple & variable products, <a href="https://woocommerce.com/products/product-bundles/" target="_blank" rel="noopener noreferrer">product bundles</a> and even downloadable/virtual flavors of these product types, Composite Products helps you make almost anything possible.</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_5278712" aria-describedby="caption-attachment-5278712" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-5278712" style="margin-bottom: 0.5em" title="Delight your customers with a personalized purchasing experience." src="https://woocommerce.com/wp-content/uploads/2013/06/3-1.png" alt="Delight your customers with a personalized purchasing experience." width="980" height="1228" /><figcaption id="caption-attachment-5278712" class="wp-caption-text">Delight your customers with a personalized purchasing experience.</figcaption></figure>
</div>
<h2>Features that scale</h2>
<p>Got thousands of decks, trucks and wheels in your skateshop catalog? Sure enough, you’ll want to offer all of them in your custom skateboard configurator!</p>
<p>No problem — choose an <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#options-style" target="_blank" rel="noopener noreferrer">options view</a> that supports pagination, <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#allow-options-sorting" target="_blank" rel="noopener noreferrer">sorting</a>, and <a href="https://woocommerce.com/document/composite-products/composite-products-configuration/#allow-options-filtering" target="_blank" rel="noopener noreferrer">filtering</a> to help your customers find exactly what they are looking for.</p>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_5278715" aria-describedby="caption-attachment-5278715" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-5278715" title="The most scalable WooCommerce product builder, period." src="https://woocommerce.com/wp-content/uploads/2013/06/4-1.png" alt="The most scalable WooCommerce product builder, period." width="980" height="1673" /><figcaption id="caption-attachment-5278715" class="wp-caption-text">The most scalable WooCommerce product builder, period. But <a href="#reviews-start">don’t just take our word for it</a>!</figcaption></figure>
</div>
<h2>Conditional logic at your fingertips</h2>
<p>Need to conditionally control the visibility of entire configuration steps, or individual options? With Composite Products, it’s possible!</p>
<p>Check out the <a href="https://woocommerce.com/document/composite-products/composite-products-advanced-configuration/" target="_blank" rel="noopener noreferrer">documentation</a> to find out how it’s done!</p>
<h2>An extensible architecture</h2>
<p>Composite Products is the ideal foundation for your next kit-building project. Thanks to <a href="https://woocommerce.com/document/composite-products/composite-products-rest-api-reference/" target="_blank" rel="noopener noreferrer">REST API</a> support, along with a generous amount of action/filter hooks, the plugin can be tailored to your project’s needs.</p>
<div class="woo-sc-box normal">Composite Products is suitable for creating product kits that consist of <strong>multiple components</strong> with <strong>several product options</strong>. If you want to create simple product packages with static contents, <a href="https://woocommerce.com/products/product-bundles/">Product Bundles</a> might be a better option.</div>
<div class="woo-sc-box normal">Composite Products is compatible with the new <a href="https://woocommerce.com/checkout-blocks/" target="_blank" rel="noopener">Cart and Checkout blocks</a> — a customizable, conversion-optimized checkout experience available in WooCommerce core.</div>

Composite Products

<p>Create product kit builders and custom product configurators using existing products.</p>

Configurable Products Builder vs Composite Products