This is an info Alert.
xpay
  • Product
    • Become Agent-Ready
      • Merchants
        Agentic Commerce — list your store across ChatGPT, Gemini, Claude & Perplexity
      • Publishers
        Monetize your content when AI agents read, cite, or train on it
      • SaaS Companies
        Treat AI agents as first-class customers with agent-priced checkout
    • Monetize
      • Monetize MCP Server
        Charge per call on any MCP server in 2 minutes
      • Monetize AI Agents
        Turn n8n, Zapier, Activepieces workflows into revenue
  • Resources
    • xpay Ecosystem
      • xpay✦ Tools
        1,000+ pay-per-use tools for your AI agents
      • Agent-Ready SaaS Index
        25,481 SaaS scored on agent-buyability
      • SaaS Pricing Database
        Pricing pages indexed across 1,000+ categories
      • Shopify Apps Directory
        Every Shopify app, with its full review history
      • WooCommerce Plugins Directory
        Every WooCommerce plugin, scored on how well it is maintained
      • GitHub
        Open source repositories
    • Agent Building
      • Agent Frameworks
        AI frameworks for building multi-agent systems
      • x402 Integration
        AI frameworks with x402 payment integration
      • Networks
        Blockchain networks supporting x402
    • Company
      • About xpay✦
        Our mission, products, and protocols
      • Blog
        Latest insights and updates
      • Docs
        Complete xpay documentation
  • Pricing
  • Blog
  • Docs
Get Started

  1. xpay✦ Commerce

  3. Directory

  5. WooCommerce plugins

  7. Smart Variation Swatches for WooCommerce – Color & Image Attribute Swatches

Smart Variation Swatches for WooCommerce – Color & Image Attribute Swatches

Variation swatches for WooCommerce that turn dropdowns into color, image, and label swatches. Easy WooCommerce color attribute and image attribute set …

3K+ active installs
3.2
(13 ratings)
Free on WordPress.org
View on WordPress.orgSupport forum
Will this break my store?

What the WordPress.org registry says about keeping Smart Variation Swatches for WooCommerce – Color & Image Attribute Swatches running.

WordPress compatibility
Tested to 7.2
Tested against the WordPress branch in use today.
Last updated
2 months ago
At least 0.2 releases a year since launch. WordPress.org only lists versions still available for download, so the real number may be higher.
Requires PHP
7.4
Your host must be running at least this version.
Requires WordPress
6.0
Contributors
1
A single maintainer. Worth knowing if the plugin is load-bearing for your store.
3K+ active installsWordPress.org reports installs in bands, not exact counts.
Maintenance & trust

Scored on how Smart Variation Swatches for WooCommerce – Color & Image Attribute Swatches is looked after — not on how many stores run it.

89

out of 100
Well maintainedSome ratings or support history.
Maintenance
35 / 35
Updated 3 days ago.
WordPress compatibility
20 / 20
Tested to WP 7.2 (current).
Support responsiveness
Not enough data
Only 0 support thread(s) — not enough to judge.
Merchant satisfaction
6 / 15
3.2/5 across 13 rating(s).
Listing transparency
10 / 10
Provides: screenshots, description, homepage
1 of 5 measures had too little evidence to score. They are left out of the total rather than counted as zero — otherwise a plugin would be marked down for being small rather than for being poorly kept.Measured 2026-09-16 from the WordPress.org plugin registry.
Ratings

3.2

13 ratings
5★7
4★0
3★0
2★1
1★5
Every rating WordPress.org holds for this plugin, not a sample. Written reviews live in the plugin's WordPress.org reviews forum.

Variation swatches for WooCommerce replace plain attribute dropdowns with clear, clickable WooCommerce swatches. Shoppers can pick colors and images at a glance instead of reading long select lists—better UX and fewer abandoned carts.

This free WooCommerce swatches plugin focuses on the attributes stores use most: WooCommerce color attribute swatches and image attribute swatches, plus text button/label options for sizes and materials.

