<p><span id="m_-4637864519489266423gmail-docs-internal-guid-138a38f6-7fff-54b5-a225-9bac6c54ad83">Custom Product Boxes For WooCommerce empowers to sell bundle packs of clothing accessories, assorted cases of drinks, cupcake boxes & more in a perfect solution allowing customers to add the specific items to create the bundle product packs of their own choice by adding items into the box.</span></p>
<p>With Custom Product Boxes, store owners group together specific products or product categories so that customers can choose add-ons from a collection of available items. It’s also possible to specify the maximum and minimum number of items in bundles. The extension offers three different product-box layouts to add visual variety and to make the creation of bundles a painless experience for customers. It also supports three pricing types: fixed price, per-item price, or fixed & per-item price for each bundle. Customers can also enter a gift message before adding a bundle into the cart, and the gift message will then become part of the order details shop owners receive.</p>
<h2><strong>Key Features For Custom Product Boxes</strong></h2>
<ul>
<li>Customers can create the product bundles of their choice.</li>
<li>Admins can add specific product items or product categories for inclusion in product boxes.</li>
<li>Store owners can set maximum or minimum item quantities in bundles.</li>
<li>Three pricing types are available: fixed regular price, per-item price, or fixed <em>and</em> per-item price.</li>
<li>Visitors can add custom messages while creating a bundle.</li>
<li>Category filters help customers sort available product add-ons.</li>
<li>Three different layouts to choose from for the product boxes.</li>
</ul>
<h2><strong>Compatibility With WooCommerce Subscriptions</strong></h2>
<p><strong>Custom product boxes extension</strong> is compatible with the <a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> extension to <strong>collect the recurring payments</strong> for the subscribed boxes. The admin can allow the customers to subscribe for the custom boxes as well as the customers can change the items of the subscribed box at any time after the subscription.</p>
<h2><strong>Want to see the different bundle layouts in action? Here they are.</strong></h2>
<p>The three different layouts & pricing types makes it essential for the merchants to increase the sale by providing the customers an opportunity to mix & match items in an impressive way. The customers will hover on the items a plus sign will appear to add item to the box, similarly customer can remove the item from the box by hovering the item in the box with minus sign click.</p>
<p><strong>1. Vertical Left Boxes Layout</strong></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/04/Vertical_Left.png"><img class="aligncenter wp-image-5833491 size-full" src="https://woocommerce.com/wp-content/uploads/2020/04/Vertical_Left.png" alt="" width="980" height="706" /></a></p>
<p> </p>
<p><strong>2. Vertical Right Boxes Layout.</strong></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/04/Vertical_Right.png"><img class="aligncenter wp-image-5833493 size-full" src="https://woocommerce.com/wp-content/uploads/2020/04/Vertical_Right.png" alt="" width="980" height="828" /></a></p>
<p> </p>
<p><strong>3. Horizontal Boxes Layout.</strong></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/04/Horizontal_view.png"><img class="aligncenter wp-image-5833495 size-full" src="https://woocommerce.com/wp-content/uploads/2020/04/Horizontal_view.png" alt="" width="980" height="1418" /></a></p>
<p> </p>
<p><strong>4. Classic Layout</strong></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/04/Classic_Layout_Boxes.png"><img class="aligncenter size-full wp-image-8169566" src="https://woocommerce.com/wp-content/uploads/2020/04/Classic_Layout_Boxes.png" alt="" width="980" height="1266" /></a></p>
<h2><strong>How To Get Started</strong></h2>
<ul>
<li>Buy & download the extension Custom Product Boxes.</li>
<li>Install & activate the extension. Find the <a href="https://woocommerce.com/document/custom-product-boxes/#section-1">installation guide</a> here.</li>
<li>Read the <a href="https://woocommerce.com/document/custom-product-boxes/">detailed documentation</a> to set up the custom product boxes.</li>
</ul>

Custom Product Boxes

<p>Custom product boxes for WooCommerce allows users to create product bundles by choosing specific items of their own choice from the collection of products.</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 Product Boxes vs Configurable Products Builder