10 Best Variation Swatches WooCommerce Plugins (Color & Size)

If you’re running a WooCommerce store, it’s obvious you want to provide the best experience to your website users.

The better the experience you offer to the users, the more likely they are to purchase from your store.

And the ability to view multiple variations of a product is very important while browsing for products. Especially when it comes to viewing the different color options of a product.

In this article, I’ll show you the 10+ best WooCommerce color swatches plugin.




More Info

Variation Swatches by StorePress


WooCommerce Attribute Swatches




Variation Swatches by RexTheme



WooCommerce Variation Master


Variation Swatches and Photos

Variation Swatches by ThemeHigh


Premmerce Variation Swatches


Color and Images Swatches


Powered By WP Table Builder

These plugins will help you add different variations of your products to your WooCommerce store. Now let’s dive into the details of these plugins.

1. Variation Swatches for WooCommerce

The first plugin we have on our list is Variation Swatches for WooCommerce by GetWooPlugins. This WooCommerce color swatch plugin lets you display multiple variations of your products in your store.

You can display the product variations in the form of color, buttons, radio buttons, and image swatches. The plugin has an option to remove unnecessary clicks from the user’s end by displaying swatching in the form of images.

It also lets you display the variation swatches in the product catalog and archive pages of your store.

The plugin has a tooltip feature that lets users hover on the variation swatch and get a quick preview of the product. Apart from an image tooltip, you also have the option to display a text tooltip.

One great feature of this plugin is the dual-color variation swatches. With this, you can display dual colors in a single variation.

You can also blur out or hide a variation if it’s not available in your inventory.

Here’s a quick rundown of the different features available in this plugin:

  • Display swatch in the catalog or archive page.
  • Display swatch on the product page.
  • Image and text tooltip support.
  • Dual-color variation swatches.
  • Quickview lightbox support for variations.
  • See more links on variation swatches.
  • Generate variation link.
  • Product-based swatch customization.
  • Image, button, radio button variation swatch type.
  • Blur/hideout of stock variation.
  • Quick support.
  • Compatible with major themes.

In terms of features, the Variation Swatches for WooCommerce plugin comes with everything you would need to display variation swatches in your store.

Let’s take a look at the pricing of this plugin:

The plugin offers an annual and lifetime license.

The annual plans are priced as:

  • Starter: $49 / year (Use on 1 site)
  • Business: $149 / year (Use on 5 sites)
  • Developer: $299 / year (Use on unlimited sites)

The lifetime plans are priced as follows:

  • Starter Lifetime: $149 (Use on single site)
  • Business Lifetime: $449 (Use on 5 sites)

At first look, the pricing may look high but considering the different features offered by the plugin, it seems the plugin is priced properly.

You can get the lifetime license of the plugin if you wish to use the plugin for the long term.

2. WooCommerce Attribute Swatches

WooCommerce Attribute Swatches is a plugin by IconicWP, a very popular site for WooCommerce plugins.

The plugin lets you choose the style of the swatch. You can choose between color, text-based, image, and a radio button swatch for product variations.

The variation swatches can be displayed on product catalogs and archive pages.

One unique feature of this plugin is that it lets you add custom price points or fees for certain attribute variations.

Here are the different features of this plugin:

  • Categorize & group swatches
  • Assign swatches globally
  • Modern swatch designs
  • Customize the shape & size of swatches
  • Tooltip for swatches
  • Large preview for image swatches
  • View swatch availability
  • Quickview for swatches

Let’s take a look at the pricing of the WooCommerce Attribute Swatches plugin:

The plugin comes with both an annual license and a lifetime license plan. The annual license costs $79 / year and can be used on a single site. You also get 1 year of updates and support with the annual license.

The lifetime license costs $239 and can be used on a single site. You get lifetime updates and support with the lifetime plan.

Both the plans have a 14-day free trial so that you can give a test run to the plugin and decide whether it’s worth it or not.

3. WooCommerce Variation Swatches

This plugin by RadiusTheme allows you to display an image, color, text, and button variation swatches for your products.

You can display variation swatches for the product page and archive pages as well.

Another great feature of the plugin is the image tooltip that lets users see a preview of the variation of the product from the archive page. Similarly, you can also enable text tooltips for your products.

The plugin also lets you showcase single attributes in cases where a product has multiple swatch variations.

Lastly, you can also blur out or hide the specific variations if your product runs out of stock.

Let’s take a look at all the different features offered by this plugin:

  • Fully responsive & mobile friendly
  • Swatch size control
  • Image & text tooltip options
  • Blur out of stock variations
  • Customize tooltip & swatches
  • Quick view popups for variations

It’s no doubt that WooCommerce Variation Swatches is packed full of features that will help you improve your WooCommerce store.

Here are the pricing details of the plugin:

The single-site license of the plugin costs $29 and the 5-site license costs $99. You can also get the unlimited site license for $199.

I think the plugin is very affordable as it has a lot of features and the pricing is not very high.

4. YaySwatches

While the first task of adding WooCommerce variable products is pretty easy, making them display in the shapes of swatches or buttons is unachievable without a plugin. Thankfully, YaySwatches can help you with that!

It is a modern WooCommerce variation swatches extension that can help automatically display existing variable product images as image swatches! Or, if you like, you can pick different types of swatches such as color, dual color, custom images, or other product photos.

Since YaySwatches automatically import your WooCommerce attributes in one place, it’s easy to see them all under WooCommerce > YaySwatches menu. And from there, you just have to pick the colors and styles you like.

It allows for the product’s featured image to change once a combined variation is chosen. So, the customer will quickly see the exact product image after they select the color, mascot, and size.