Why use variation swatches for WooCommerce?

Standard variable products force customers to open a dropdown for every option. With variation swatches for WooCommerce, each option becomes a visual chip:

  • Color – Hex-based circles or squares for a true WooCommerce color attribute
  • Image – Thumbnails for patterns, fabrics, or styles (image attribute)
  • Button / Label – Short text chips for size, material, or pack type
  • Select – Native dropdown when a list is still the best fit

Whether you sell apparel, cosmetics, furniture, or electronics, WooCommerce swatches make variable products easier to understand and faster to buy.

WooCommerce color attribute

Set any global attribute type to Color under Products → Attributes. Then assign a color to each term (e.g. Red, Navy, Olive). On the product page, the WooCommerce color attribute appears as color swatches instead of a dropdown. Global settings apply store-wide so you configure once and reuse everywhere.

Image attribute

For prints, finishes, or product photos, use the image attribute type. Upload a small image per term; customers see visual WooCommerce swatches that match the real product. Ideal for wallpapers, fabrics, phone cases, and similar catalogs.

Free features at a glance

  • Variation swatches for WooCommerce – Color, Image, Button/Label, Select
  • Global attribute types for WooCommerce color attribute and image attribute
  • Modern admin: Dashboard, guided Settings, Help
  • Style controls: shape, size, gap, borders, button colors
  • Tooltips, out-of-stock display styles, hide original dropdown
  • Shop / archive swatches (basic)
  • Custom Swatches product tab with global-first logic
  • Filter widget (classic and block widget editor)
  • Compatible with latest WordPress and WooCommerce, including HPOS and Cart/Checkout Blocks

How to get started

  1. Install and activate Smart Variation Swatches for WooCommerce.
  2. Open Variation Swatches → Dashboard for a quick overview.
  3. Go to Products → Attributes and set Type to Color, Image, or Button/Label.
  4. Edit terms and set colors or upload images for your WooCommerce color attribute / image attribute.
  5. Add the attribute to variable products and create variations.
  6. Optionally fine-tune Style and Tooltip under Variation Swatches → Settings.

Documentation: Smart Variation Swatches docs

Who is this for?

Store owners who want variation swatches for WooCommerce without complexity: fashion and apparel (color + size), home and décor (image attribute for patterns), beauty (shade WooCommerce color attribute), and any shop with variable products that benefit from visual WooCommerce swatches.

Pro highlights

  • Radio & Checkbox attribute types – Form-style choices when chips are not ideal.
  • Advanced archive options – Fuller control of where and how WooCommerce swatches appear on shop and category pages.
  • Enhanced filter widget – Filter the catalog by color, image, and other attributes with richer swatch UI in sidebars and widget areas.
  • Priority support – Faster help when you need it.
  • Single attribute swatches and multi-attribute setups with Pro-level overrides and flexibility.

Upgrade: Smart Variation Swatches for WooCommerce Pro

Video Documentation:

How to create Variation Swatches For Custom Attribute :

Theme Compatibility
Smart Variation Swatches for WooCommerce works with most WooCommerce-ready themes, including Hello Elementor, OceanWP, Hestia, Joyas Shop, Storefront, XStore, eMart, Shoper, Kadence, Avada, The9 Store, Prime Shopping Cart and Divi. Because some themes use custom variation templates, light CSS or template tweaks may be needed for a perfect match. In typical setups, color, image, and label swatches display correctly without extra work.

What are variation swatches for WooCommerce?

Variation swatches for WooCommerce are visual alternatives to attribute dropdowns—color dots, images, or text buttons—so customers select variations without using a select menu.

How do I create a WooCommerce color attribute?

Go to Products → Attributes, add or edit an attribute, set Type to Color, then under Configure terms assign a color to each term. That WooCommerce color attribute will show as color WooCommerce swatches on variable products.

How do I use an image attribute?

