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

<p>Instantly group multiple standalone WooCommerce products and display them as variations on each other’s pages. Show variants in <strong>Grid, Carousel, Dropdown, or Popup</strong>. Supports manual grouping, automatic grouping by attributes, color swatches, stock display, product info, custom styling, catalog page variants, and more.</p>
<hr />
<h2><strong>Key Features</strong></h2>
<h3><strong>Group Individual Products as Variants</strong></h3>
<ul>
<li>Link any WooCommerce products to create variant groups</li>
<li>Each group represents “Color”, “Size”, “Design”, etc.</li>
<li>One product can belong to multiple groups</li>
</ul>
<h3><strong>4 Beautiful Variant Display Layouts</strong></h3>
<ol>
<li><strong>Grid Layout</strong> (Simple visual variant cards)</li>
<li><strong>Carousel Layout</strong> (Horizontal scroll with arrows)</li>
<li><strong>Dropdown Layout</strong> (Compact & mobile friendly)</li>
<li><strong>Popup Layout</strong> (Large variant selector modal)</li>
</ol>
<h3><strong>Automatic Variant Generation</strong></h3>
<p>Automatically find products with <strong>matching attributes</strong> and build variant groups without manual mapping.</p>
<h3><strong>Color Swatches / Image Swatches</strong></h3>
<ul>
<li>Show each variant with <strong>color</strong>, <strong>image</strong>, or <strong>default product image</strong></li>
<li>Works even when the variant is a standalone product</li>
</ul>
<h3><strong>Show Variant Data</strong></h3>
<p>Fully configurable:</p>
<ul>
<li>Product name</li>
<li>Price</li>
<li>Stock availability</li>
<li>Description text</li>
<li>Custom label (“Colors”, “Other Variants”, etc.)</li>
</ul>
<h3><strong>Shop & Category Page Variants</strong></h3>
<p>Show variant carousel/grid <strong>below each product thumbnail</strong> on archives.</p>
<h3><strong>Advanced Style Customization</strong></h3>
<ul>
<li>Background colors</li>
<li>Text colors</li>
<li>Active/hover states</li>
<li>Border colors</li>
<li>Custom CSS support</li>
</ul>
<h3><strong>Unlimited Variant Groups Per Product</strong></h3>
<p>Add multiple groups, such as:</p>
<ul>
<li>Colors</li>
<li>Sizes</li>
<li>Compatible Models</li>
<li>Materials</li>
<li>Styles</li>
</ul>
<h3><strong>Shortcodes for Anywhere</strong></h3>
<p>Display variants anywhere with shortcodes:</p>
<div>
<div>
<div>
<div></div>
</div>
</div>
<div dir="ltr"><code>[nxtal_variants product_id="123"]<br />
[nxtal_variant_swatch size="50" shape="circle"]</code></div>
</div>
<hr />
<h2><strong>Perfect For:</strong></h2>
<ul>
<li>WooCommerce stores importing products via <strong>API / CSV / Dropshipping / AliExpress / eBay / Amazon</strong></li>
<li>Stores with multiple similar products sold separately</li>
<li>Affiliate sites where each color/size is a unique URL</li>
<li>Merchants who want an advanced visual variation presentation</li>
</ul>
<h2><strong>Ideal Use Cases</strong></h2>
<ul class="wccom-tick-list-primary">
<li>15 colors of a T-shirt imported individually</li>
<li>Shoes in many sizes imported from external vendors</li>
<li>Electronics with multiple compatible models</li>
<li>Different designs/styles of the same item</li>
<li>Affiliate catalogs where each URL is unique</li>
</ul>
<p> </p>
<h2><strong>Settings Overview</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/settings-short.png" alt="" width="896" height="484" /></p>
<p> </p>
<p> </p>
<h2><strong>Product Page Grid View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/grid-front_3b168c.png" alt="" width="896" height="562" /></p>
<p> </p>
<p> </p>
<h2><strong>Product Page </strong><strong>Carousel View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/carousel-front.png" alt="" width="896" height="492" /></p>
<p> </p>
<p> </p>
<h2><strong>Product Page </strong><strong>Dropdown View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/dropdown-front.png" alt="" width="896" height="616" /></p>
<h2><strong>Product Page </strong><strong>Popup View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/popup-front.png" alt="" width="896" height="416" /></p>
<h2><strong>Catalog Page Grid View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/grid-catalog.png" alt="" width="896" height="557" /></p>
<h2><strong>Catalog Page </strong><strong>Carousel View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/carousel-catalog.png" alt="" width="896" height="518" /></p>
<h2><strong>Catalog Page </strong><strong>Dropdown View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/dropdown-catalog.png" alt="" width="896" height="554" /></p>
<h2><strong>Catalog Page </strong><strong>Popup View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/popup-catalog.png" alt="" /></p>

Custom Product Variants

<p>Showcase individual products as variants of each other with swatches, colors, and multiple layout options.</p>

Products Linked by Variations vs Custom Product Variants