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

YITHEMES

<p>YITH Frequently Bought Together for WooCommerce allows you to display an upsell section on the product page, suggest related items (usually bought together) and increase your store conversions.</p>
<p>It’s an effective strategy for encouraging your customers to add more items to their cart and increase the value of their order. Amazon A/B testing has shown that displaying related and complementary products and offering a discount for purchasing multiple products in the same order can increase conversions by 10-15%</p>
<h4>How does it work?</h4>
<p>Installing and configuring the products you want to suggest for combined purchase is all you need to start building a targeted upsell strategy in your store.<br />
Full documentation is available <a href="https://docs.yithemes.com/yith-woocommerce-frequently-bought-together/" rel="nofollow ugc">here</a>.</p>
<h4>Free version options</h4>
<ul>
<li>Configure the product suggestions for each product in your store  </li>
<li>Customize the title of the “Frequently Bought Together” section</li>
<li>Customize the text and colors of the “Add to Cart” button within the “Frequently bought together” section</li>
</ul>
<p>Do you want to see the plugin in action? <strong><a href="https://plugins.yithemes.com/yith-woocommerce-frequently-bought-together-free/" rel="nofollow ugc">Check the live demo ></a></strong></p>
<h4>Need more? Get the premium version!</h4>
<p>With the premium version you can unlock advanced features and enhance the user experience of your shop.</p>
<p><strong>With the premium version you can:</strong></p>
<ul>
<li>Automatically suggest products from specific tags and/or categories</li>
<li>Automatically suggest upsell or cross-sell products</li>
<li>Choose whether or not to show all products or only a specific number randomly</li>
<li>Enable a discount (fixed or percentage) on the purchase of suggested products</li>
<li>Choose whether or not to show how much the user will save if discounted</li>
<li>Allow the user to select the variation (size, color, etc.) of the variable product within the modal  </li>
<li>Select a location for the “Frequently Bought Together” section</li>
<li>Advanced text and color customization options</li>
<li>Redirect users to the Checkout page after adding to cart</li>
<li>Access our premium support area</li>
</ul>
<p><strong><a href="https://plugins.yithemes.com/yith-woocommerce-frequently-bought-together/product/playstation-wireless-headset-fortnite/" rel="nofollow ugc">Test the live demo of the premium version></a></strong></p>
<h3>How can I report security bugs?</h3>
<p>You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. <a href="https://patchstack.com/database/vdp/yith-woocommerce-frequently-bought-together" rel="nofollow ugc">Report a security vulnerability.</a></p>


YITH Frequently Bought Together for WooCommerce

The response was quick and answered the query and help resolve it.

Fast Support


I added the shortcode in elementor editor. It showed first time but didn't work after


Shortcode Doesn't Work

The YITH WooCommerce Frequently Bought Together plugin lets you add product suggestions with a simple summary in each product page.

Configurable Products Builder vs YITH Frequently Bought Together for WooCommerce