Title: YaySwatches – Variation Swatches for WooCommerce Author: YayCommerce Published: 15 กรกฎาคม 2022 Last modified: 18 พฤษภาคม 2026 --- Search plugins ![](https://ps.w.org/yayswatches/assets/banner-772x250.png?rev=2846656) ![](https://ps.w.org/yayswatches/assets/icon-256x256.png?rev=3056591) # YaySwatches – Variation Swatches for WooCommerce By [YayCommerce](https://profiles.wordpress.org/yaycommerce/) [Download](https://downloads.wordpress.org/plugin/yayswatches.2.0.3.zip) * [Details](https://th.wordpress.org/plugins/yayswatches/#description) * [Reviews](https://th.wordpress.org/plugins/yayswatches/#reviews) * [Installation](https://th.wordpress.org/plugins/yayswatches/#installation) * [Development](https://th.wordpress.org/plugins/yayswatches/#developers) [Support](https://wordpress.org/support/plugin/yayswatches/) ## Description **Your products deserve options that stand out.** 🎨✨ YaySwatches is a powerful WooCommerce variation swatches plugin that transforms boring dropdowns into beautiful color, image, label swatches with various visual effects. Help customers see their choices clearly and pick variations faster. No coding needed. Customize styles, improve product clarity, and create a smoother shopping experience that converts. It works seamlessly with WooCommerce, most page builders and block themes. 👋 [**Quick Demo**](https://demo.yaycommerce.com/yayswatches/) | [**Admin Demo**](https://demo.yaycommerce.com/try-yayswatches/) 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 [**Check out YaySwatches Pro**](https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/) 💎 👋 **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 [Documentation](https://docs.yaycommerce.com/yayswatches/getting-started/introduction) | [Free vs Pro](https://docs.yaycommerce.com/yayswatches/why-upgrade) ### ⚡️ 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](https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/) 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](https://yaycommerce.com/how-to-send-woocommerce-custom-emails-per-product/), product variations, or product SKUs. Find out more: 🔍 Want to see YayCommerce in action? [View all YayCommerce plugin demos](https://demo.yaycommerce.com/) and explore the full suite of features. ## Screenshots [⌊Showcase WooCommerce product variations with image swatches⌉⌊Showcase WooCommerce product variations with image swatches⌉[ Showcase WooCommerce product variations with image swatches [⌊WooCommerce product page with variant image swatches and buttons⌉⌊WooCommerce product page with variant image swatches and buttons⌉[ WooCommerce product page with variant image swatches and buttons [⌊Color swatches, image swatches and dual-color swatches are supported in YaySwatches free version⌉⌊Color swatches, image swatches and dual-color swatches are supported in YaySwatches free version⌉[ 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 swatch appearances with shape, size, style, tooltip, and more⌉[ Customize swatch appearances with shape, size, style, tooltip, and more [⌊Customize and preview variation buttons⌉⌊Customize and preview variation buttons⌉[ Customize and preview variation buttons [⌊Hide or show out-of-stock variants in YaySwatches⌉⌊Hide or show out-of-stock variants in YaySwatches⌉[ Hide or show out-of-stock variants in YaySwatches ## Installation Setup with Yay Swatches is easy and takes less than one minute. 1. Upload the plugin zip file to WordPress Plugins menu. 2. Activate the plugin through the ‘Plugins‘ menu in WordPress. 3. Go to YayCommerce > YaySwatches to start configuring WooCommerce variation swatches. ## FAQ ### Is YaySwatches plugin compatible with any WooCommerce themes? 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. ### How to use color swatches for those custom product attributes that are not added to “Attribute” menu? This feature is available in [YaySwatches Pro](https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/). 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. ### I got issues. How can I get support? Please [create a topic](https://wordpress.org/support/plugin/yayswatches) or [contact us](https://yaycommerce.com/support/) 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. ### Is YaySwatches GDPR-compliant? 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 ![](https://secure.gravatar.com/avatar/8a8612225a2885b2d205132c722c7e1beef21fcddbad5330fe7b8cbfb0441388? s=60&d=retro&r=g) ### 󠀁[Good Support](https://wordpress.org/support/topic/good-support-752/)󠁿 [vocla](https://profiles.wordpress.org/vocla/) 4 ตุลาคม 2024 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. ![](https://secure.gravatar.com/avatar/967925f965781c92619d1d518d2a9e929e080b6f55b0af7e0b3e4e0686f7d1a0? s=60&d=retro&r=g) ### 󠀁[GREAT](https://wordpress.org/support/topic/great-16310/)󠁿 [emrekanbay](https://profiles.wordpress.org/emrekanbay/) 17 พฤษภาคม 2024 İ 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… ![](https://secure.gravatar.com/avatar/ed44fe5c5e9c16ab79a067e1239bdf3af20f5be54a90c8390dd057bcbe67fb40? s=60&d=retro&r=g) ### 󠀁[Perfect Support and Resolve any problem](https://wordpress.org/support/topic/perfect-support-and-resolve-any-problem/)󠁿 [stocky](https://profiles.wordpress.org/stocky/) 17 เมษายน 2024 1 reply Jack helped us solve the display problem we had in a few seconds. He is an incredible developer. Very thankful. ![](https://secure.gravatar.com/avatar/97215be5f7b4117280540e8d7ccb24d7dadc396ee9ba1050b048724e5ff647b0? s=60&d=retro&r=g) ### 󠀁[The most complete swatches plugin and super fast support!](https://wordpress.org/support/topic/the-most-complete-swatches-plugin-and-super-fast-support/)󠁿 [thenikica](https://profiles.wordpress.org/thenikica/) 8 ธันวาคม 2023 1 reply 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 ![](https://secure.gravatar.com/avatar/46778aa26c56f2b854022f48fd378265fe8b54ea6ab704c1798eb388f0157795? s=60&d=retro&r=g) ### 󠀁[Works very well for us](https://wordpress.org/support/topic/works-very-well-for-us-2/)󠁿 [aakerro](https://profiles.wordpress.org/aakerro/) 27 ตุลาคม 2023 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! ![](https://secure.gravatar.com/avatar/cf20db47fa327573aa552cb027cea8bc710f002e68d940dc152ace05f2b662cc? s=60&d=retro&r=g) ### 󠀁[Easy to Use and Great Support](https://wordpress.org/support/topic/easy-to-use-and-great-support-94/)󠁿 [alin99](https://profiles.wordpress.org/alin99/) 5 สิงหาคม 2023 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. [ Read all 9 reviews ](https://wordpress.org/support/plugin/yayswatches/reviews/) ## Contributors & Developers “YaySwatches – Variation Swatches for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ YayCommerce ](https://profiles.wordpress.org/yaycommerce/) [Translate “YaySwatches – Variation Swatches for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/yayswatches) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/yayswatches/), check out the [SVN repository](https://plugins.svn.wordpress.org/yayswatches/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/yayswatches/) by [RSS](https://plugins.trac.wordpress.org/log/yayswatches/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### Apr 2, 2026 – Version 2.0.3 * Updated: Demo user role permissions * Updated: Compatible with Brandy WooCommerce theme * Updated: Compatible with WooCommerce 10.6.2 #### 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 ## Meta * Version **2.0.3** * Last updated **2 เดือน ago** * Active installations **1,000+** * WordPress version ** 4.7 or higher ** * Tested up to **7.0** * PHP version ** 5.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/yayswatches/) * Tags * [image swatches](https://th.wordpress.org/plugins/tags/image-swatches/)[swatches](https://th.wordpress.org/plugins/tags/swatches/) [variation swatches](https://th.wordpress.org/plugins/tags/variation-swatches/) [woocommerce swatches](https://th.wordpress.org/plugins/tags/woocommerce-swatches/) [woocommerce variation swatches](https://th.wordpress.org/plugins/tags/woocommerce-variation-swatches/) * [Advanced View](https://th.wordpress.org/plugins/yayswatches/advanced/) ## Ratings 5 out of 5 stars. * [ 9 5-star reviews ](https://wordpress.org/support/plugin/yayswatches/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/yayswatches/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/yayswatches/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/yayswatches/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/yayswatches/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/yayswatches/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/yayswatches/reviews/) ## Contributors * [ YayCommerce ](https://profiles.wordpress.org/yaycommerce/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/yayswatches/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/)