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$9/year · $79 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
SMLXL2XL
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.
CustomizableTouch-friendlyDefault
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 SwatchesImage SwatchesTooltips
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-savingScalableLong 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-selectCheckmark OverlayTooltips
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
SMLXL
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.
Feedback from developers who trust DiviNext, the team building VariSwatch.
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.
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.
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.
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!
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.
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 $9/year.
Compatible with 50+ themes30-day money-back guaranteeLightweight & fast loadingPriority support includedRegular updates & new featuresCompatible with 50+ themes30-day money-back guaranteeLightweight & fast loadingPriority support includedRegular updates & new features
