YaySwatches – Variation Swatches for WooCommerce
YaySwatches – Variation Swatches for WooCommerce
Description
Got plenty of website traffic but struggling with low add-to-cart and conversion rates?
It might be time to upgrade your product variation experience. Instead of using a boring dropdown, customers can visually select product attributes like colors, sizes, and styles.
✨ YaySwatches is here to do the magic!
YaySwatches brings your WooCommerce product variations to life:
- Enable color, image, and label swatches
- Zoom preview or enlarged image of swatch
- Display full color/attribute name on hover
- Shows additional info when hovering over a swatch
- Customers can select variations directly from the product listing (Pro version)
- Greyed-out or crossed swatches for out-of-stock items (Pro version)
- Dual-color swatches supported
👋 YaySwatches Works with Popular Page Buiders
- Gutenberg
- Elementor
- Kubio Page Builder
- SiteOrigin
- Beaver Builder
- Brizy Builder
- Divi
- Thrive Architect
- Bricks Builder
- Oxygen
- And many more
🚀 Works with Any WooCommerce Themes
- Brandy
- Blocksy
- GeneratePress
- OceanWP
- Storefront
- YITH themes
🌐 Multi-Language Plugins Supported
- WPML
- Polylang
⚡️ FEATURES
YaySwatches is a feature-packed WooCommerce variation swatches plugin with a modern and simplified user interface.
It combines WooCommerce global attributes and custom product attributes in a single dashboard.
Just visit YaySwatches options and settings, you will see all available product attributes and set the styles you like.
Color Swatches
Displaying the corresponding product image swatches based on colors.
Automated Variation Image Swatches
If your products come with different variant images, they will be shown automatically.
Customizable Swatch Bubbles
Plenty of design options, including swatch shape, size, border, color, spacing, and tooltip.
Customizable Swatch Button
You can tweak the variation button design to fit your website’s color profiles. Even better, you can display buttons for attributes like size, material, model, etc. right on the shop/category page.
Powerful Attribute Options
YaySwatches works with pre-existing attributes (free version) and also custom product attributes (premium version only).
Enhanced Shop Page & Catalogs (PRO)
Shop page, catalogs, and category pages are fully supported in YaySwatches Pro version. You can enable and set a limit to the number of swatch bubbles shown for each product on the shop page. This helps keep your product grid neat and tidy. Once the customer clicks on the rest of the swatch options, they can view the remaining swatches or jump to the product page.
Out-of-stock Variation Visibility (PRO)
Show or hide those variations that have been sold out on the product page, shop page, and categories page. You can choose a predesigned style for showing/hiding out-of-stock variants to fit your WooCommerce store.
Making Your Products Easy to Find
The ultimate goal of this plugin is to make browsing your products or services extremely easy!
QUICK & EASY SETUP
With YaySwatches – Variation Swatches for WooCommerce plugin, it takes a few minutes to set up all WooCommerce variation swatches.
It provides a more vivid appearance for your product attributes through color swatches, image swatches, automated variant image swatches, buttons, and radio buttons.
As a result, all of the items are displayed so that your customer can quickly get all the available product options you have to offer.
With YaySwatches, the customers can browse and buy your products with engagement!
To further enhance your ecommerce site, you can even send WooCommerce custom email per product, product variations, or product SKUs.
Find out more:
🔍 Want to see YayCommerce in action? View all YayCommerce plugin demos and explore the full suite of features.
Installation
Setup with Yay Swatches is easy and takes less than one minute.
- Upload the plugin zip file to WordPress Plugins menu.
- Activate the plugin through the ‘Plugins‘ menu in WordPress.
- Go to YayCommerce > YaySwatches to start configuring WooCommerce variation swatches.
Screenshots
Showcase WooCommerce product variations with image swatches
WooCommerce product page with variant image swatches and buttons
Color swatches, image swatches and dual-color swatches are supported in YaySwatches free version
Customize swatch appearances with shape, size, style, tooltip, and more
Customize and preview variation buttons
Hide or show out-of-stock variants in YaySwatches
Faq
Yes, it goes along well with all popular WooCommerce themes. In some cases, it may require additional tweaks to make it work seamlessly with your current theme.
This feature is available in YaySwatches Pro. You can go to WooCommerce admin > Products > Edit product and look for YaySwatches Settings, there you can find the current custom product attribute terms and design their variant selector types.
Please create a topic or contact us to get help.
Please provide screenshots of the active WooCommerce plugins on your site to expedite the troubleshooting process, as there may be a conflict with a third-party plugin.
Yes, YaySwatches is DSGVO- and GDPR-compliant. The plugin does not collect any sensitive personal data, so you can be confident that your customer information is safe and private.
Reviews
Good Support
By 
We've tried other variation plugins in the past and they have had conflicts with other plugins or slowed the website down. Yay Swatches is easy to use, the settings are clear and the support is good - they respond quickly, and resolve any issues quickly, without blaming other plugins and without the go-to response that other plugins give (ie do a conflict test, it's someone else's fault). It makes a welcome change compared to other plugins.
GREAT
By 
İ was planning to write my own code to solve my problem after trying a few variant swatch plugin because of they could not solve my problem. But thank to God i found this plugin, it solved my problem. Thank Devs...
Perfect Support and Resolve any problem
By 
Jack helped us solve the display problem we had in a few seconds. He is an incredible developer. Very thankful.
The most complete swatches plugin and super fast support!
By 
YaySwatches is the only plugin which offers easy and working automated image variation swatches. It works even while importing thousands of variations (paint business, nuance variations).
It shows variation options on shop, category and filter pages!
It is the only swatches plugin creator who thoughtfully replies to emails and resolves issues or custom solutions in a matter of hours!
I recommend the plugin for anyone who needs reliable variations and swatches for the variations.
The creators also publish several other highly functional and easy to use plugins - at affordable rates and with no bugs.
The small license price is definitely worth it - you will realize this if you ever try to communicate with other "popular or top" plugins for variation swatches.
Always go with YayCommerce!
Special thanks to Mia, Alina and the dev team for being awesome!
Sincerely,
Nikola
Works very well for us
By 
I think this plugin is underrated, so thumbs up. We tried most of the top rated swatch plugins, and though many are well made, there were always some issue, for instance conflict with the Back In Store Notifier that we like to use. Thanks!
Easy to Use and Great Support
By 
YaySwatches makes quick and easy work of adding item options to your WooCommerce store. Now instead of writing out the store item colors for a selection (example.. dark yellow), you can show the customer exactly what the item option looks like.
Additionally when I had a problem, they're support was also very helpful, which was a pleasant surprise as I am using the free version of their addon.
Perfect Variations Plugin for Woocommerce
By 
The plugin is very user-friendly and easy to set up. If you need to create variations for your products then this plugin will be the right choice for you. Also, the support team is very professional and responds quickly. They answered all my questions quickly and helped me a lot!
Easy to use!
By 
Best Swatch Plugin I've used
By 
Changelog
Oct 18, 2025 – Version 2.0.2
- Fixed: Reset color logic in Button tab & color picker
- Updated: Button Save Changes status
Oct 14, 2025 – Version 2.0.1
- Added: Variant tooltip image
- Added: Variant picture size
- Added: New swatch style
- Added: Checkmark selected option for swatches
- Added: Reset button color
- Added: Docs and Help button
- Improve: UI
- Fixed: Notice in WordPress admin
Sep 19, 2025 – Version 2.0.0
- Added: Swatches styles
- Added: Tooltip option for Variant name tooltip
- Added: Option to Show/Hide the Clear button
- Improved: Redesigned UI for better user experience
Jan 22, 2024 – Version 1.7.2
- Added: Filter hook to show/hide term name on variant
- Fixed: YaySwatches Settings not working
- Fixed: Error white screen in YaySwatches menu
- Fixed: Compatible with GTranslate plugin
Nov 2, 2023 – Version 1.7.1
- Fixed: PHP warning
- Removed: License submenu
Oct 19, 2023 – Version 1.7
- Added: Filter yay_swatches_show_all_pages hooks to display YaySwatches on any pages (PRO)
- Added: [yay-swatches-variant-html] shortcode to show YaySwatches by Product (PRO)
- Added: [yay-swatches-variant-loop] shortcode to show YaySwatches in Products Loop (PRO)
- Refactor: Folders, Files, Codes
- Fixed: Compatible with Blocksy theme (PRO)
- Fixed: PHP warning
- Fixed: Compatible WooCommerce Composite Products plugin
- Fixed: Compatible with WooCommerce Product Bundles plugin
- Fixed: Product details page Default value is not showing
- Fixed: Compatible with JetWooBuilder For Elementor plugin (PRO)
- Fixed: Compatible with JetEngine For Elementor plugin (PRO)
- Fixed: Compatible with WooCommerce Products Block Gutenberg (Products by Category, Products by Attribute, Products by Tag, Products elements,…) (PRO)
Jun 18, 2023 – Version 1.6.5
- Added: Compatible with WooCommerce HPOS
- Fixed: PHP 8.0 notice
- Fixed: Compatible with WC 7.8.0
May 17, 2023 – Version 1.6.4
- Added: YayCommerce Menu
Mar 3, 2023 – Version 1.6.3
- Added: Compatible with WooCommerce Product Bundles plugin
- Fixed: Swatch Image not working (PRO)
- Fixed: Setting Shop / Categories Customizer option not working (PRO)
- Compatible with WooCommerce version 7.4.0
Jan 11, 2023 – Version 1.6.2
- Fixed: Out of Stock variations not show
- Fixed: Save not work
- Fixed: Color or custom image change not work
- Improved: Clean code
- Supported WC: Version 7.2.0
Aug 25, 2022 – Version 1.6.1
- Fixed: Set Default Value in product page issue
- Fixed: Tooltip
Aug 23, 2022 – Version 1.6
- Fixed: PHPCS
Aug 18, 2022 – Version 1.5
- Added: Display alert with variant swatches not exists
- Fixed: Hide out-of-stock variants option not working correctly
- Fixed: Limit the number of swatches/buttons option working not correctly
Aug 12, 2022 – Version 1.4
- Improved: Swatches loading
Aug 11, 2022 – Version 1.3.1
- Added: Not clicked with type is button, default, variant image (only click term with type is color) in YaySwatches Settings tab
Aug 9, 2022 – Version 1.3
- Fixed: Save change in Button Customizer
- Fixed: Save change when having more than 5 attributes
- Fixed: Sold out option in Single product page
- Improved: Code
Jul 15, 2022 – Version 1.2
- Fixed: Validation form in admin
- Fixed: Some bugs
1.1
- Improved: Swatches on catalog page
- Improved: Out of stock
- Fixed: Some bugs
Jul 6, 2022 – Version 1.0
- Initial Release