<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>Let your customers design & customize products</h2>
<p>Product Designer for WooCommerce by KILB gives your customers the opportunity to create their own designs for products like <strong>shirts</strong>, <strong>posters</strong>, <strong>banners</strong>, <strong>cups & mugs</strong>, etc.</p>
<p>Customers can create unique designs before they can add products to their carts. They can <strong>upload their own images</strong>, create <strong>texts with several fonts</strong>, add <strong>QR codes</strong>, or choose between a set of predefined images.</p>
<p>After the customer adds a product to their cart, they can see a preview image of the final product. When they order the product, a preview displays, and you’ll see the rendered design in the backend of WordPress.</p>
<span class="embed-youtube" style="text-align:center"></span>
<h2>Benefits</h2>
<h3>✏️ Customizability</h3>
<p>You can <em>configure</em> nearly everything to your specification including:</p>
<ul>
<li><strong>Size</strong> (height + width) of your product</li>
<li>Size and <strong>position</strong> of the area that can be designed</li>
<li><strong>Text colors</strong> the customer can choose from</li>
<li><strong>Predefined images</strong> the customer can choose from</li>
<li><strong>Background images</strong> the customer can choose from</li>
<li><strong>Snapping</strong> strength</li>
<li><strong>Pixabay</strong> integration using your own API key</li>
<li>…</li>
</ul>
<p>You can specify different areas for the same product. Like the front and back side of a T-Shirt. You can configure as many products as you like.</p>
<p>You set up as many translations as you like. Product Designer ships with English and German – but you can add new translations by simply creating JSON files.</p>
<p>The plugin works out of the box. Still, if you want to customize it using your developer skills, there’s a great documentation explaining how to do so: <a href="https://docs.product-designer.io/">https://docs.product-designer.io/</a></p>
<h3>🚀 Performance</h3>
<p>The Product Designer is built on an amazingly fast JavaScript Framework: <strong>Vue.JS</strong>. The designer will be shipped with minimized JavaScript and CSS to improve page speed load time. It will be loaded in the background – if the customer clicks the button to create the design everything will be already loaded.</p>
<h3>🖨️ Multiple export file types</h3>
<p>In the admin panel, you are able to export the designs created by your customers in multiple formats:</p>
<ul>
<li><strong>PDF</strong> (vectorized)</li>
<li><strong>JPG</strong>, <strong>WebP</strong>, <strong>PNG</strong></li>
<li><strong>SVG</strong></li>
<li><strong>JSON</strong> (for development / further processing)</li>
</ul>
<p>There’s no artificial limit in resolution, quality or file size. You can set the quality and size of your export files very high. If your browser and computer is able to generate the files, you are fine.</p>
<h3>🤝 Compatibility</h3>
<p>The plugin is integrated into WooCommerce and WordPress, but only where necessary. It’s unlikely to conflict with other plugins.</p>
<h3>🖥 Responsiveness</h3>
<p>The plugin works effectively on <strong>phones</strong>, <strong>tablets</strong>, <strong>notebooks</strong>, and <strong>desktops</strong>. It will always work the same way. It’s completely responsive.</p>
<h3>👩🏻‍⚖️ GDPR compliant</h3>
<p>The designer doesn’t embed external resources like Google Fonts nor any tracking scripts.<br />
It’s only running on your server without any external cloud/third party provider necessary.</p>
<p>We respect your customer’s privacy.</p>
<h3>👩🏻‍💻Extendable via JavaScript and CSS</h3>
<p>You can extend and modify the functionality of the product designer if you know how to use CSS and JavaScript. See fabricJS documentation here: <a href="http://fabricjs.com/docs/">http://fabricjs.com/docs/</a></p>
<h2>How does it work?</h2>
<p>Before a product is added to the cart, the customer can create a unique design. They can upload images, create texts with several fonts, add QR codes, or choose between a set of predefined images you offer.</p>
<p>After the customer has added the product to the cart, a preview image of the final product will display.</p>
<p>See this video to understand how to set up the designer and get a first idea how it will work:</p>
<p>https://www.youtube.com/watch?v=jT61VoMICb8<br />
<img class="alignnone size-medium wp-image-7958574" style="font-family: sans-serif;font-size: 16px" src="https://woocommerce.com/wp-content/uploads/2021/05/wc_example_1.jpg?w=620" alt="Product Designer Example Product Page" width="620" height="554" /><br />
<img class="alignnone size-medium wp-image-7958575" src="https://woocommerce.com/wp-content/uploads/2021/05/wc_example_2.jpg?w=620" alt="Product Designer Example T-Shirt" width="620" height="315" /></p>
<p><img class="alignnone size-medium wp-image-18734001862896" src="https://woocommerce.com/wp-content/uploads/2021/06/Screenshot-2023-04-23-at-04.31.31.png?w=620" alt="Product Designer WooCommerce Crown Cap Example" width="620" height="343" /></p>
<h3>Highlights</h3>
<p>✅ Product designs for each article and variant possible</p>
<p>✅ SVG support for image uploads and design exports</p>
<p>✅ Predefined product designs possible</p>
<p>✅ Super-high performance, with the super-low file size of CSS and JavaScript files</p>
<p>✅ Simple and clear backend</p>
<p>✅ Customize extensively via JavaScript and CSS</p>
<p> </p>
<div style="color: dimgray">
<p>As an online shop owner, it is important to continually find ways to set your business apart from competitors and improve the customer experience. One way to do this is by installing our <strong>Product Designer for WooCommerce extension</strong>, which will allow customers to individually design the products you sell.</p>
<ol>
<li>
<h3>Personalization is key in eCommerce</h3>
</li>
</ol>
<p>One of the most significant benefits of a product designer extension is that it allows customers to create personalized products. Personalization is becoming increasingly popular in the eCommerce world, as customers want to feel that their purchases are unique and tailored to their preferences. By offering a product designer extension, you give customers the ability to create custom designs that reflect their individual style, making the product more valuable to them.</p>
<ol start="2">
<li>
<h3>Increased customer engagement</h3>
</li>
</ol>
<p>Customers who are given the opportunity to design their own products are more likely to engage with your brand and spend more time on your site. The product designer extension will provide an interactive experience for your customers, allowing them to experiment with different design options and colors. This type of engagement can lead to increased customer loyalty and repeat business.</p>
<ol start="3">
<li>
<h3>Increased conversion rates</h3>
</li>
</ol>
<p>Offering a product designer extension can lead to higher conversion rates. Customers are more likely to purchase a product that they have designed themselves, as it creates a sense of ownership and attachment to the product. Additionally, customers who have spent time designing a product are less likely to abandon their cart, as they have invested time and effort in creating their personalized item.</p>
<ol start="4">
<li>
<h3>Increased revenue</h3>
</li>
</ol>
<p>By offering a product designer extension, you are providing customers with a unique service that can justify a higher price point. Customers are willing to pay more for products that are personalized to their individual preferences, and a product designer extension provides that added value. Additionally, the ability to create custom designs can lead to increased sales, as customers who are able to design their own products are more likely to make a purchase.</p>
<ol start="5">
<li>
<h3>Competitive advantage</h3>
</li>
</ol>
<p>A product designer extension can set your business apart from competitors. While many eCommerce stores offer personalized products, not all of them offer the ability to design those products from scratch. By offering a product designer extension, you give customers the ability to fully customize their products, making your business stand out in the crowded eCommerce marketplace.</p>
<p>In conclusion, installing a product designer extension on your WooCommerce site is a smart business decision that can lead to increased customer engagement, higher conversion rates, increased revenue, and a competitive advantage. By providing customers with the ability to create personalized products, you create a unique and interactive shopping experience that will keep them coming back to your store time and time again.</p>
</div>

KILB Product Designer

<p><strong>Product Designer for WooCommerce</strong> by KILB allows customers to create <strong>personalized designs</strong> for a variety of products including shirts, posters, banners, cups & mugs, and more, giving them a unique shopping experience.</p>

Products Linked by Variations vs KILB Product Designer