YaySwatches – Variation Swatches for WooCommerce


YaySwatches allows you to show variation selectors as color swatches, image swatches, radio buttons, buttons, and more. Let your customers easily switch between product variations on product details page!

Showing WooCommerce color swatches for customers to choose from makes a way better shopping experience.

By transforming your variation dropdown lists into more appealing designs, you will pique the interest of the visitors and turn them into customers.


Documentation | Free vs Pro


YaySwatches is a feature-packed WooCommerce variation swatches plugin with a modern and simplified user interface. It combines pre-existing attributes and custom product attributes in a single dashboard. Just visit YaySwatches options and settings, you will see all available product attributes and choose the styles you like.

Color Swatches
Displaying colour swatches based on manually picked colours.

Automated Variation Image Swatches
Displaying swatches based on different variant images. Lateral product variation images appear when clicking on the corresponding swatch.

Customizable Swatch Bubbles
Plenty of design options including swatch shape, size, border, color, and variation attribute tooltip.

Customizable 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 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 (PRO)
Shop 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 product page.

Out-of-stock Variation Visibility (PRO)
Show or hide those variations that have been sold out on product page, shop page, and categories. You can choose a predesigned style for showing/hiding variations 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.


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 swatch, image swatch, automated variant image swatch, button, and radio button.
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.


  • WooCommerce product attributes & custom image swatches
  • WooCommerce variable product page with variant image swatches and buttons
  • WooCommerce variation swatches settings
  • Customize swatch and button appearances


Setup 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 WooCommerce > YaySwatches to start configuring WooCommerce variation swatches.


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. 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 or contact us to get help.
Please attach screenshots of currently active WooCommerce plugins on your website to quickly get the answers. Maybe it is a third-party conflict.

Is YaySwatches GDPR-compliant?

A big yes, this WooCommerce variation swatches plugin is compliant with GDPR. It collects no sensitive information.


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.
19 جنوري 2023
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!
6 سيپٽمبر 2022
An all in one variation swatches plugin that gets the job done with a few clicks. Great support and overall a must have plugin for WooCommerce. Can't imagine they're truly offering LIVE CHAT support these days. 5/5 for me!
18 آگسٽ 2022 1 reply
I run a WooCommerce store, and I was looking for a plugin that could help my customers easily switch between product variations, and the tool just does that perfectly. From a personal point of view, not being a techy person, I was able to follow the documentation and do some awesome stuff.
جمع: سڀ 4 تبصرا پڙهو

تعاون ڪندڙ & ڊولپرز

“YaySwatches – Variation Swatches for WooCommerce” اوپن سورس سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو ورتو آھي.

تعاون ڪندڙ

لاگ تبدیل ڪريو

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


  • Improved: Swatches on catalog page
  • Improved: Out of stock
  • Fixed: Some bugs


  • Version 1.0 Initial Release