Set the attribute Type to Image, then upload an image for each term. The image attribute displays as image WooCommerce swatches on the product page.

Will this work with my theme?

Yes. The plugin works with most WooCommerce-ready themes (Storefront, Astra, OceanWP, Kadence, Hello Elementor, and others). Some highly customized templates may need light CSS.

Is it compatible with the latest WooCommerce?

Yes. It supports current WordPress and WooCommerce releases, including High-Performance Order Storage (HPOS) and Cart/Checkout Blocks.

Free vs Pro – which should I choose?

Use Free for Color, Image, Button/Label, and Select variation swatches for WooCommerce. Choose Pro for Radio & Checkbox attribute types, advanced archive options, an enhanced filter widget (filter by color, image, and other attributes), priority support, and richer single-attribute and multi-attribute workflows.

Plugin details
Version2.0.1
Last updated2026-09-13 5:15pm GMT
Added2017-11-06
Requires WordPress6.0
Tested up to7.2
Requires PHP7.4
Tags on WordPress.org
color swatches
image attribute
variation swatches for woocommerce
woocommerce color attribute
woocommerce swatches
xpay

The agent-readiness stack for the AI shopping era — helping merchants, publishers and SaaS companies get discovered, cited and transacted with by ChatGPT, Perplexity, Claude, Gemini and the custom shopping agents underneath them.

CompanyAgentically Inc. (d/b/a xpay✦)1875 Mission St, Ste 103San Francisco, CA 94103, United Stateslegal@xpay.sh · privacy@xpay.sh
or ask your AI app
Company
About xpayAgency PartnersGitHubDiscordllms.txt
DevelopersDocumentationAPI ReferenceSDKs & LibrariesQuickstart GuideOpenAPI Spec
Stay Updated
Occasional product updates and agent-readiness playbooks from xpay (Agentically Inc.) — typically a couple of emails a month. Double opt-in: we email you a link to confirm before sending anything, and every email has one-click unsubscribe.
Social
  • For Publishers
    • News
    • Finance
    • Dev / Tech
    • Travel
    • View all verticals
  • Agent-Ready Index
    • SaaS Pricing Database
    • Agent-Ready SaaS Index
    • Verified band
    • AI & ML
    • Sales & CRM
  • Products
    • Pricing Widget
    • Monetize MCP Server
    • Paywall
    • Smart Proxy
    • Monetize AI Agents
    • xpay x402 Facilitator
  • Agentic Economy
    • Timeline
    • Resources
    • Manifesto
    • Stack
  • Agentic Commerce
    • Get listed
    • ChatGPT Ads
    • How ChatGPT Ads work
    • ChatGPT Ads · Apparel
    • ChatGPT Ads · Health & Beauty
    • xpay Listings · Amazon + Google
    • Pricing
    • Free audit
    • Shopify
    • WooCommerce
    • Apparel & Accessories
    • Health & Beauty
    • Overview
  • Commerce Index
    • Shopify apps directory
    • Agentic Commerce Ready Index
    • Methodology
    • Pet brands · WooCommerce
    • Pet brands · Shopify
  • Marketplace
    • 🛍️ xpay.deals — agentic storefront for deals
  • Protocols
    • Overview
    • x402
    • MPP
    • UCP
    • ACP
    • AP2
    • TAP
    • A2A
  • Agent Frameworks
    • Overview
    • LangChain
    • CrewAI
    • Claude MCP
    • AutoGPT
    • LangChain vs Mastra
    • LangGraph vs Pydantic AI
  • Company
    • About xpay
    • Blog
    • Docs
    • GitHub
  • Free prompts
    • Ecommerce prompts
    • Email marketing prompts
    • Product description prompts
    • Facebook ad prompts
    • Skincare prompts
    • Supplement prompts
    • Wine prompts
    • Electronics prompts
© 2025 Agentically Inc. All rights reserved.
Privacy PolicyTerms of UseAcceptable Use Policy