Key features:

  • Display images and color swatches on the product details page and shop/category page.
  • Multiple styles: round swatches, square swatches, border styling, etc.
  • Hide out-of-stock items from the product page and shop page.
  • Show out-of-stock variation swatches with red strikethrough, grayed-out, or blurred effects.
  • Work with AJAX themes and filter plugins.


Feel free to check out YaySwatches Demo or download YaySwatches free version to explore all the offered features.

The single-site license of the plugin costs $59. And if you’re developing multiple online stores, you can also get the unlimited site license for $199.

5. WooSwatches – WooCommerce Color or Image Variation Swatches

As the name suggests, you can display color, text or image variation swatches for your WooCommerce products with this plugin.

The plugin has a very user-friendly interface that makes creating and customizing swatches very simple.

Here are the different features that are available in this WordPress plugin:

  • Supports color, text, and image swatches
  • Global color or image values for attributes
  • Inbuilt color/image product filter
  • Fully responsive
  • Square and circle shape swatch support
  • Direct variation links
  • Display option name below swatch
  • Slider for shop swatches
  • Shortcode support

Overall, WooSwatches is a pretty decent plugin in terms of its functionality and the features offered by it.

Let’s take a look at the pricing of this plugin:

The plugin costs $19 for a single-site license and comes with 6 months of updates and support.

For a plugin with so many features, I think the WooSwatches is very affordable and offers a great value for money.

6. WooCommerce Variation Master

WooCommerce Variation Master is an all-in-one variation customizer plugin for WooCommerce.

With this plugin, you can display color, image, and text swatches for your variable products.

The plugin also lets you add a variation gallery that lets you create an image gallery for your product variations.

Another great feature of the plugin is that it can allow users to change the variation of the product on the cart page.

Here are all the features offered by the plugin:

  • Global attribute swatches
  • Color, image, and text swatch support
  • Variation gallery with slider
  • Update variation swatch on the cart page
  • Bulk import of global attributes
  • Fully responsive

The plugin is priced as shown below:

You can get the single site license of the plugin for $35. This comes with 6 months of updates and support.

The plugin is very affordable and has some pretty unique features such as a variation gallery and variation update on cart pages. These features are not available on many other WooCommerce variation swatches plugins.

7. Variation Swatches and Photos

Variation Swatches and Photos is the official plugin by WooCommerce that lets you add variation swatches to your WooCommerce products.

With this plugin, you can display image, text, and color variation swatches on your products.

Apart from this, there isn’t much this plugin offers. Here are the features of this plugin:

  • Color, image, text swatch types supported
  • Fully responsive
  • Configure attributes

Let’s take a look at the pricing of this plugin:

The plugin costs $99 / year for a single site license and comes with 1 year of updates and support.

For a plugin with basic functionality, I don’t think it’s worth paying $99 annually. But I mentioned the plugin in this list because many WooCommerce users prefer using the official plugins made by the WooCommerce team.

And if you’re one of them, then this is the plugin you can use.

8. Variation Swatches for WooCommerce

This is another variation swatch plugin for WooCommerce by ThemeHigh. It lets you choose between 3 swatch types namely color, image, and text label.

The plugin also allows you to customize the height, width, and shape of the swatch icons giving you more control over how your variation swatches look.

You can even display a tooltip on hover for your variation swatches.

And lastly, the plugin lets you blur or cross mark swatches for products that are not available or are out of stock.

Here’s a quick rundown of the features of the plugin:

  • Color, image, and label swatch types
  • Text tooltip on hover
  • Blur or cross mark swatches
  • Swatches for local and global terms
  • Customize the look of swatches

All these features of the plugin are available for free. They do have a premium version of the plugin that adds extra features such as individual attribute settings, additional tooltips, styling for tooltips, and more.

9. Premmerce Variation Swatches for WooCommerce

The last plugin we have on our list is another free WooCommerce variation swatches plugin. This plugin offers different swatch types such as color, image, radio button, and a label.

It has a very unique feature that lets you add a description to the attribute. This feature is missing in many variation swatch plugins.

Apart from this, the plugin also features:

  • Ability to highlight the main attributes
  • Add product variation to the cart directly

The plugin is available for free in the WordPress repository.

10. Color and Image Swatches for Variable Product Attributes

This is another free WordPress plugin for displaying variable product attributes. You can choose between image and color swatches for your product variations.

You also get the option to change the swatch shape style between a circle and a square.

Lastly, you can create unlimited color and image swatches using this plugin.

Here are the different features of the plugin:

  • Easy to use
  • Color and image swatches only
  • Change swatch style between circle & square
  • Create unlimited swatches
  • Mobile friendly.

The plugin is available for free but also comes with a pro version that lets you choose between the swatch type, show tooltips, customize the styling, and a lot more.


So, these were the best WooCommerce variation swatches plugin. Each plugin mentioned in this list is popular among WooCommerce users and is used for displaying different product variations on product pages.

The plugin you choose entirely depends on the requirements you have for your WooCommerce store.

You can either go for a plugin with full-fledged features or choose a simpler one with the basic functionality of variation swatches.

If you have any questions regarding the plugins I’ve mentioned in the list, feel free to comment below and ask them. I’d be happy to answer your questions and help you out so that you can make the best decision and choose the right plugin for your WooCommerce store.

Disclosure: This post contains affiliate links. That means if you make a purchase by following any of the affiliate links, I’ll get a small commission without any extra cost to you.

Get our latest posts delivered to your inbox!

We don’t spam! Unsubscribe anytime!


One response to “10 Best Variation Swatches WooCommerce Plugins (Color & Size)”

  1. Aria Mathew Avatar
    Aria Mathew

    Thank you for making a wonderful list. These plugins are very useful, particularly for apparel sites. I used the Premmerce Variation for my fashion website. Even though it’s free, it has a lot of cool features

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Share via
Copy link
Powered by Social Snap