Spring Deals show color image and label swatches with

Try It Now

Spring Deals show color image and label swatches with

Try It Now
Select Page
New · Divi 5 Compatible

Turn every variant
into areason to buy.

VariSwatch replaces WooCommerce dropdowns with visual swatches — color, image, and label. Shoppers see every option at a glance. Stores convert more variants.

Get VariSwatch — from $7 See it live
120,000+ DiviNext users · 4.8 on Trustpilot · 30-day money-back guarantee
🔒 variswatch.com/product/puma-fast-furious-rsx
Live
PUMA Fast & Furious RS-X — side profile Side
PUMA Fast & Furious RS-X — top view Top
PUMA Fast & Furious RS-X — detail Detail
PUMA Fast & Furious RS-X — full pair Pair
HOME / SNEAKERS / PUMA RS-X

PUMA Fast & Furious RS-X

★★★★★ 4.8 · 2,418 reviews
$119.00
Color *
Choose an option ▾
↓ watch what VariSwatch does
Color: Sunset Orange
Bone White Sunset Orange Molten Red Jet Black
Size: US 10
8 9 10 11
✓ Added to cart
Tooltip on hover
Live image preview
The problem

What dropdowns
actually cost you.

Dropdowns weren't designed for choice, they were designed to save space. In 2026 that tradeoff quietly ships as a revenue leak. Here's where it goes.

67%
of carts abandoned
on mobile
2.6×
uplift when variants
are visible
0.4s
extra per attribute
on a dropdown
Discovery 01
With dropdown
Choose an option
× 1 click, then read
With VariSwatch
Sage
✓ 0 clicks, visible

A hidden option is a skipped option.

Every color behind a dropdown is a color your customer doesn't know exists until they click.

Mobile UX 02
Dropdown hit area
28px
Swatch hit area
44px
Apple HIG minimum: 44pt · WCAG 2.2: 24px

Mobile dropdowns fight the thumb.

Small targets, native pickers, scrolled lists. Friction desktop buyers never see.

Conversion 03
Last 24h
1,248 sessions
Revenue lost
to hesitation
$0
Viewed product 100%
Opened dropdown 68%
−32%
Picked a variant 41%
−27%
Abandoned cart 59%
Baymard 2024 · based on 1,248 checkouts with dropdown variants

Uncertainty kills checkouts.

Buyers who can't preview their variant hesitate. Hesitation is abandonment in slow motion.

See the fix
Meet VariSwatch

The friendliest way to
give WooCommerce
superpowers.

One plugin. Every variation, visible. No code required.

Installs in under 60s
Replaces every dropdown
variswatch.com/product/atlas-tee
Store product shot
Visual picker
Home / Shirts / Atlas Tee
★★★★★ 128 reviews
$48.00
Color
Choose an option
Sage
Size
Choose an option
XS S M L XL
In stock
Visual colors
Tap targets
Image preview
01 60 seconds

Install the plugin

One click from WordPress.org or upload the .zip. No dependencies, no configuration wizard.

VariSwatch
by DiviNext · 1.2 MB
Install Installing… Active
02 Visual panel

Pick your style

Set swatch shape, size, borders, labels, tooltips. No CSS. No PHP. No child theme.

Shape
Tooltip
Size
03 Live instantly

Shoppers see swatches

Product pages, shop archive, filter widget — every dropdown is replaced the moment you save.

Color
120K+
Stores powered by DiviNext
★★★★★ 4.8
on Trustpilot · 2,400 reviews
2.6×
Avg. conversion uplift on variable products
8 yrs
Building WooCommerce plugins since 2018
Made by
DiviNextZone7 · Dubai, UAE
Works with
Divi 5, Divi 4 & any WordPress themeHPOS · WC Blocks · Gutenberg
Starts at
$7/yearor $63 once for Lifetime
Pick your style

Four styles one click to switch.

Same swatch engine. Four ways to render. Pick the layout that fits your store — your shoppers see the polish instantly, no re-theming required.

In stock
Sage #7A8471
Shirts / Unisex · SKU ATL-24

Atlas Tee.

★★★★★ 4.8 · 1,284 reviews
$48 $64 In stock
Color Sage
Midnight1F2937
BoneF5F1E8
Sage7A8471
ClayC44C3B
ButterE8D547
Pick your surface

Swatches where shoppers already are.

Product page, shop archive, filter widget — one system, consistent everywhere.

Product page

