WooCommerce Variation Swatches

Replace variation dropdowns with customizable swatches

View Prices View Demo

WooCommerce Variation Swatches featured image

Save users time and clicks by presenting your WooCommerce variation dropdown lists as swatches

What customers say

I have absolutely no web experience however have found installing the plugins super simple. And your support is amazing!

Uyen MaxwellTeachIt.Co

uyen maxwell

Your customer support team is absolutely superb. I have worked with Collins and Clint, and they have been helpful, patient, and incredibly easy to work with.

Amit FriedmanMobile Online

WhatsApp Image 2023 09 15 at 10.43.46

See more reviews

WooCommerce Variation Swatches Features

Color and image swatches are a more visually appealing and user-friendly way to display WooCommerce variations. Users can immediately see what each variation represents rather than relying on bland text - e.g. they can see the blue shirt instead of just the word ‘Blue’. And it’s easier for users to select a swatch - it’s a single click - rather than multiple clicks to open a dropdown and select a value.

WooCommerce Variation Swatches is especially useful if your products have more than one attribute - e.g. if you are selling items that have ‘Size’ and ‘Color’ options. Presenting variations as swatches gives your users a clear overview of your product options, resulting in a better user experience - and potentially boosting your sales.

You can even opt to combine variations that use multiple attributes into a single swatch - so, for example, display single swatches for Green / Small, Green / Medium, Red / Small, and so on.

Do you have any questions? Check out the FAQs below

Pricing

All purchases are covered by a 14 day money back guarantee. Prices are in US Dollars.

Yearly   Lifetime

Yearly licences renew annually - cancel anytime

Lifetime licences are a one-time payment

Basic

$59.00 + VAT *

Use on a single site?Use this plugin on one production site

Renews annually?This plugin will automatically renew every year. If you cancel it, you can continue to use the plugin but will not receive support or updates

14 day money back guarantee?If the plugin isn't what you want, just drop us a line within 14 days for a full refund

Pro

$99.00 + VAT *

Use on unlimited sites?Use this plugin on as many sites as you like

Renews annually?This plugin will automatically renew every year. If you cancel it, you can continue to use the plugin but will not receive support or updates

14 day money back guarantee?If the plugin isn't what you want, just drop us a line within 14 days for a full refund

Basic

$179.00 + VAT *

Use on a single site?Use this plugin on one production site

One-time payment?This is a single one-time charge. You'll recieve support and updates for the lifetime of the product

14 day money back guarantee?If the plugin isn't what you want, just drop us a line within 14 days for a full refund

Pro

$299.00 + VAT *

Use on unlimited sites?Use this plugin on as many sites as you like

One-time payment?This is a single one-time charge. You'll recieve support and updates for the lifetime of the product

14 day money back guarantee?If the plugin isn't what you want, just drop us a line within 14 days for a full refund

* Prices exclude VAT, if applicable. EU businesses with a valid VAT number can zero off the tax.

Gareth Harris

A full refund if you're not happy

I built this plugin myself and my team and I are available to support you personally. We want you to be 100% satisfied with your purchase so if, for any reason, this plugin doesn't meet your expectations over the next 14 days, let us know and we'll give you a full refund.

Your customer support team is absolutely superb. I have worked with Collins and Clint, and they have been helpful, patient, and incredibly easy to work with.

Amit FriedmanMobile Online

WhatsApp Image 2023 09 15 at 10.43.46

FAQs

Pre-sales and Licensing

Will this plugin work with my theme?

All my plugins are independent of the theme being used so there shouldn't be any problems. If you do run into any issues, just let us know and we will take a look.

Do you offer refunds?

Yes, there’s a 14 day money back guarantee. The purpose of this guarantee is to give you plenty of time to assess the plugin to see if it will meet your needs.

During the 14 days, if you’ve got any questions about the plugin and what you are hoping to achieve with it, just raise a support ticket and we’ll get back to you.

You can find out how to register your refund request here.

Is there a free trial?

We don’t offer free trials or backend demos but all products are backed by a 14 money back guarantee so if the plugin isn’t what you wanted, we will issue you with a refund.

This allows you to spend time testing the plugin on your own environment, with your own theme and with your own plugins. It’s the best way to help you be sure that the plugin is what you want.

You can also upgrade your licence at any time – so, if you wish,  you can purchase a Yearly licence initially then upgrade to the Lifetime licence within the first year and just pay the difference.

If you have any questions during your 14 day refund period, you can raise a support ticket and we will get straight back to you.

How long is the licence valid for?

Yearly licences are valid for a year. During that time you are entitled to receive free updates and support. After 12 months, yearly licences will automatically renew. You can cancel at any time.

Lifetime licences are a single, one-off payment. Lifetime licences do not expire and you are entitled to receive all future updates for the plugin.

You can purchase a Yearly licence then upgrade to Lifetime if you wish. Upgrade within the first year to just pay the difference.

