<blockquote><p><strong>SELL WOOCOMMERCE VARIABLE PRODUCTS WITH ADVANCED PRODUCT VARIATION PlUGIN USING SWATCHES OF TEXT, COLORS, IMAGES & VIDEOS. OFFER A SORTED LOOK TO YOUR ONLINE STORE WITH VARIATION TABLES & GALLERIES AND MORE ADVANCED PRODUCT OPTIONS</strong></p></blockquote>
<p>Advanced Product Variation enables you to showcase multiple product variations with color, images, videos, and text swatches essential for selling WooCommerce variable products. You can also display all product variations through the variation gallery and table.</p>
<p><span style="font-weight: 400">You can also engage your customers with immaculate product variations gallery and table. The best part is the effortless setup, you are defining product qualities (attributes) and their terms, setting the swatch types, and view sizes, and you are done. </span>Using the advanced product options, you may configure swatches for products individually or globally, import/export attributes and gallery images, and set labels for swatches.</p>
<h2><strong>Features of WooCommerce Product Variations</strong></h2>
<h3><strong>1. Set Global Attributes for Variation Swatches </strong></h3>
<p><span style="font-weight: 400">You can create global attributes and their terms and apply them to your store to make variation swatches for any variable products. It speeds up the process of configuring attributes for product variants. You can use both global and per-product attributes at the same time.</span></p>
<h3><strong>2. Display WooCommerce Variations in Video Format </strong></h3>
<p><span style="font-weight: 400">You can set up a product gallery using videos to display any WooCommerce product variation on your product pages.</span><span style="font-weight: 400"> The acceptable video formats are <strong>OGV, WebM, and MP4</strong> only</span><span style="font-weight: 400">. Also, there is no separate gallery for variation videos. The videos will be added to the individual variations’ image galleries. </span></p>
<h3>3. Export Tabs On the WooCommerce Variation Table</h3>
<p>Enable this toggle button to add CSV and Print download buttons on top of the variable product table and allow customers to download the product variations in a CSV file or PDF. Afterward, customers can easily share your variable products with other shoppers or save them for purchasing later on.</p>
<h3><strong>4. Seamless Lead Generation With CF7 Form Builder Compatibility </strong></h3>
<p><span style="font-weight: 400">You can use the Woo Variation Swatches plugin to generate leads for your business. Enable the compatibility with CF7 forms through a toggle button and you can add feedback or product inquiry form on the variable product detail page.</span></p>
<p><span style="font-weight: 400">The submitted information will be added to the order details. So you can easily view the form responses. However, they can checkout without filling out the form. </span></p>
<h3><strong>5. Inclusion and Inclusion Rules for WooCommerce Variations</strong></h3>
<p>You can configure and display variation swatches for all variable products, allowing all users to see the swatches regardless of the product or category the variations belong to. The inclusion and exclusion rule gives you the ability to control when the product variation swatches are applied (visible) based on any of the three parameters: users, specific products, or categories. By default, this rule is turned off.</p>
<p><b>For example,</b><span style="font-weight: 400"> For instance, you can set an inclusion rule for product X. As a result, users will see swatches only on Product X, while other variable products will continue to display dropdown menus.</span></p>
<blockquote><p><b>Note:</b><span style="font-weight: 400"> This feature only applies to variable products. </span></p></blockquote>
<h3><strong>6. Disable the Product Variations Table for Mobile Users</strong></h3>
<p>You can disable the WooCommerce variation table for mobile users on the product details page. Variation swatches. Both desktop and mobile views are available for the product variation table by default. After enabling it, mobile users can select the needed variations from available attribute swatches because the variation swatches plugin offers a responsive design.</p>
<h3><strong>7. Attribute Term Thumbnail Customizations and Zoom Effect </strong></h3>
<p><span style="font-weight: 400">You can choose from the following attribute display types: </span><b>Rectangle, Square, and Circle</b><span style="font-weight: 400">. Also customize the </span><b>thumbnail display size</b><span style="font-weight: 400"> for the Shop and Product page </span><span style="font-weight: 400">from these sizes:</span> <b>20*20, 40*40, </b><span style="font-weight: 400">and</span><b> 60*60</b><span style="font-weight: 400">.</span><span style="font-weight: 400"> Plus, there is an </span><b>auto-zoom effect</b><span style="font-weight: 400"> when users hover their cursor on the attribute </span><span style="font-weight: 400">thumbnails of variable products. </span></p>
<h3><strong>8. Custom Size Option for Shop and Product Pages</strong></h3>
<p><span style="font-weight: 400">With Woo Advanced Product Variation you can choose a custom swatch size to show on shop and product pages, giving you more control and flexibility.</span></p>
<h3><strong>9. Export Tabs On the WooCommerce Variation Table</strong></h3>
<p><span style="font-weight: 400">Enable this toggle button to add CSV and Print download buttons on top of the </span><span style="font-weight: 400">variable product table, allowing customers to download the product variations in a CSV file or PDF</span><span style="font-weight: 400">. </span><span style="font-weight: 400">Afterward, customers can easily share your variable products with other shoppers or save them for later purchase.</span></p>
<h3><strong>10. Show/Hide WooCommerce Variation Swatches Toggle</strong></h3>
<p>Add a Show/Hide Variation toggle for customers and allow them to show & hide variations swatches from the shop page and related product suggestions.</p>
<div class="page" title="Page 2">
<div class="section">
<h3><strong>11. Import/Export Attribute Terms And WooCommerce Product Variation Gallery Images</strong></h3>
<p>Download the product attribute terms in bulk in a CSV file and edit their details. Then, upload the attribute terms file to implement your changes. You can introduce your custom product variables in bulk, instead of using the WooCommerce-dependent variations. It also helps if you’ve WooCommerce variable products in multiple categories.</p>
<h3><strong>12. WooCommerce Product Variation Gallery with Slider </strong></h3>
<p><span style="font-weight: 400">You can enable an auto-slider feature for the product variation gallery. </span><span style="font-weight: 400">It is triggered when the page loads, making viewing gallery images and videos easier. </span></p>
<h3>13. <strong>Product-wise variations</strong></h3>
<p>You can configure the swatches for your WooCommerce variable products individually. It is crucial for products with unique attributes. Also, you can select the display type, size, shape, etc., for variation swatches.</p>
</div>
</div>
<div>
<h3><strong>14. Variation-wise gallery </strong></h3>
<p>Add a variation image gallery to your product page to display images of product variants. You can determine the position of the variation gallery and add a slider to it. WooCommerce variable product gallery is far more engaging for customers as it presents accurate product descriptions.</p>
</div>
<div>
<h3>15. WooCommerce Variation Table</h3>
<p>Represent at once all product variations WooCommerce has in a tabular format. You can select which columns will appear in the variation table. Also, add an “Available Options” button that will enable users to open the variation table.</p>
</div>
<div>
<h3><strong>16. Select Label Display for WooCommerce Swatches</strong></h3>
<p><span style="font-weight: 400">You can select three label display types:</span> <b>tool-tip, above swatches, and over the swatches.</b> <span style="font-weight: 400">For the tool-tip display, you can set the background and text color. These customizations will let you keep things in line with your brand or appropriate with your store’s theme.</span></p>
<h3><strong>17. WooCommerce Variation Update In Cart</strong></h3>
<p><span style="font-weight: 400">You can showcase product variations in a popup on the cart page and enable your customers to update or change their chosen WooCommerce variations using it. </span></p>
<h3><strong>18</strong><strong>. Enable Stock Left and Out-of-Stock Alert On the Product Page</strong></h3>
<p><span style="font-weight: 400">You can enable this feature to display the number of stock left and product out-of-stock alerts on the product page, letting customers get accurate information regarding product availability. </span></p>
<p><span style="font-weight: 400">In case the product is out of stock, an out-of-stock notification will be displayed along with an email alert option. Customers can enter their email addresses and get updates regarding stock replenishment. </span></p>
<h3><strong>19. Global Settings On Variation Swatches </strong></h3>
<p>You can override the product-wise setting and set the variations’ swatches display size on the shop and the product page globally. It is a time-saver for single-product or category businesses that have a limited number of WooCommerce variations</p>
</div>
<h3><strong>20. Hide Add To Cart and Quantity </strong></h3>
<p><span style="font-weight: 400">You can hide the add-to-cart button and product quantity from the shop page and related products. So, WooCommerce swatches can be seen more distinctly. </span></p>
<h3><strong>21. Customize the Add To Cart and Available Options Button text </strong></h3>
<p><span style="font-weight: 400">You can easily customize the Add-to-cart and Available Options button text </span><span style="font-weight: 400">using our variation swatches plugin.</span><span style="font-weight: 400"> It would allow you to mold your store according to your content theme. Although, a minor change, it is crucial for maintaining brand uniformity. </span></p>
<h2><strong>Why Should You Use the Advanced Product Variation Plugin? </strong></h2>
<p><span style="font-weight: 400">WooCommerce swatches uplift your user experience by making product selection easier for customers and guests. It’s also an appealing addition to your store’s user interface. </span><span style="font-weight: 400">Selling variable products is also necessary for targeting customers’ preferences, needs, and motivations. Customers are picky, so you will only close the deal when you’ve advanced product options available. </span><span style="font-weight: 400">Merchants who want to sell WooCommerce variable products can use the product Variation Swatches plugin to organize and represent their multiple product variants using attractive WooCommerce swatches. </span></p>
<h2><strong>Benefits of Advanced Product Variation</strong></h2>
<ul>
<li><strong>Promotes Informed Purchase Decisions:</strong> Customers are curious about product variables WooCommerce stores offer. So, giving accurate product visual information with images, texts, and color swatches helps them make an informed choice.</li>
<li><strong><strong>Engage Customers: </strong></strong>WooCommerce swatches add style to your presentation. Plus, showing variable product videos definitely boosts your retention rates. So, if you display the colored variations of products like appliances, clothes, pens, etc., along with videos, they will sell more frequently.</li>
<li><strong>Improves the Ease of Shopping: <span style="font-weight: 400">Our variation swatches plugin eases the purchase of variable products by showing all variations in one place. The easier customers find your product,</span><span style="font-weight: 400"> the more likely they will buy it. </span></strong></li>
<li><strong>Enhance User Experience: </strong>WooCommerce product variants improve the UX because customers love to try various options before buying anything. And adding informative optics is the most basic function of our variation swatches plugin<span style="font-weight: 400">.</span></li>
</ul>
<h2>For More Information:</h2>
<p>Visit <a href="https://woocommerce.com/document/advanced-product-variation/" target="_blank" rel="noopener">Advanced Product Variation Documentation</a> to learn more about the features and working of the plugin. If you need support or have questions, kindly <a href="https://woocommerce.com/my-account/create-a-ticket/" target="_blank" rel="noopener">submit your query</a>.</p>

