Make Product Choices Visual, Easy, and Clickable
Your Variations, Now Visually Irresistible
Clickable Swatches
Let shoppers pick colors, sizes, or styles with visual swatches. Looks better, feels faster.
Shop Page Selection
Allow customers choose variations directly from the shop page. It’s faster and boosts conversions.
Easy Customization
Control swatch shape, size, spacing, and colors to match your brand. Make every detail feel just right.
Out-of-Stock Control
Blur, cross out, or hide unavailable options so customers see what’s available – and buy without hassle.
Clear Tooltips
Show helpful labels or images on hover to make every swatch easy to understand at a glance.
Global or Local Styling
Set universal styling across your store or fine-tune swatches for individual products when needed.
Set It Up in Minutes. Here’s How:
Step 1:
Get Started by Installing the Plugin
Step 2:
Choose the Swatch Type as You Need
Step 3:
Pick the Swatch Shape You Like
Step 4:
Customize the Look & Hit Publish
Start Showing Variations the Way Customers Love
Store Owners Are Loving the Visual Experience.
“This free plugin works better than some of the plugins I paid for. Many thanks to the team for your work and your support is rocks.”
User on WordPress.org
“This plugin allows different swatch sizes per attribute! I was using two bloated plugins, but now I use this amazing and lightweight one.”
User on WordPress.org
“This is a great plugin for managing product variations. Once you figure out the configuration, it’s super easy to add and edit products.”
User on WordPress.org
Common Questions
Have questions about Variation Swatches? Check out our FAQs below, or contact us if you need more help!
You can convert default WooCommerce variation dropdowns into visual swatches—choose from color, image, and label swatches.
Yes! Enable swatches on product detail pages, as well as on shop, archive, category, and tag pages, letting shoppers pick variations right from listings.
Absolutely. The plugin is compatible with all well-coded themes (Astra, Avada, Divi, etc.) and page-builders (Elementor, Spectra, Bricks, Gutenberg, Oxygen, and more).
Very! You can adjust shape, size, border-radius, tooltips (with thumbnails), alignment, and position.