Best Woocommerce Swatches Plugins 2020

top Woocommerce Swatches plugin

Best Woocommerce Swatches Plugins 2020

In this post I have shared most popular plugins which allows you to add custom form fields to your WooCommerce product pages. Whether you want to create a pizza configurator or simply add extra options, these plugin has got you covered!

1.  Advanced Product Fields (Product Options) for WooCommerce


  • Intuitive and beautiful backend builder which looks like Advanced Custom Fields.
  • 9 different form elements to choose from
    • Text field – Normal text field
    • Text area – For multi-line text
    • Email – To accept only email addresses
    • URL – To accept only links (URLs)
    • Number – To accept numbers (both decimal or whole numbers)
    • Select (drop-down) – To select one option from a list
    • Checkboxes – To choose one or more options
    • Radio buttons – To select one option from multiple options
    • True/false – A “yes/no” checkbox

2. WooSwatches

Available at CodeCanyon, WooSwatches is a best seller among WooCommerce color swatches plugins. The drab looking default drop down color selections are made more attractive by this easy to use WooCommerce color swatch plugin.

Exciting features of this WooCommerce color swatch plugin include:

  • Option to create global attributes and override them on a specific product page while editing
  • Option to show one color attribute on the shopping page and changing the image or color attributes when hovering
  • Great customer support
  • Stylized swatches with square and round shapes
  • Filtering based on colors

Also, the improved feature on this plugin lets the users choose only the available colors by blocking out those that are unavailable.  Out of stock product variables are not displayed which minimizes confusion and wrong selection (This is a great feature FYI).

Demo / Download

3. Variation Swatches for WooCommerce by ThemeAlien

With Variation Swatches for WooCommerce, you have yourself a lovely platform for exhibiting your various products. While keeping the default drop-down WooCommerce style intact, this plugin only offers more options to showcase your product variations with swatches. You can, therefore, display your product styles, sizes, colors, and other properties in a more polished way than the WooCommerce default one.

When managing attributes, you can add the default image, color, or label to each of them. You can comfortably pick your preferred style for the quick-add attribute. You have the power to create attribute color, image, and text or label swatches with Variation Swatches for WooCommerce. You can even manage the attributes globally and create new attribute swatch in the product editing page.

This plugin is fully compatible with WooCommerce. In addition to this, it adds new options in WooCommerce settings so that you can control the swatches comfortably without touching the code.

4. XT Woo Variation Swatches

XT Woo Variation Swatches is another top-class WooCommerce plugin that converts your variation dropdowns to beautiful swatches. These are labels, color, and image swatches for variable product attributes. Image swatches are automatically activated for variation color attributes that have an image. This fantastic plugin enables the label, image, and color swatches within the catalog page and product quick view models, including the XT Woo Quick View.

You get a user friendly and easy-to-use interface that allows you to add a default label, color, and image to every attribute management page. XT Woo Variation Swatches even helps you pick the right style for a quick attribute inside the editing product page. Although it comes with limited options, this plugin has a live preview for your editing options. You can adjust the height, width, and alignment of all the swatches. You have options for a swatch style, too, from a square, rounded, and circular options.

5. Variation Swatches for WooCommerce by ThemeHigh

This plugin comes with label, color, and image swatch icons, whose size you can customize. Variation Swatches for WooCommerce allows you to add swatches for globally and locally added terms. Out of stock variations can be crossed or blurred out.

With the premium version, you can display the product attributes as Radio buttons. You can also override the individual swatches global settings using individual attribute settings. This version also allows you to customize individual swatches based on icon width, height, roundness, color on hover, border color, and color of selected swatches. Rather than hiding out of stock variations, you can activate an out-of-stock label to inform the shoppers of the shortage. You can also tell them the number of items per variation left on both product and shop pages.

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.

Demo / Download

0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments