VariSwatch

#1 Variation Swatches Plugin for WooCommerce

Transform boring dropdowns into beautiful, tappable color, image, and label swatches. Boost conversions with zero code.

4 Swatch Types
20+ Customization Controls
100% Divi 5 Compatible
From $7/Year — cancel anytime
See Pricing Plans → View Documentation
30-day money-back guarantee
Sale
VariSwatch ON
Men’s Apparel
Classic Premium T-Shirt
$29.99 $39.99
Color: Charcoal
Select Color...
Size: Medium
Select Size...
S
M
L
XL
What is VariSwatch?

The WooCommerce Variation Swatches Plugin

Replace default dropdowns with visual selectors that help shoppers decide faster — colors, images, and labels, all customizable with zero code.

Visual swatches for every attribute

VariSwatch is a standalone WordPress plugin by DiviNext that transforms WooCommerce variation dropdowns into beautiful, clickable swatches. Display colors, images, and labels on product pages, shop archives, and filter widgets.

Fully compatible with Divi 5, Divi 4, WooCommerce, HPOS, WC Blocks, Gutenberg, and any WordPress theme — with a visual settings panel for total control.

Color
Size
S
M
L
XL
Material
All swatch types in one plugin

Standalone Plugin

Works independently — no parent theme or framework required. Install on any WordPress site with WooCommerce and go.

Zero Code Required

Visual settings panel for swatch size, shape, spacing, borders, tooltips, and per-attribute configuration — all point-and-click.

PluginVariSwatch by DiviNext
CompatibilityDivi 5 + 4, WooCommerce, HPOS
Starting at$7/year · $63 lifetime
120,000+ DiviNext users 4.8 on Trustpilot Divi 5 Ready HPOS Compatible WC Blocks Ready
Conversion Impact

Why dropdowns hurt conversions

Default dropdowns hide options behind a click. Visual swatches make every choice instant, tappable, and obvious.

VS
Default Dropdown
Choose an option
Small
Medium
Large
X-Large
2+ clicks to see each option
Hidden choices slow decisions
VariSwatch
Color
Size
S
M
L
XL
Zero clicks to see all options
Every variation visible at a glance
3×
Faster product decisions
44px
Touch-friendly tap targets
+28%
Higher add-to-cart rate
−35%
Lower bounce rate
Display Types

Four ways to display WooCommerce variation swatches

Choose the perfect display style for your store's product variations — switch anytime with a single click.

Size
S M L XL 2XL
Color
01
Button Swatches
Clean, bold, and tappable — the default display with customizable shape, size, and spacing. Perfect for sizes, colors, and any visual attribute.
Customizable Touch-friendly Default
Color
Charcoal
Ocean Blue
Cherry Red
Forest Green
Violet
Material
Leather
Canvas
Tweed
Denim
Size
Small — 36"S
Medium — 38"M
Large — 40"L
X-Large — 42"XL
02
Radio Swatches
Color circles, image textures, and label swatches — all with hover tooltips showing detail. Single-select with full keyboard navigation.
Color Swatches Image Swatches Tooltips
Size
Medium
Material
Cotton Blend
Color
Midnight Black
03
Select Dropdown
Space-saving dropdowns for products with long attribute lists — clean, scannable, and compact. Great when screen real-estate matters.
Space-saving Scalable Long lists
Colors
Charcoal
Ocean Blue
Cherry Red
Forest Green
Amber
Patterns
Striped
Checkered
Satin Gold
Gradient
Add-ons
Gift Wrap — +$5Gift Wrap
Express — +$12Express
Insurance — +$3Insurance
Warranty — +$15Warranty
04
Checkbox Swatches
Multi-select colors, patterns, and add-ons — customers pick multiple options with checkmark overlays, tooltips, and dynamic pricing.
Multi-select Checkmark Overlay Tooltips
Works Everywhere

WooCommerce variation swatches that fit every page

From product detail to mobile checkout — swatches render beautifully everywhere your customers shop.

Product pages

Full swatch display with tooltips, image previews, and real-time variant switching.

Color
Black
Blue
Red
Green
Gold

Shop & archive pages

Compact swatches on product grids with smart alignment and label controls.

Classic Tee
$49
Hoodie
$79
Snapback
$29
Joggers
$69

Filter widgets

Visual sidebar filtering with clickable color and size swatches.

Filter by Color
Filter by Size
S M L XL

Mobile & tablet

Touch-optimized 44px tap targets with responsive swatch sizing.

Stock Control

Three ways to handle unavailable variants

Show customers exactly what's gone without breaking your store's layout or confusing shoppers.

Blur with Cross
Faded swatch with a clear cross overlay — customers instantly see it's out of stock.
Blur Only
Subtle fade-out keeps the swatch visible but clearly indicates unavailability.
Hide Completely
Remove out-of-stock swatches entirely for a cleaner, focused shopping experience.
SALE
Apparel
Classic Cotton Tee
4.0 (128 reviews)
$49.00
$65.00
Premium 100% organic cotton with a relaxed fit. Preshrunk fabric, reinforced stitching.
Select Color
3 in stock
2 unavailable
Click a mode on the left to see how out-of-stock variants are displayed to your customers.

Design WooCommerce variation swatches your way

Every visual detail of your WooCommerce variation swatches is configurable from one panel — no code, no child theme edits.

VariSwatch Settings
Swatch Shape
Swatch Size
40px
Active Border Color
Show Tooltip
Enabled
Show on Archive
Enabled

Live Preview

Color
Classic Comfort Tee
$49.00

Simple pricing for every store

Full feature transparency across every plan — pick what fits your store today, upgrade whenever you’re ready.

Features
1 Site
$7/year
Full features for one WooCommerce store.
Get VariSwatch
Best value
Unlimited Sites
$23/year
All features for unlimited WooCommerce stores.
Get Unlimited
Lifetime
$63 one-time
Unlimited sites with lifetime updates & support.
Get Lifetime
Color swatches
Label swatches
Image swatches
Radio / Select / Checkbox
Shop & archive pages
Filter widgets
Tooltip & image preview
Out-of-stock controls
Custom styling panelFullFullFull
Sites allowed1UnlimitedUnlimited
Updates & support1 year1 yearLifetime
Priority support
Future features included
1 Site
$9/year · Full features for one store
Color swatches
Label swatches
Image swatches
Radio / Select / Checkbox
Shop & archive pages
Filter widgets
Tooltip & image preview
Out-of-stock controls
Custom styling panelFull
Sites allowed1
Updates & support1 year
Priority support
Future features included
Get VariSwatch
Unlimited Sites Best value
$29/year · All features, unlimited stores
Color swatches
Label swatches
Image swatches
Radio / Select / Checkbox
Shop & archive pages
Filter widgets
Tooltip & image preview
Out-of-stock controls
Custom styling panelFull
Sites allowedUnlimited
Updates & support1 year
Priority support
Future features included
Get Unlimited
Lifetime
$79 one-time · Lifetime updates & support
Color swatches
Label swatches
Image swatches
Radio / Select / Checkbox
Shop & archive pages
Filter widgets
Tooltip & image preview
Out-of-stock controls
Custom styling panelFull
Sites allowedUnlimited
Updates & supportLifetime
Priority support
Future features included
Get Lifetime
WHAT DIVINEXT USERS SAY

Trusted by the team behind DiviNext

Feedback from developers who trust DiviNext, the team building VariSwatch.

Edvard Larsson
Clinton Friend
Sam Kee
Monika Es-salemy
Thank you very much
I am grateful to the Divi next support team who helped me to fix an issue in the Divi Essential plugin. They spent time on it and provided me a file with the issue corrected.Otherwise, the plugin was really useful to create a unique website for my customers.
Edvard Larsson
WooCommerce Store Owner

Great product with stellar support.
Great product but more importantly it is backed with an amazing support team. They were very prompt, friendly and sorted out the issue quickly.
Clinton Friend
eCommerce Business Owner

The gamechanger for Divi users
Divi Next has truly revolutionized our approach to website design with their product, Divi Essential. This tool has opened up new possibilities for us, allowing us to build websites that are not only more attractive but also interactive. Our design process has become simpler and much more enjoyable thanks to their innovative plugins and tools.
Sam Kee
Web Designer & Developer

Exceptional support and a simple solution to a "White Screen" mystery!port and a simple…
The support team was patient, professional, and helped me resolve it in minutes. If you ever see a white screen, check your Maintenance Mode settings first! Huge thanks to the team for getting me back on track. Highly recommended!
Monika Es-salemy
Digital Marketer

4.8 on Trustpilot — see all reviews →
MONEY BACK  30 DAYS  GUARANTEED
Not Satisfied? Get a Full Refund.

We guarantee 100% satisfaction with our support. If our plugin doesn't meet your needs, we'll refund your money within 30 days - no questions asked.

Regular Updates

Stay ahead with regular updates that ensure compatibility, performance, & access to new features. Keep your site running smooth & up-to-date.

24/7 Support

Get 24/7 support from our expert team. We're here to help you every step of the way, anytime you need assistance.

AMEX P P VISA
Pay Securely with Paddle

Secure & hassle-free payments processed through Paddle. Enjoy safe transactions with global support and multiple payment options.

Processed by Paddle

Frequently Asked Questions

Answers to what developers ask before buying VariSwatch. Our team replies to pre-sale questions within hours.

What is VariSwatch?
VariSwatch is a standalone WordPress plugin by DiviNext that replaces default dropdowns with WooCommerce variation swatches showing colors, images, and labels. It works with Divi 4, Divi 5, and any WordPress theme.
Does VariSwatch work with Divi 5?
Yes. VariSwatch is fully tested and verified with Divi 5's new architecture and ships as Divi 5 ready out of the box.
Is VariSwatch HPOS compatible?
Yes. VariSwatch is fully compatible with WooCommerce High-Performance Order Storage (HPOS) and WooCommerce Blocks.
Do I need coding skills to use VariSwatch?
No. VariSwatch is configured entirely through a visual settings panel. No CSS or PHP required.
Will VariSwatch slow down my WooCommerce store?
No. VariSwatch is lightweight, follows WordPress coding standards, and is optimized for performance.
Can I use VariSwatch on multiple websites?
Yes. The Agency and Lifetime plans both support unlimited sites. The Growth plan covers a single site.
What's the refund policy?
30-day money-back guarantee on all paid plans. No questions asked.
Who makes VariSwatch?
VariSwatch is developed by DiviNext, the product brand of Zone7 based in Business Bay, Dubai, UAE. DiviNext serves 120,000+ users with a 4.8-star rating on Trustpilot.

Transform your WooCommerce
product experience

Join thousands of store owners who've upgraded their variation swatches and seen measurable conversion lifts. Plans start at just $7/year.

Get VariSwatch View Documentation
Compatible with 50+ themes 30-day money-back guarantee Lightweight & fast loadingPriority support included Regular updates & new features Compatible with 50+ themes 30-day money-back guarantee Lightweight & fast loadingPriority support included Regular updates & new features