Trusted by 10K+ Store Owners
Variation Swatches for WooCommerce: Turn Boring Dropdowns Into Beautiful, Clickable Swatches
The most powerful Variation Swatches for WooCommerce plugin that replaces boring dropdowns with stunning color, image, and button swatches. Help customers find their perfect product faster, boosting conversions and reducing cart abandonment. Trusted by 10,000+ stores worldwide.
Excellent
4.7/5 based on 120 reviews on
We’re Featured On:
Variation swatches for WooCommerce is a gorgeous and unique plugin that comes with unbelievable functions. This plugin enables you to add labels, images, and colors to give your customers the ultimate experience. The plugin by RadiusTheme is a creative work of art that will give your customers comfort and increase your sales with the most fantastic variation features. The variation swatches plugin is comparable with our Variation images gallery plugin
Rather than the default dropdown fields, this plugin allows you to display WooCommerce variations in labels, colors, and images. These options ensure that customers choose the products they want comfortably and make purchases quickly.
You can beautify your online shop by customizing the color of the border and the background as well as image. The standout feature of this plugin is Tooltip. For your swatches, you can choose square or rounded layouts, tooltip background, font color and size, and tooltip control. With the ease of customization and installation, you can edit the look of your shop extensively.
Variation Swatches for WooCommerce replaces standard dropdowns with color, image and label swatches, making product selection faster and more intuitive.
Compatible with popular WooCommerce themes and plugins for seamless integration.
WooCommerce variation swatches plugin is compatible with all popular WordPress Themes.
- Variation Color Swatches
- Variation Image Swatches
- Label Swatches
Image Variation Swatches
Image swatches display thumbnail previews of patterns, textures, prints, or style differences directly in the selector. Ideal for fabrics, phone cases, artwork, or any product where seeing the actual design matters more than a label.
Color Swatches
Label Variation Swatches
We have export and import features so you can easily import team members also can export team members.
Rounded & Square Shape Options
Text Tooltips
Dual Color Swatches on Single and Archive Page
Image Tooltips
Button & Label Swatches
Radio Swatches
Quick View Compatibility
Override Global Settings When Needed
Blur, Hide, or Cross Out Unavailable Options
Tooltip Customization
Performance Optimization & Caching
Get Variation Swatches at
Cost Effective Price
Trusted by 10,000+ Users Worldwide, Why Won’t You?
1 Site License
- 1 Site or Domain
- Variation Swatches Pro Plugin
- 1 Year Support
- 1 Year Updates
- 20% Discount on Renewal
5 Sites License
- 5 Sites or Domains
- Variation Swatches Pro Plugin
- 1 Year Support
- 1 Year Updates
- 20% Discount on Renewal
Unlimited Sites License
- Unlimited Sites or Domains
- Variation Swatches Pro Plugin
- 1 Year Support
- 1 Year Updates
- 20% Discount on Renewal
1 Site License
- 1 Site or Domain
- Variation Swatches Pro Plugin
- Lifetime Free Support
- 1 Year Updates
- No Renewal Needed
5 Sites License
- 5 Sites or Domains
- Variation Swatches Pro Plugin
- Lifetime Free Support
- Lifetime Updates
- No Renewal Needed
Unlimited Sites License
- Unlimited Sites or Domains
- Only Variation Swatches Plugin
- Lifetime Free Support
- Lifetime Updates
- No Renewal Needed
WooCommerce Bundle - 1 Site
- ShopBuilder Pro — Elementor Builder
- Variation Swatches Pro
- Variation Gallery Pro
- SchemaEngine AI i Review Multi-Critria Rating & Auto Schema Markup by SchemaEngine AI Plugin
- 15 Premium WooCommerce Themes — including Best-Selling Envato Themes i Now includes 8 premium Envato WooCommerce themes — Blusho, Metro, Toyup, Zilly, Medimall, Fasheno, Sportyfy, and Velvet.
- License for 1 Site
- 1 Year Support & Updates
WooCommerce Bundle - 5 Sites
- ShopBuilder Pro — Elementor Builder
- Variation Swatches Pro
- Variation Gallery Pro
- SchemaEngine AI i Review Multi-Critria Rating & Auto Schema Markup by SchemaEngine AI Plugin
- 15 Premium WooCommerce Themes — including Best-Selling Envato Themes i Now includes 8 premium Envato WooCommerce themes — Blusho, Metro, Toyup, Zilly, Medimall, Fasheno, Sportyfy, and Velvet.
- License for 5 Sites
- 1 Year Support & Updates
WooCommerce Bundle - Unlimited Sites
- ShopBuilder Pro — Elementor Builder
- Variation Swatches Pro
- Variation Gallery Pro
- SchemaEngine AI i Review Multi-Critria Rating & Auto Schema Markup by SchemaEngine AI Plugin
- 15 Premium WooCommerce Themes — including Best-Selling Envato Themes i Now includes 8 premium Envato WooCommerce themes — Blusho, Metro, Toyup, Zilly, Medimall, Fasheno, Sportyfy, and Velvet.
- License for 1 Site
- 1 Year Support & Updates
100% Risk-Free Money Back Guarantee!!
Customer satisfaction is our top priority. If you’re not satisfied with our product within 30 days of purchase, we’ll gladly provide a full refund. Learn more about Our Refund Policy.
Mamunur Rashid
Founder & CEO, RadiusTheme LLC
Trusted by WordPress Experts &
Community Leaders
Great plugin – easy to use
I have installed this plugin to replace another one, because I needed tooltip and preferred one plugin as oppose to two. It's very easy to use, even for a beginner like me. Gives enough of customisation options, actually much more then the previous one I had......
Excellent plugin & support !
Excellent plugin, easy to use! Very good functionality, easy to configure And excellent support too, quick and efficient responses! It’s a really useful plugin for an e-commerce site.
Great plugin – easy to use
I have installed this plugin to replace another one, because I needed tooltip and preferred one plugin as oppose to two. It's very easy to use, even for a beginner like me. Gives enough of customisation options, actually much more then the previous one I had......
Excellent plugin & support !
Excellent plugin, easy to use! Very good functionality, easy to configure And excellent support too, quick and efficient responses! It’s a really useful plugin for an e-commerce site.
Ajax variation threshold
Ajax variation threshold suggestion for non-working variables saved the day here, thank you!
The best plugin for this price. Nice & quick support.
Nice plugin. I have tested almost all of the available plugins and in terms of value for that price, I think this is the best one. Also, very polite and quick support. And there is a dual color swatches available, which is super great. I can’t ask for more.
Ajax variation threshold
Ajax variation threshold suggestion for non-working variables saved the day here, thank you!
The best plugin for this price. Nice & quick support.
Nice plugin. I have tested almost all of the available plugins and in terms of value for that price, I think this is the best one. Also, very polite and quick support. And there is a dual color swatches available, which is super great. I can’t ask for more.
Outstanding Plugin Most of all Support
Outstanding support from these guys and great plugin much better features than standard with WooCommerce. Highly recommend them.
Blazing fast and excellent support
I bought it today and there is a bug on my website ([URL removed]), so i contacted them and got back in ten minutes, it was fixed, thank the best team!
Outstanding Plugin Most of all Support
Outstanding support from these guys and great plugin much better features than standard with WooCommerce. Highly recommend them.
Blazing fast and excellent support
I bought it today and there is a bug on my website ([URL removed]), so i contacted them and got back in ten minutes, it was fixed, thank the best team!
Latest Changelogs
Added: Archive/Shop "Reveal Swatches on Hover" display mode with in-panel Add to cart, selected-variation price, View cart button, per-product override, corner-radius & inner-padding controls, hover image dim, and auto card-padding alignment. Improvement: Fallback to the field default when a radio setting has no saved/valid value. Refactor: Centralized all plugin constants in the main plugin file and removed constant-wrapper methods (define_constants/define/version) from Rtwpvsp.php.
Fixed: Variation price and content not updating on the Gutenberg Product Collection block shop page. Fixed: Swatch click events not working after pagination on the Gutenberg Product Collection block. Fixed: Notice/error on archive when the global product is not a valid WC_Product. Improvement: Cached dynamic inline CSS with automatic invalidation on settings save. Added: Archive button minimum width/height controls and button style improvements.
Fixed: Licencing issue Fixed: Scripts Loading Issue resolve
Fixed: Image jumping issue on archive page when default variation is selected. Fixed: Display issue with the "Clear" button. Added: Support for Select field, allowing dropdown option usage. Added: Shortcode `[rtwpvs_showcase_variation/]` for product showcase.
Fixed: PHP 8.2 compatibility
Fixed: HPOS Declare compatibility
Fixed : PHP 8.2.8 Support
Fixed: Price and store issue fixed
Fixed: Global Product Variations issue fixed
Fixed: Plugin update issue fixed
Added: Archive variation ajax
Fixed: Shop Page swatch issue fixed
Added: Added Single Page Attribute limit Added: Select Variation Check mark added Added: Default Dropdown Swatch To image
Fixed: Zip file format issue
Fix: a PHP warning
Fix: Licensing activation issue of version 2.0.0
Add: modular system Update: coding structure
Fix: WordPress 5.5 conflict
Fix: Dual color settings Fix: Archive page more link
Plugin Title change for wp.org terms
Add: Control no of attributes of Shop/ Archive page. Improve: Loading Speed.
Fix: WooCommerce 4 version compatibility fix.
>
Add: Variation attributes url.
Fix: Color picker conflict Add: Style control added. Update: New UI
Fix: Add to cart variation
Fix Clear transient Fix Text domain
Add: Add to cart option in Category / Archive Page
Fix: Clear on Reselect Fix: Ajax variation threshold Fix: Out of stock for variation Fix: Script loading Issue
Initial Pro version Released
Free & Pro Version Comparison
| Feature Name | Free | Pro |
|---|---|---|
| Enable Tooltip | ||
| Auto Dropdown to Button | ||
| Auto Dropdown to Image | ||
| Product Page Attribute display limit | ||
| Attribute image size & width | ||
| Tooltip image size & width | ||
| Disable out of stock for variation | ||
| Generate URL based on Selected Variation | ||
| ToolTip Style Control | ||
| Attribute item styling (border, color) | ||
| Attribute item Hover Styling (border, color, background) | ||
| Attribute item Selected Styling (border, color, background) | ||
| Attribute behavior control | ||
| Archive Page Support | ||
| Single Selected Attribute in Archive/ Shop Page | ||
| Dual Color Variation Swatches | ||
| More Link in Archive/ Category Page | ||
| Variation customization for each product | ||
| Performance Improvement | ||
| Free Download | Purchase Now |
Frequently Asked Questions (FAQs)
What are variation swatches in WooCommerce?
How do I add color swatches to WooCommerce products?
To add color swatches to WooCommerce products, install a variation swatches plugin like Variation Swatches for WooCommerce by RadiusTheme. After activation, navigate to Products → Attributes in your WordPress dashboard. Edit your color attribute and change the type from “Select” to “Color.” You can then assign specific hex color values to each attribute term. The plugin automatically displays these as clickable color circles on your product pages. For individual product customization, you can override global settings from the product edit screen.
Can I show variation swatches on WooCommerce shop pages?
Yes, you can display variation swatches on WooCommerce shop and archive pages with the right plugin. Variation Swatches for WooCommerce supports archive page swatches, allowing customers to select variations directly from category, shop, and search result pages without opening individual products. You can configure how many swatches appear per product, add “More” links for products with many options, and enable quick add-to-cart functionality for faster shopping.
How do variation swatches improve WooCommerce conversion rates?
Variation swatches improve WooCommerce conversion rates by reducing friction in the product selection process. Visual swatches help customers immediately understand available options without reading dropdown text, leading to faster decisions. Studies show that visual product selectors can increase add-to-cart rates by 10-25%. Additional benefits include reduced bounce rates (customers stay longer when they can visually browse), fewer customer support queries about available options, and a more professional, premium shopping experience that builds trust.
What types of swatches can I use for WooCommerce variations?
WooCommerce variation swatch plugins typically support four main types: Color swatches display solid colors or dual-color combinations for multi-tone products; Image swatches show product thumbnails or pattern samples, ideal for fabrics, textures, or style variations; Button/Label swatches present text options in styled buttons for sizes, materials, or named options; Radio button swatches offer a traditional selection format with enhanced styling. The best plugins let you mix swatch types across different attributes on the same product.
Are WooCommerce variation swatches mobile-friendly?
Quality WooCommerce variation swatch plugins are fully mobile-responsive and touch-optimized. Swatches automatically resize for smaller screens while maintaining tap-friendly sizes. Mobile benefits include easier selection than tiny dropdown menus, visual browsing that works better on small screens, tooltip support showing product information on touch, and faster checkout experiences. Look for plugins that specifically mention mobile optimization and test the demo on your phone before purchasing.
How do I handle out-of-stock variations with swatches?
Professional variation swatch plugins provide multiple options for handling out-of-stock variations. You can blur unavailable options to show they exist but aren’t purchasable, completely hide out-of-stock variations from display, show a cross-out or strikethrough effect on unavailable swatches, or disable clicking while keeping them visible. The best approach depends on your inventory strategy; hiding works well for discontinued items, while blurring is better for temporarily unavailable products that will return.
Will variation swatches slow down my WooCommerce store?
Well-coded variation swatch plugins are designed for performance and should not noticeably slow down your WooCommerce store. Look for plugins that include built-in caching systems for swatch data, lazy loading for images to prevent blocking page render, minified CSS and JavaScript files, and conditional asset loading (only loading scripts where needed). Variation Swatches for WooCommerce includes WordPress-native caching and performance optimization tools to ensure fast page loads even with complex product variations.