WooCommerce Variation Swatches

If you want to improve your WooCommerce store by displaying your product variants in an attractive and user-friendly way, our WooCommerce Variation Swatches plugin is for you.

This is a powerful and easy-to-use WooCommerce extension that allows you to create and display swatches for your product variations. Swatches are small visual representations of your product attributes, such as color, size, material, etc. They provide a visual representation of the product variations, making it easy for customers to see and select the right option. Thus they can increase the conversion rate of your product page, as customers can be more engaged and satisfied by the swatches.

With this plugin, you can create and display swatches for all attributes on your store, with different styles and sizes. You can also customize the appearance of your swatches, such as shape, size and more. You can use the live preview of WordPress Customizer to see how your swatches look before saving them. You can also import and export swatches to use them on different products or websites.

WooCommerce Variation Swatches
Customize swatches for global attributes. They can be adjusted per product.

Main features of the WooCommerce Variation Swatches plugin

Here are some of the main features and benefits of this plugin:

  • Auto convert all variation dropdowns to button swatches: This plugin can automatically convert all your variation dropdowns to button swatches by default, without having to create swatches for each attribute manually. If you want to restore the default dropdown, you just need to disable this option.
  • Support different types of swatches: You can use swatches of color, image, label, or button to show the different options of your products. For example, you can use color swatches to show the available colors of a shirt, image swatches to show the different patterns of a dress, label swatches to show the sizes of a shoe, or button swatches to show the styles of a hat.
  • Display swatches on catalog and singular pages: Besides the single product page, swatches are supported on the product catalog pages, such as the shop page. You can also choose to show swatches of simple products, if they have attributes you chosen.
  • Allow purchasing variable products on archive pages: You can enable your customers to buy variable products directly from the archive pages, such as shop, category, or tag pages. By enabling the swatches selection on the archive page, your potential customers can preview variations right on the archive page and add variations to the cart. This feature can help you increase your sales and conversions by reducing the number of clicks and page loads.
  • Support global product attributes and custom attributes: You can create and display swatches for both global product attributes and custom attributes in each singular product. Global product attributes are the attributes that you create and manage in the Products → Attributes, and apply to multiple products. Custom attributes are the attributes that you create and assign to each individual product. You can use both types of attributes to create swatches for your products, and customize them separately.
  • Allow customizing swatches per product: You can use the plugin to customize swatches per product, and override the global settings for swatches of each product attribute. You can change the style, size of your swatches for each product.
  • Customize the appearance and behavior of your swatches: You can customize the appearance and behavior of your swatches, such as shape and size. You can also use custom CSS to further style your swatches.
  • Enable tooltip for swatches: You can enable tooltip to show more details of your swatches. The tooltip feature will show the attribute name and the option name when the user hovers over the swatch.
  • Show variation swatches in the desired position of archive pages: You can choose where to display your swatches on archive pages, such as before or after the add to cart button.
  • Customize the swatches to suit your theme styles: The plugin tends to not add much CSS to the theme to make less affect to your theme. Thus you can also customize swatches easier when you need. You can use the plugin’s settings to change the style and size of your swatches, or use custom CSS to further tweak them.
  • Limit the view if there are too many swatches: You can set a limit on how many swatches to show on archive pages, and use a “show more” button to toggle the rest of the swatches. This will help you to avoid cluttering your pages with too many swatches, and improve the user experience.
  • Have an option to keep the dropdown: The plugin provide the option to keep the dropdown for some attributes, to offer a better user experience.
  • Disable out-of-stock swatches: You can disable out-of-stock swatches but keep them visible on your product or archive pages. You can also customize the appearance and behavior of the out-of-stock swatches.
  • Hide/blur invalid swatches: Hiding invalid swatches is essential for a streamlined user experience. Invalid swatches are the ones that do not match the current selection of the other attributes. For example, if you have a product with two attributes, color and size, and you select red as the color, the plugin will hide or blur the swatches that are not available in red, such as XL or XXL. This will help you to avoid confusing your customers with unavailable options, and improve your conversion rate.
  • Easy to use with the simple interface: Never mess up the admin area with additional menus. The plugin does not add any additional menus to your admin area, and integrates seamlessly with the WooCommerce settings and product pages. You can create and manage your swatches from the same place where you create and manage your products and attributes, and use the plugin’s settings to customize your swatches globally or per product.
  • Seamlessly integrated with all themes and easy to customize: You can use the plugin with most WordPress themes, and it will work flawlessly. The plugin is designed to adapt to your theme’s style and layout. You can also use the plugin’s settings or custom CSS to further customize your swatches to match your theme’s design. It also supports multilingual and RTL websites.
  • Provide API that allows themes and plugins to extend easily: You can use the plugin’s API to extend its functionality and compatibility with other themes or plugins. The plugin provides hooks and filters that allow you to modify or add your own code to the plugin, and create custom features or integrations. You can also use the plugin’s documentation and support to learn more about the plugin’s API and how to use it.
  • Completely integrated with the WooCommerce plugin: You can use the plugin with the WooCommerce plugin, and it will work perfectly. The plugin is built to enhance the WooCommerce plugin, and does not interfere with any of its features or settings. You can use the plugin to create and display swatches for your WooCommerce products, and enjoy all the benefits of the WooCommerce plugin, such as inventory management, order processing, payment gateways, shipping methods, and more.
  • Support the default exporter and importer of WooCommerce: Swatches data will be included with other product data when you export or import with the default tool of WooCommerce. This will save you time and effort, and ensure consistency across your WooCommerce store.
  • It is lightweight and has minimal impact on your website’s performance: You can use the plugin without worrying about your website’s performance, as the plugin is lightweight and optimized for speed. The plugin does not load any unnecessary files or scripts, and uses caching and minification techniques to reduce the load time and bandwidth usage. The plugin also follows the WordPress coding standards and best practices, and ensures the security and stability of your website.

