<ul class="wccom-tick-list-primary">
<li><strong><strong>Add multiple rules to create separate groups of linked products</strong></strong></li>
<li><strong><strong>Link the products by their attributes such as color, size, brands, etc.</strong></strong></li>
<li><strong><strong>Redirect users to a single variation page upon clicking on the variation link</strong></strong></li>
<li><strong><strong>Display variations like swatches</strong></strong></li>
<li><strong><strong>Option to display variations as texts or images</strong></strong></li>
<li><strong><strong>Link specific products, as well as categories</strong></strong></li>
<li><strong><strong>Option to blur the out-of-stock product variations</strong></strong></li>
<li><strong><strong>Open variation page on the same tab or next tab when user clicks on it</strong></strong></li>
<li><strong><strong>Customize variation button colors such as background, padding, border, and text</strong></strong></li>
<li><strong><strong>Displays the live preview of customization settings</strong></strong></li>
</ul>
<hr />
<h2>Add Separate Products Linked by Variations</h2>
<p>The <strong>Products Linked by Variations for WooCommerce</strong> extension lets you create separate products, rather than adding variations, and links these products with each other by their attributes. It is a terrific way to showcase variations on the product page where each variation has a separate product page. You can also add multiple groups of linked products. You can link specific products by variations and categories. You have the option to display variation images or text on product pages.</p>
<p>Enable images to highlight variations links like swatches. Customers can access any variation by clicking on each variation link. You can also blur the variations which are out of stock. There are options to display variations on the same tab or on a new tab. This extension also allows you to customize the variation buttons such as border, background, padding, and text color and see the settings in a live preview before saving it.</p>
<h2>Features Details</h2>
<h3><strong>Redirect customers to a separate variation page</strong></h3>
<p>As you can create a separate product page for each variation, our extension redirects customers to a single variation page when they click the variations displayed on product pages.</p>
<p><img class="aligncenter size-full wp-image-9032161" src="https://woocommerce.com/wp-content/uploads/2021/12/ezgif.com-gif-maker5.gif" alt="woocommerce product linked variations" width="980" height="551" /></p>
<h3><strong>Link products by attributes</strong></h3>
<p>You don’t have to create product variations; you can create separate products for each variation and link them by attributes such as color, size, brands, etc. to show as variations on the product page.</p>
<p><img class="aligncenter size-full wp-image-18734004100412" src="https://woocommerce.com/wp-content/uploads/2021/12/Link-products-by-attributes.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="482" /></p>
<h3><strong>Display variations like swatches</strong></h3>
<p><strong>The Product Linked by Variations for WooCommerce</strong> extension displays variation pages like swatches on product pages, showing them as an image or text form.</p>
<p><img class="aligncenter size-full wp-image-18734004100416" src="https://woocommerce.com/wp-content/uploads/2021/12/Display-variations-like-swatches.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="493" /></p>
<h3><strong>Block out-of-stock products</strong></h3>
<p>Automatically block the out-of-stock products and does not allow customers click on them and visit the out of stocked variation page.</p>
<p><img class="aligncenter size-full wp-image-18734004100420" src="https://woocommerce.com/wp-content/uploads/2021/12/Block-out-of-stock-products.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="483" /></p>
<h3><strong>Add multiple groups</strong></h3>
<p>You can add multiple groups to create separate groups of linked products.</p>
<h3><img class="aligncenter size-full wp-image-18734004100423" src="https://woocommerce.com/wp-content/uploads/2021/12/Add-multiple-groups.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="423" /></h3>
<h3><strong>Showcase variation links as a text or image</strong></h3>
<p>This extension provides you the option to display variation links as text or images on product pages.</p>
<h3><img class="aligncenter size-full wp-image-18734004100426" src="https://woocommerce.com/wp-content/uploads/2021/12/Showcase-variation-links-as-a-text-or-image.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="482" /></h3>
<h3><strong>Link products or categories</strong></h3>
<p>With the <strong>Product Linked by Variations for WooCommerce</strong> extension, you can link specific products and categories.</p>
<h3><img class="aligncenter size-full wp-image-18734004100429" src="https://woocommerce.com/wp-content/uploads/2021/12/Link-products-or-categories.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="476" /></h3>
<h3><strong>Customize variation buttons</strong></h3>
<p>The extension lets you customize variation button colors including their backgrounds, borders, and text.</p>
<p><img class="aligncenter size-full wp-image-18734004100430" src="https://woocommerce.com/wp-content/uploads/2021/12/Customize-variation-buttons.png" alt="WooCommerce products linked by variaitons plugin" width="980" height="433" /></p>
<h2><strong>Advantages</strong></h2>
<ul>
<li>Enhances the user experience as customers can easily access individual variation pages from product pages</li>
<li>Allows store owners to create a separate product page for each variation and enhance the store’s catalog</li>
<li>Customers get accurate results when searching shop pages</li>
<li>It makes it easy for customers to buy the right products when all the variations are visible on an individual product page with images</li>
<li>Shows customers unique descriptions of each variation and helps them make informed purchasing decisions</li>
</ul>

Products Linked by Variations

<p>Link products by their variations to provide your shoppers easy access to similar products right from the product page.</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>

Products Linked by Variations vs WS Form PRO Product Custom Fields Add-Ons