Advanced Product Variation

<p>Sell variable products with Advanced Product Variation using text & color swatches, variation tables, and galleries.</p>

<p><span style="font-weight: 400">Enable your customers to design and customize a product to fit their needs with the product designer for WooCommerce. It enables you to customize T-shirts, cups, business cards, and other similar products by uploading and adding text, images, and custom designs.</span></p>
<p><span style="font-weight: 400">It allows your customers to create custom product designs exactly how they want. They can add text, clipart, shapes, and effects, or even upload their own designs.</span></p>
<h2><b>Features:</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Allow customers to add text to the products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select different text colors for the text</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">2 product customizer layout </span><b>(New)</b>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Classic Customizer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Modern Customizer</span></li>
</ul>
</li>
<li style="font-weight: 400"><span style="font-weight: 400">Set customization fee </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize text such as font type, size, and style</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Effects like grayscale, sepia, invert, emboss, sharpen, blur</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Shapes like square, circle, oval, diamond</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Upload cliparts and display them to customers for customization</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize both simple and variable products in the designer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customization of both the front and back sides of the product</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow the user to upload a custom design and images</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow specific image upload type </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Download the design image separately</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize product designer interface</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Integrate Pixabay</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Share the designed product </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add a Barcode</span></li>
</ul>
<h3><b>Design any Type of Product</b></h3>
<p><span style="font-weight: 400">Allow customers to personalize products like t-shirts, mugs, hats, and more using custom product designer for WooCommerce. They can easily add text, images, and clipart to create unique designs that match their style.</span></p>
<p><span style="font-weight: 400">Choose between two customizer layouts: </span><b>Classic </b><span style="font-weight: 400">and</span><b> Modern</b><span style="font-weight: 400">. The modern customizer includes both light and dark modes, offering an improved design and user experience.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-1.png","id":"18734006325569","title":"Design any Type of Product 1","alt":"Design any Type of Product 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-2.png","id":"18734006325568","title":"Design any Type of Product 2","alt":"Design any Type of Product 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-3.png","id":"18734006325567","title":"Design any Type of Product 3","alt":"Design any Type of Product 3","caption":"","itemprop":"image"}]"></div>
<h3><b>Set a Product Customization Fee (New)</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce allows you to charge for the customization of the products. It helps you generate additional revenue and charge for printing, embossing, or carving services. You can set the fees globally or individually for all the products.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325700" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Product-Customization-Fee-New-1.png?w=896" alt="Set a Product Customization Fee (New)" width="896" height="534" /></p>
<h3><b>Add Cliparts for Designing</b></h3>
<p><span style="font-weight: 400">Upload custom clipart from the backend to give customers more creative options when designing their products. Product customizer for WooCommerce lets you organize clipart into categories, making it easier for customers to browse and select the perfect designs for personalization.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-4-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-1.png","id":"18734006325575","title":"Add Cliparts for Designing 1","alt":"Add Cliparts for Designing 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-2.png","id":"18734006325576","title":"Add Cliparts for Designing 2","alt":"Add Cliparts for Designing 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Add Front and Back Images</b></h3>
<p><span style="font-weight: 400">This plugin allows you to add front and back images of the products. It helps customers to extensively customize their products from both sides.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-5-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images.png","id":"18734006325580","title":"Add Front and Back Images","alt":"Add Front and Back Images","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images-2.png","id":"18734006325579","title":"Add Front and Back Images 2","alt":"Add Front and Back Images 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Integrate Pixabay</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you enable Pixabay and allows customers to add high-resolution images or designs to their products. Customers can choose from more than 5 million images on Pixabay to enhance their product designs.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325582" src="https://woocommerce.com/wp-content/uploads/2024/12/Integrate-Pixabay.png?w=896" alt="Integrate Pixabay" width="896" height="434" /></p>
<h3><b>Allow Specific Image Upload Types (New)</b></h3>
<p><span style="font-weight: 400">Custom product designer lets your customers upload a custom image and design to enhance their product customization. You can also restrict uploads to specific file types, such as JPG, PNG, or SVG, ensuring compatibility, maintaining image quality, and preventing unsupported or unsafe file formats from being uploaded.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325583" src="https://woocommerce.com/wp-content/uploads/2024/12/Allow-Specific-Image-Upload-Types-New.png?w=896" alt="Allow Specific Image Upload Types (New)" width="896" height="148" /></p>
<h3><b>Customize the Product Designer</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you adjust the canvas size, set a custom heading, and choose colors for backgrounds, text, and buttons to match your store’s branding. You can also set pricing for custom designs, helping you manage personalized orders while keeping the design area clean, user-friendly, and optimized.</span></p>
<p><b>Note</b><span style="font-weight: 400">: Customization options are available only in the Classic Customizer (V1).</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-6-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer-2.png","id":"18734006325585","title":"Customize the Product Designer 2","alt":"Customize the Product Designer 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer.png","id":"18734006325586","title":"Customize the Product Designer","alt":"Customize the Product Designer","caption":"","itemprop":"image"}]"></div>
<p> </p>
<p><span style="background-color: #fef2cd;align-items: center;border-left: 4px solid transparent;border-radius: 2px;margin-bottom: 32px;margin-top: 32px;padding: 24px"><b>Note</b>: Customization options are available only in the Classic Customizer (V1).</span></p>
<h3><b>Download Design Image</b></h3>
<p><span style="font-weight: 400">Admins can download the design image directly from the order details, making it easy to review and print each design accurately for production.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325587" src="https://woocommerce.com/wp-content/uploads/2024/12/Download-Design-Image.png?w=896" alt="Download Design Image" width="896" height="212" /></p>
<h3><b>Compatible with Variable Products</b></h3>
<p><span style="font-weight: 400">Product designer plugin for WooCommerce works seamlessly with variable products, enabling customization for each variation. Upload separate front and back images for every variation so customers see an accurate preview based on their selected size, color, or style.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325588" src="https://woocommerce.com/wp-content/uploads/2024/12/Compatible-with-Variable-Products.png?w=896" alt="Compatible with Variable Products" width="896" height="485" /></p>
<h3><b>Share Your Customized Designs</b></h3>
<p><span style="font-weight: 400">Let customers easily share their personalized products on social media straight from the product designer. This boosts engagement, highlights their creations, and promotes your store organically.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325589" src="https://woocommerce.com/wp-content/uploads/2024/12/Share-Your-Customized-Designs.png?w=896" alt="Share Your Customized Designs" width="896" height="469" /></p>
<p> </p>

Custom Product Designer

<p><span style="font-weight: 400">Enable customers to customize the product according to their preference with WooCommerce product designer.</span></p>

Advanced Product Variation vs Custom Product Designer