Compare the Free and Pro versions of WooCommerce Variation Swatches

Pro versionFree version
Auto-convert variation dropdowns to buttons
Support color swatches
Support image swatches
Support button swatches
Control swatches shape
Control swatches size
Config global swatches
Show selected attribute name
Disable invalid swatches
Disable out-of-stock swatches
Swatches tooltip
Show swatches of an attribute on the shop page
Show swatches of all attributes on the shop page
Swatches tooltip on the shop page
Limit swatches to show on the shop page
Control the size of swatches on the shop page
Update product image on the shop page

WooCommerce Variation Swatches is the ultimate solution for creating and displaying swatches for your WooCommerce products. It will help you to improve your store’s designincrease your conversion ratereduce your bounce rate, and improve your customer satisfaction.


Most frequent questions about WooCommerce Variation Swatches

Does this plugin offer a free version? How do I get it?

Yes, this plugin offers a free version that you can download from the WordPress.org repository. To get the free version, you can follow these steps:

  • Go to the Plugins > Add New section of your WordPress dashboard and search for WCBoost – Variation Swatches.
  • Click on the Install Now button and then activate the plugin.

Please note that the free version has some limitations compared to the pro version, such as the ability to display swatches on the shop pages.

Will this plugin work with my theme?

Yes, this plugin will work with your theme. You can also change the shape, size, style, and effect of the swatches to suit your theme’s design and layout.

Can I keep using this plugin if I don’t renew my license?

Yes, you can keep using this plugin if you don’t renew your license. The plugin will still work and you can use all the features and options that you have purchased. However, you won’t get any updates and support after the license expires. This means that you may miss out on new features, bug fixes, security patches, and compatibility with the latest versions of WordPress and WooCommerce.

Can I get a refund if I change my mind?

Yes, you can get a refund if you change your mind about a purchase. According to the refund policy of the plugin, you can request a refund within 30 days of your purchase date if you are not satisfied with the plugin or if it does not work as expected.

From $39.00 / year

Choose your plan

30 Days Money-back Guarantee

  • Version 1.0.17
  • Last Updated 3 weeks ago
  • Active installs 40,000+
  • PHP 7.0+
  • WordPress 4.5+
  • WooCommerce 3.5+

Choose your license

You don't want to pay yearly? Get the lifetime license.