<h2>Highlights</h2>
<ul class="wccom-tick-list-secondary">
<li><strong>Sell Complete Looks Instantly</strong></li>
<li><strong>Maximize Revenue with Styled Looks</strong></li>
<li><strong>Capture More Revenue per Customer</strong></li>
<li><strong>Encourage Impulse Buys with Ease</strong></li>
<li><strong>Improve Customer Lifetime Value Quickly</strong></li>
</ul>
<h3>Enhance Your Sales with Shop the Look for WooCommerce</h3>
<p>Shop the Look for WooCommerce is designed to elevate your sales strategy by transforming individual products into shoppable bundles. Rather than simply offering a single item, you can present an entire ensemble, such as a dress paired with coordinating shoes and accessories, allowing customers to effortlessly add the complete look to their cart with a single click.</p>
<p>To incentivize higher spending, you have the option to apply fixed or percentage discounts on bundled items, and you can control visibility of these offers based on user roles. This extension provides you with unparalleled flexibility: choose between list or grid layouts, enable sliders, customize labels and colors, and determine whether the main product is available for individual sale or exclusively as part of a bundle.</p>
<p>With integrated tracking and comprehensive logs, managing linked products and monitoring their performance becomes a seamless process. Elevate your e-commerce experience and drive sales with the innovative capabilities of Shop the Look for WooCommerce.</p>
<p>See it in action, Try before you buy!</p>
<ul>
<li style="list-style-type: none">
<ul>
<li><a href="https://demo.koalaapps.net/shop-the-look/product/inspired-outfits-by-katrine/" target="_blank" rel="noopener">Template 1</a>: Grid with Banner</li>
<li><a href="https://demo.koalaapps.net/shop-the-look/product/minimalist-home-office-desk/" target="_blank" rel="noopener">Template 2</a>: Grid</li>
<li><a href="https://demo.koalaapps.net/shop-the-look/product/scandinavian-bedding-set/" target="_blank" rel="noopener">Template 3</a>: List</li>
</ul>
</li>
</ul>
<h2>Features</h2>
<ul>
<li>Offer product recommendations or linked items on the product page</li>
<li>Allow customers to match multiple items with the selected product</li>
<li>Select specific products to link with the parent product</li>
<li>Enable discounts on recommended items</li>
<li>Select the discount type as
<ul>
<li>Fixed</li>
<li>Percentage</li>
<li>Display linked products only for specific user roles</li>
</ul>
</li>
<li>Choose to make the parent product purchasable as an individual item</li>
<li>Select the linked product table template as
<ul>
<li>List</li>
<li>Grid</li>
<li>Grid with banner</li>
</ul>
</li>
<li>Enable the slider for grid layout and select navigation style as:
<ul>
<li>Arrow</li>
<li>Dots</li>
</ul>
</li>
<li>Choose how many items to display in the grid banner at a time</li>
<li>Customize label for:
<ul>
<li>Product count selected</li>
<li>Total payable amount</li>
</ul>
</li>
<li>Choose to display product descriptions of linked items</li>
<li>Show or hide add-to-cart button along with each recommended product</li>
<li>View detailed bundle log</li>
<li>Style the linked product table using custom colors for:
<ul>
<li>Product box, background, and border</li>
<li>Button text, background, and hover</li>
<li>Slider arrow, background, and dots</li>
</ul>
</li>
</ul>
<h2>Sell Complete Look</h2>
<p>By using the Shop the Look for WooCommerce extension, merchants can simply combine different items into a main product and offer a complete look. You can add percentage or fixed discounts to these linked items and persuade customers to shop the entire bundle/look at reasonable rates. You can customize a linked product table using custom colors and add a desired layout according to your store’s existing theme. By adding interesting combinations, you can make shopping a fun process and boost overall conversions.</p>
<p><img class="alignnone size-full wp-image-18734005688068" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-2223.png" alt="WooCommerce Shop the Look" width="980" height="923" /></p>
<h2>3 Look Layouts to Choose from</h2>
<p>The extension allows you to style linked product tables using multiple layouts. You can either display products in the form of a list or go with a simple grid-style layout. Furthermore, you can display products in the form of a banner and make its navigation simpler and quicker.</p>
<div id='gallery-2' class='gallery galleryid-0 gallery-columns-3 gallery-size-full'><figure class='gallery-item'>
			<div class='gallery-icon landscape'>
				<img width="980" height="923" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-2_e34ce2.png" class="attachment-full size-full" alt="" loading="lazy" />
			</div></figure><figure class='gallery-item'>
			<div class='gallery-icon portrait'>
				<img width="980" height="1034" src="https://woocommerce.com/wp-content/uploads/2025/08/shop-the-look-for-woocommerce-3.png" class="attachment-full size-full" alt="" loading="lazy" />
			</div></figure><figure class='gallery-item'>
			<div class='gallery-icon portrait'>
				<img width="980" height="1096" src="https://woocommerce.com/wp-content/uploads/2025/08/shop-the-look-for-woocommerce-4.png" class="attachment-full size-full" alt="" loading="lazy" />
			</div></figure>
		</div>

<h2>Offer discounts on look choices</h2>
<p>Shop the Look for WooCommerce allows you to add fixed or percentage-based discounts to each linked item. In this way, you can encourage customers to shop the entire look and return to your store for similar offers.</p>
<p><img class="alignnone size-full wp-image-18734005718609" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-2233.png" alt="" width="980" height="609" /></p>
<h2>Customize the Appearance Styling for Linked Products</h2>
<p>You can style the linked product table using custom colors for:</p>
<ul>
<li>Box text, background, and border</li>
<li>Button text, background, and hover</li>
<li>Slider arrow, background, and dots</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005718612" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-45678.png" alt="" width="980" height="706" /></p>

Shop the Look

<p>Boost sales and AOV by letting customers shop complete looks with bundled products and discounts.</p>

<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!</p>
<p>You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.</p>
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<p><img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" /></p>
<p>Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.</p>
<p><img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" /></p>
<p>Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.</p>
<p><img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a></p>

WS Form PRO Product Custom Fields Add-Ons

<p>Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!</p>

Shop the Look vs WS Form PRO Product Custom Fields Add-Ons