Can I upgrade my licence and just pay the difference?

Yes, you can upgrade your licence any time in the first year and just pay the difference. So if you want to upgrade from Basic to Pro or if you want to upgrade from Yearly to Lifetime, you can do so and only pay the difference in price.

Also, if you wish, you upgrade from one product to a bundle that contains that product and also only pay the difference. So you can buy one or more products then upgrade to the All Access Bundle and only pay the difference in price.

What’s the difference between the Basic and Pro licences?

The Basic licence entitles you to updates and support for one site; the Pro licence entitles you to updates and support for unlimited sites.

You can try out the Basic licence first then upgrade to Pro at any time. Here’s how to upgrade your licence.

Is the plugin translatable?

Yes, all our plugins are fully translatable and many come with translations in various languages. If you wish to contribute your own translations, we can add those to the core plugin to ensure they don't get overwritten.

The plugins are also compatible with WPML and other popular multilingual plugins like LocoTranslate.

Features

Can I use this plugin to display attributes as swatches?

Yes, WooCommerce Variation Swatches allows you to replace text labels for your product attributes with color and image swatches.

Can I display variations as color swatches?

Yes, using a color picker, you can assign a color value to attribute terms - so you can pick a specific blue to represent the ‘Blue’ attribute term. The plugin will then display the variations as color swatches instead of dropdown fields.

Can I display variations as image swatches?

Yes, you can upload images to specific attribute terms - so you can display a blue version of a shirt instead of just displaying the word ‘Blue’. The plugin will display variations as image swatches instead of dropdown fields.

Can I display variations as buttons or text swatches?

Yes, you style your variations as buttons or text swatches. You have full control over the style of buttons, including the shape, background and border colors, and text color. Displaying variations as buttons makes it easier for users to select the option they want.

Can I display variations as radio buttons?

Yes, you can display some or all your variations as radio buttons instead of select fields (dropdowns). This means your users can see all the available options without having to expand a dropdown field.

Can I display swatches on the archive or shop pages?

Yes, you can display variation swatches on archive pages so that users can select variations and add products to the cart without needing to go to the product page

Can I enable swatches globally?

Yes, if you wish you can set all your variation dropdowns to swatches with one click. You can also set swatches at attribute level and at individual product level.

How are out of stock variations displayed?

There are several options for representing variations that are out of stock. You can choose to hide, blur, cross out or fade swatches for out-of-stock variations. You can set this globally, by attribute, or by product - so different attributes can have different rules set.

Can I display swatches as round or square?

Yes, you can set a swatch shape globally - so all swatches will be displayed as circles, for example. Then you can override this setting at attribute and product label - so some attributes’ swatches could be circular, some could be square, some could have rounded corners. It’s totally flexible and up to you.

Can I use WooCommerce Variation Swatches to create attribute color swatches?

Yes, you can edit each term in your ‘Color’ attributes and use the color picker to assign a color value. These attributes will then be displayed as color swatches rather than variation dropdowns.

Can I combine variations with multiple attributes into single swatches

Yes, with the 'Consolidate Swatches' option you can convert all your variations with multiple attributes into single swatches. For example, if your product has two attributes - 'Color' and 'Logo' - you can display a single set of swatches rather than each attribute separately. So you'd display swatches for Blue / With Logo, Blue / No Logo, Green / With Logo, etc. It's much quicker for the user to see the options and to make their selection.

WooCommerce consolidated variation swatches

Can I automatically use variation images as swatches?

Yes, you can use the 'Consolidated variations' option which will convert all your variations to swatches.

Can I display tooltips?

Yes, the plugin displays the name of each variation when the user hovers over the swatch. You can also display an image as part of the tooltip.

WooCommerce variations swatches with tooltips

Product Data

Last Updated15 May 2024
Current Version1.1.4
RequiresWooCommerce 3.2

View changelog

Still have questions? Contact us

Changelog for WooCommerce Variation Swatches

= 1.1.4, 15 May 2024 =
* Fixed: attribute settings are not getting saved on the Edit Product page when using the Update/Publish button

= 1.1.3, 24 April 2024 =
* Updated: enqueue assets on all pages

= 1.1.2, 16 April 2024 =
* Fixed: conflict with Divi theme
* Fixed: deprecated warnings in PHP 8.2

= 1.1.1, 21 February 2024 =
* Updated: licence updater for PHP 8.2
* Updated: HPOS compatibility

= 1.1.0, 19 February 2024 =
* Added: tooltips
* Added: option to consolidate variations into swatches
* Updated: only enqueue scripts on pages that require them
* Updated: style improvements

= 1.0.2, 7 February 2024 =
* Updated: style improvements

= 1.0.1, 6 February 2024 =
* Fixed: display on archive settings respected
* Updated: style improvements

= 1.0.0, 1 February 2024 =
* Initial commit

View Prices

Screenshots

See how the plugin looks on the back and front ends. Click the images to enlarge them.

View Pricing