Full swatch display with tooltips, image previews on hover, and configurable labels. The surface customers spend the most time on gets the richest treatment.

    Out-of-stock handling

    Sold out, without breaking the layout.

    Three ways to handle unavailable variants. Choose the one that fits your store.

    PUMA orange performance sneaker product shot

    Blur with cross

    Faded swatch with an X overlay. Clear signal, still visible.

    Grey cable-knit cardigan product shot

    Blur

    Soft fade that signals unavailability without drama.

    Orange wireless earbuds with charging case product shot

    Hide

    Removed from view entirely.

    Customization

    Every pixel is yours.

    Style your swatches from one panel. No CSS. No PHP.

    Sizing & shape

    Separate width and height for product and shop pages. Border radius from square to fully rounded. Round or square swatch shapes.

    Border radius 36px

    Tooltips with preview

    Background, font color, position, and optional image preview on hover.

    Midnight Navy

    Color states

    Default, active, disabled. Attribute-based color picker included.

    Labels

    Stacked, inline, or hidden.

    Navy
    Crimson

    Shop behavior

    Alignment, truncation, reselect.

    Filter widget

    Visual sidebar filtering.

    Color
    Size
    S M L

    RTL & multisite

    Right-to-left and multisite ready.

    LTR
    ⇄
    RTL
    Compatibility

    Works with your stack.

    Built to slot into modern WooCommerce without hacks or hidden dependencies.

    Supported

    Divi 5

    Native integration with themes, modules, and the visual builder.

    v5.0+
    Supported

    WooCommerce

    Works with every product variation attribute type out of the box.

    v8.0+
    Supported

    HPOS

    High-Performance Order Storage fully supported — no legacy fallbacks.

    Native
    Supported

    Gutenberg

    Block-editor friendly — use swatches in Woo blocks and patterns.

    WP 6.4+
    Supported

    Multisite

    One license, network-wide activation and per-site configuration.

    Network
    Supported

    RTL layouts

    Right-to-left handled natively — no custom CSS overrides required.

    Auto
    Loved by storefronts

    Real stores. Real results.

    From boutique shops to seven-figure WooCommerce stores — one swatch plugin, every variation type.

    4.8 Trustpilot
    500+ Active stores
    34% Avg. add-to-cart lift
    Excellent product. I used it for Divi 4 and Divi 5. And the support is perfect. So quick response and help.
    Edvard Larsson Foundery
    Verified
    I was looking for a Plugin for product Filter and they have a good one, happy with the purchase !
    Maria Fernanda Cortés Lead Developer
    Verified
    This is an amazing product with fantastic support! I use their plugins and layouts on most of the DIVI websites I create for my clients. I highly recommend it!
    Karyn King Owner
    Verified
    Pricing

    Four ways to start.

    Start free, or jump to Lifetime and be done.

    Growth
    $7/yr

    1 site. All core customization and tooltip preview.

    Choose Growth
    Agency
    $23/yr

    Unlimited client sites with priority support.

    Choose Agency
    Lifetime
    $63once

    Pay once. Unlimited sites. All future features forever.

    Buy Lifetime
    Core
    Sites
    Starter1
    Growth1
    AgencyUnlimited
    LifetimeUnlimited
    Color, image & label swatches
    Starter
    Growth
    Agency
    Lifetime
    Button, radio, select & checkbox
    Starter
    Growth
    Agency
    Lifetime
    Product page swatches
    Starter
    Growth
    Agency
    Lifetime
    Out-of-stock handling
    Starter
    Growth
    Agency
    Lifetime
    Divi 5, HPOS & WC Blocks ready
    Starter
    Growth
    Agency
    Lifetime
    Pro
    Shop & archive swatches
    Starter
    Growth
    Agency
    Lifetime
    Full sizing & border customization
    Starter
    Growth
    Agency
    Lifetime
    Tooltip & image preview
    Starter
    Growth
    Agency
    Lifetime
    Catalog mode, filter widget & separator
    Starter
    Growth
    Agency
    Lifetime
    Agency & Lifetime
    Unlimited client sites
    Starter
    Growth
    Agency
    Lifetime
    Priority support
    Starter
    Growth
    Agency
    Lifetime
    Early access to new features
    Starter
    Growth
    Agency
    Lifetime
    All future features
    Starter
    Growth
    Agency
    Lifetime
    Lifetime only
    Lifetime updates
    Starter
    Growth
    Agency
    Lifetime
    Lifetime VIP support
    Starter
    Growth
    Agency
    Lifetime
    Pay once, no renewals
    Starter
    Growth
    Agency
    Lifetime
    30-day money-back guarantee on every paid plan. Cancel anytime on annual plans. Paddle is the merchant of record.
    DiviNext All Access Pass

    One membership.
    Every plugin we make.

    Unlock VariSwatch and every DiviNext product — plus everything we ship next — with a single key.

    17+
    Premium plugins
    125+
    Divi 5 modules
    900+
    Section layouts
    ∞
    Future releases
    Explore the All Access Pass See what's included
    FAQ

    Frequently Asked Questions

    ProductWhat is the VariSwatch variation swatches plugin?
    VariSwatch is a standalone WordPress plugin that replaces default WooCommerce dropdowns with visual color, image, and label swatches. It works on product pages, shop archives, and filter widgets.
    CompatibilityHow many display types does the variation swatches plugin support?
    Four — Button, Radio, Select, and Checkbox. You can switch between them globally from the General Settings panel.
    CompatibilityCan I use different swatch sizes on product pages and shop pages?
    Yes. The variation swatches plugin lets you set independent width and height values for product pages and shop/archive pages.
    PricingDoes the variation swatches plugin work with Divi 5?
    Yes. VariSwatch is fully tested and verified with Divi 5's new architecture and ships as Divi 5 ready.
    ProductDIs the variation swatches plugin HPOS compatible?
    Yes. VariSwatch is fully compatible with WooCommerce High-Performance Order Storage and WooCommerce Blocks.
    ProductCan I customize the out-of-stock appearance?
    Yes. Choose from three modes — Blur with cross, Blur, or Hide — and customize the cross color and disabled state from the General Settings panel.
    PricingDo I need coding skills?
    No. Every feature in the variation swatches plugin is configured through a visual settings panel. No CSS or PHP required.
    SupportWill it slow down my store?
    No. VariSwatch is lightweight, follows WordPress coding standards, and is optimized for performance.
    Ready when you are

    See every option.
    Sell every variant.

    Swap WooCommerce dropdowns for real swatches today. Works on Divi 5, Divi 4, and any WordPress theme.

    Get VariSwatch From $7 See live demo
    30-day money-back 120,000+ users 4.8 on Trustpilot
    Live preview This is VariSwatch. Try it.
    Everyday Crew
    Midnight
    Featured tee
    Everyday Crew
    $38 $44
    Color Midnight
    Size M