Swatchly is the ultimate WooCommerce variation swatches plugin that replaces boring dropdown menus with beautiful, clickable swatches. Show product variations as colors, images, or labels to help customers make faster purchase decisions and improve your store’s user experience. Stop losing sales to
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 5.9 and PHP 7.4.
SourceWordPress plugins · Oct 22, 2026
01 / Source details
Aboutthistool.
Swatchly is the ultimate WooCommerce variation swatches plugin that replaces boring dropdown menus with beautiful, clickable swatches. Show product variations as colors, images, or labels to help customers make faster purchase decisions and improve your store’s user experience.
Stop losing sales to confusing dropdown menus. Swatchly transforms your WooCommerce product variations into intuitive visual swatches that customers can instantly understand and interact with.
See Swatchly in action:
📌 Important Links
🔗 Live Demo | 📖 Documentation | 🚀 Pro Version | 💬 Support
📹 Video Tutorial
Learn how to install and configure Swatchly in minutes:
🎯 Why Choose Swatchly?
✅ Increase Conversions by 30% – Visual swatches help customers make decisions 73% faster , leading to significantly higher conversion rates
✅ Reduce Cart Abandonment by 25% – Clear product options decrease confusion and lower abandonment
✅ Better Mobile Experience – Touch-optimized swatches work perfectly on all devices
✅ No Coding Required – Simple, intuitive interface that anyone can use
✅ Universal Compatibility – Works with virtually all WordPress themes and WooCommerce extensions
✅ Regular Updates – Maintained for latest WordPress and WooCommerce versions
🎨 Core Features (Free Version)
Swatch Types:
✅ Color Swatches – Display color variations with visual color chips
✅ Image Swatches – Show product variations with thumbnail images
✅ Label/Button Swatches – Text-based swatches for sizes, materials, and more
✅ Multi-Color Swatches – Create swatches with multiple color combinations
✅ Auto-Convert Dropdowns – Automatically convert WooCommerce dropdowns to swatches
🔥 Lifetime Usage Rights – Use forever, even after support period
🎯 View All Pro Features & Pricing
🏆 Perfect For Every Industry
Fashion & Apparel Stores Show color and size variations clearly to reduce returns and increase customer satisfaction. Ideal for clothing with multiple patterns and materials.
Furniture & Home Decor Display material textures and finish options to help customers visualize products. Perfect for customizable furniture.
Electronics & Tech Stores Make technical specifications easy with visual selection for storage, colors, and configurations. Simplify complex product variations.
Craft & Art Supplies Display extensive color palettes, material types, and size variations intuitively for creative customers.
Any Variable Product Store Improve user experience across all industries with products that have multiple variations.
⚡ Performance & Compatibility
✅ Lightweight and optimized for speed
✅ Minimal impact on page load times
✅ Follows WordPress coding standards
✅ Regular updates for WordPress & WooCommerce compatibility
✅ Accessibility improvements for screen readers
⭐ What Store Owners Say
“Simple and effective. Just what I wanted!” “I was looking for a simple to use plugin that did the job it said it would do and that’s exactly what I found with the Swatchly plugin. I had a small issue and contacted support. I received immediate help and they resolved my issue quickly. Super great customer service and support. I highly recommend this plugin!!” – dorikkd ⭐⭐⭐⭐⭐
“Good and quick support” “I had some issues with WooCommerce Bundle and this plugin, but I wrote to the support team and they quickly fixed it. Great support and plugin!” – Mikkelaveo ⭐⭐⭐⭐⭐
“It works fine, and if not they solve it!” “It works fine with elementor. It is easy to use and customize. One day it stops working because an Elementor update. But it only takes few hours to them to solve the problem. Good choice for your web.” – Brandhip ⭐⭐⭐⭐⭐
Join 6,000+ active WooCommerce stores using Swatchly to enhance their product pages and boost conversions.
📚 Documentation & Support
📖 Complete Documentation
🎥 Video Tutorial Playlist
💬 Support Forum
🚀 Premium Support
🔒 Privacy Policy
Swatchly does not collect or store any personal data from your customers. The plugin may collect non-sensitive diagnostic data to improve performance and compatibility only if you opt in through the admin settings.
See it in action
Screenshots & previews.
Dramatic before/after comparison showing visual swatches replacing traditional dropdownsBeautiful product page displaying Color, Size, Label, and Image swatches togetherShop and archive pages showing swatches for quick product selectionColor swatches with visual preview - perfect for apparel, accessories, and moreImage swatches displaying product variations with thumbnail previewsLabel swatches for product types, styles, and non-visual attribute optionsInteractive tooltips displaying additional product information on hoverFlexible swatch shape options - customize with Square, Rounded, or Circle stylesEasy-to-use settings dashboard with all plugin options in one placeProduct attribute configuration showing swatch types, images, and tooltip settingsDesign customization panel for full control over swatch appearanceTooltip settings page with options for width, colors, borders, and spacingImport/export settings for easy backup and site migration
02 / Source details
Gettingstarted.
🚀 Automatic Installation (Recommended)
01Go to your WordPress Dashboard → Plugins → Add New
02Search for “Swatchly”
03Click “Install Now” and then “Activate”
04Navigate to Dashboard → Swatchly to configure settings
📦 Manual Installation
05Download the plugin zip file
06Go to WordPress Dashboard → Plugins → Add New → Upload Plugin
07Choose the downloaded zip file and click “Install Now”
08Click “Activate” to enable the plugin
09Navigate to Dashboard → Swatchly to configure settings
⚙️ After Installation
10Ensure WooCommerce is installed and activated
11Go to Swatchly settings ( Dashboard → Swatchly )
12Configure global settings for product pages and shop pages
13Create or edit product attributes ( Products → Attributes )
14Assign swatch types (color, image, or label) to each attribute value
15Apply the attribute to your variable products
16Swatches will automatically appear on your product pages
📖 Quick Start Guide
Step 1: Navigate to Products → Attributes in your WordPress dashboard Step 2: Create or edit an attribute (e.g., “Color” or “Size”) Step 3: Add attribute terms and assign swatch types (color, image, or label) Step 4: Apply the attribute to your variable products Step 5: Configure swatch appearance in Swatchly settings
📹 Watch Video Tutorial 📖 View Complete Setup Guide
03 / Source details
Frequently asked questions.
Will Swatchly work with my theme?
Yes! Swatchly is designed to work with virtually all WordPress themes that support WooCommerce. Our flexible design options ensure seamless integration. If you encounter any compatibility issues, our support team is ready to help.
Do I need coding skills to use Swatchly?
Not at all! Swatchly features an intuitive admin interface that makes setup and customization simple for everyone. No coding knowledge is required for any features.
Will this slow down my website?
No. Swatchly is optimized for performance with minimal impact on load times. The plugin uses lightweight code, follows WordPress best practices, and loads assets only where needed.
Can I customize how swatches look?
Absolutely! You can customize shapes (square, rounded, circle), sizes, colors, borders, spacing, and add tooltips. Swatchly offers extensive styling options to match your brand perfectly.
Does Swatchly work on mobile devices?
Yes! Swatchly is fully responsive and mobile-optimized with touch-friendly targets that work perfectly on smartphones and tablets.
Can I show swatches on shop/category pages?
Yes! Swatchly supports displaying swatches on both individual product pages and shop/archive pages. You can control positioning and behavior for each page type separately.
Is Swatchly compatible with the latest WooCommerce version?
Yes! We regularly update Swatchly to ensure full compatibility with the latest versions of WordPress and WooCommerce. Check our changelog for the most recent compatibility information.
Can I use different swatch types for different attributes?
Yes! You can assign different swatch types (color, image, label) to each attribute independently. For example, use color swatches for colors and label swatches for sizes.
Does Swatchly support multi-color swatches?
Yes! You can create swatches that display multiple colors, perfect for products with multi-colored variations.
What’s the difference between free and pro versions?
The free version includes all essential features: color, image, and label swatches, tooltips, shop page support, and extensive customization options.
The Pro version adds: radio button swatches, catalog mode (B2B), out-of-stock hiding, Ajax add to cart, swatch limits, custom cart text, featured attributes, auto-convert image swatches, and priority support.
Compare Free vs Pro Features
Can I hide out-of-stock variations?
Yes! This feature is available in the Pro version. You can automatically hide unavailable variations to prevent customer confusion.
Does Swatchly work with Quick View plugins?
Yes! Swatchly is compatible with 15+ popular quick view plugins including ShopLentor, YITH Quick View, WPC Smart Quick View, QuickSwish, Addonify, Merchant, and more.
Can I import/export my settings?
Yes! Swatchly includes import/export functionality for global settings, making it easy to backup configurations or transfer settings between sites.
Is Swatchly translation-ready?
Yes! Swatchly is fully translation-ready and includes a POT file. It’s compatible with WPML and other translation plugins for multilingual stores.
Can I use Swatchly on multiple websites?
The free version can be used on unlimited sites. For the Pro version , we offer different license options: * Single Site License (1 website) * Multi-Site License (5 websites) * Agency License (unlimited websites)
View Pricing Plans
How do I get support?
For the free version , use the WordPress.org support forum .
Pro users Visit our website for detailed documentation and video tutorials.
Does Swatchly support shortcodes?
Yes! Use the [swatchly_pl_swatches] shortcode to display swatches anywhere on your site, including custom positions and page builders.
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
