WooCommerce Variation Swatches - Plugin
Replace variation dropdowns with swatches in WooCommerce
Create a variety of swatches and transform your dropdown menus with the WooCommerce Variation Swatches plugin
Create a more streamlined shopping experience with our WooCommerce Variation Swatches plugin
Display variation dropdowns as swatches including:
- Color swatches
- Image swatches
- Radio buttons
- Text/label swatches (buttons)
- Combine multiple attributes into single swatches
Help customers make better decisions
- Choose from multiple customizable preset styles
- Automatically convert dropdowns into swatches globally, per attribute or per product
- Optionally display swatches on archive and shop pages
- Tooltips on hover
Unbeatable support and resources
- Personal support from our team
- Comprehensive documentation fully available
- Highly customizable and extendable
- Perfect for coders and non-coders alike
What customers say about our WooCommerce Variation Swatches plugin
I have absolutely no web experience however have found installing the plugins super simple. And your support is amazing!
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.
WooCommerce Variation Swatches plugin features
The best plugin for giving your customers clear variation options
Replace variation dropdowns with swatches
Display swatches as color swatches, image swatches, radio buttons, or text labels
Multiple variation swatch types
Pick a global swatch type or choose per attribute or product
Easily style your swatches
Set colors, text, borders and background on your WooCommerce variation swatches
Five variation swatch types
Pick from color swatches, image swatches, radio buttons, text swatches or dropdowns
Three variation swatch shapes
Pick from square / rectangular swatches, rounded swatches, or circular swatches
Five disabled swatch behaviours
Hide, blur, fade, disable or cross out variations that are out of stock or unavailable
Global / attribute / product settings
Set variation swatches at product, attribute or global level
One-click conversion
Automatically convert all variation dropdowns to swatches
Customize swatch styles
Set colors, borders, background, text, and more on your swatches
Display swatches on archive pages
Choose whether to display variation swatches on shop and category pages
Variation swatch tooltips
Opt to display larger swatches when the user hovers over an option
Consolidate variations
Create a unique swatch for each variation even when you have multiple attributes
Color swatches for variations
Replace variation dropdowns with color swatches
Image swatches for variations
Replace variation dropdowns with images swatches
Radio buttons for variations
Replace variation dropdowns with radio button selectors
Text swatches (buttons/labels)
Replace variation dropdowns with text labels or buttons
Attribute swatch type
Set swatch type at attribute level to override global setting
Product swatch type
Set swatch type at product level to override attribute and global setting
Disabled variation swatches
Disable swatches for variations that are out of stock or unavailable
Blurred variation swatches
Blur swatches for variations that are out of stock or unavailable
Crossed out variation swatches
Display a cross over variations that are out of stock or unavailable
Fade variation swatches
Reduce the opacity of variations that are out of stock or unavailable
Hidden variation swatches
Simply hide any variations that are out of stock or unavailable
Attribute swatch disabled behaviour
Set disabled behaviour at attribute level to override global setting
Product swatch disabled behaviour
Set disabled behaviour at product level to override attribute and global setting
Set swatch text colors
Define the color for text in your swatches
Set swatch swatch sizes
Define the height and width of image and color swatches
Define swatch borders
Set border color and width for default and highlighted states
Set swatch backgrounds
Set background colors for default and highlighted states
Radio button styles
Use standard or enhanced radio button styles
Images for attribute swatches
Upload images per attribute term for image swatches
Colors for attribute swatches
Define colors per attribute term for colors swatches
Display swatches on shop and category pages
Choose whether to display variation swatches on archive pages
Go further with variation swatches
WooCommerce Variation Swatches works brilliantly with other plugins and extensions
Increase sales
Allow users to purchase variations direct from shop page
Stylish variation swatches
Choose how many swatches per attribute to display
Performant swatches plugin
Avoid clutter by allowing users to click 'View more' option
Automatically convert all variation dropdowns
Convert all your variations from dropdowns to buttons or swatches with a single click
Flexible settings and styling options
Set variation swatches at product, attribute or global level
Variation swatch tooltips
Enable tooltips on your swatches with one click to display larger versions on hover
Update main product image
Update the main product image with the selected swatch image
Show variation name with swatch
Optionally display the variation's name as a label with the swatch
Compatible with all themes
WooCommerce Variation Swatches works with all WordPress / WooCommerce themes
Compatible with all page builders
WooCommerce Variation Swatches works with all page builders
Compatible with multilingual
WooCommerce Variation Swatches is compatible with multilingual plugins
Pricing
All purchases are covered by a 14 day money back guarantee. Prices are in US Dollars.
Yearly licences renew annually - cancel anytime
Lifetime licences are a one-time payment
Basic
$59.00 + VAT *
Use on a single siteUse this plugin on one production site
Renews annuallyThis 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 guaranteeIf 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 sitesUse this plugin on as many sites as you like
Renews annuallyThis 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 guaranteeIf 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 siteUse this plugin on one production site
One-time paymentThis is a single one-time charge. You'll recieve support and updates for the lifetime of the product
14 day money back guaranteeIf 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 sitesUse this plugin on as many sites as you like
One-time paymentThis is a single one-time charge. You'll recieve support and updates for the lifetime of the product
14 day money back guaranteeIf the plugin isn't what you want, just drop us a line within 14 days for a full refund
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.
Why buy the WooCommerce Variation Swatches plugin?
When shopping online, customers can be frustrated by text-based variation options that make it hard to visualize different colors, sizes, or styles, leading to hesitation and abandoned carts. This lack of clarity can significantly hinder the shopping experience and reduce sales. Our Variation Swatches plugin resolves this issue by providing visually appealing swatches that display product variations clearly, enhancing customer satisfaction and driving more confident purchasing decisions. Enhance your store today!
FAQs
Changelog for WooCommerce Variation Swatches
= 1.1.6, 13 March 2025 =
* Added: wcvs_use_product_variation_image filter
* Updated: minor style change
= 1.1.5, 3 March 2025 =
* Added: deselectable option
* Updated: license key field to password input
= 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
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 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.
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.
Our products are featured on
Screenshots
See how the plugin looks on the back and front ends. Click the images to enlarge them.
WooCommerce color swatches- WooCommerce image and text swatches
- WooCommerce image swatches
- WooCommerce radio button variations
- WooCommerce swatches tooltip
- WooCommerce vvariation swatches on archive page
WooCommerce swatches main settings
WooCommerce swatches style settings
WooCommerce attribute terms list
WooCommerce edit attribute term settings page
WooCommerce product attribute settings
