WooCommerce Attribute Swatches

Improve your customer’s shopping experience with color and image swatches for WooCommerce.

4.74/5 based on 31 ratings

Trusted by over 10,000 WooCommerce Businesses and Online Shops

As a WooCommerce user, you’ll find WooCommerce Attribute Swatches easy to integrate with your existing store. Plus, we provide plenty of unique and customizable features – let's take a look at some of the highlights.

Swatch Types for WooCommerce

A Choice of Swatch Styles

WooCommerce Attribute Swatches gives you a variety of swatch types. You can choose the style that suits your needs, your audience, and your products. You can use the same type of attribute swatch throughout your entire site, or pick and choose to suit each individual product.

Key benefits:

  • Color swatches – let customers see all of the product’s color options in one place.
  • Image swatches – show a preview of each variation’s actual appearance, so your customer has a clear sense of what they’re getting.
  • Text and radio buttons – display product attributes as clickable text-based options; ideal for non-visual attributes such as “Size”.
View Pricing
WooCommerce Swatch in Filters

Improved Product Filters

The default product filters in WooCommerce are functional, but they could be more user-friendly and informative.

The good news is that you no longer need an additional plugin in order to enhance these filters. Now, you can use your visual and text-based swatches within the product filter widgets.

Key benefits:

  • Provides customers with a visual way to sort and filter products.
  • Improves the appearance and style of your WooCommerce filters.
  • Offers a preview of the various options available for your products.
View Pricing
WooCommerce Attributes in Shop Page

Swatches on Catalog Pages

WooCommerce’s product filters aren’t the only part of your store that WooCommerce Attribute Swatches can enhance. You’ll also be able to display customized swatches on catalog and shop pages. This lets customers who are browsing your store see exactly what’s available, even before visiting a particular product page.

Key benefits:

  • Display any type of attribute swatch on catalog and shop pages (and make your decision based on each individual product, if desired).
  • Offer customers an at-a-glance view of what options are available for each item.
  • Let customers click through to the product page by selecting swatch icons, or set it up so that clicking on a swatch changes the product’s image.
View Pricing
WooCommerce Attribute Fees

WooCommerce Attribute Pricing

On a standard WooCommerce store, you’ll need to configure each variation of a product separately if you want to offer options at different price points. WooCommerce Attribute Swatches makes it a lot easier to customize the fees for your products.

Now it’s possible to create complex pricing structures for variable products by increasing or decreasing the price based on the chosen product options.

Key benefits:

  • Set up a customized pricing structure quickly and intuitively.
  • Attach fees to attributes of a product. I.e. when the “Material” is “Gold” add $15 to the product price.
  • Automatically adds relevant fees when customers select an item.
View Pricing

Built for Speed

Our plugins will not affect the speed and performance of your WooCommerce store.

Easy to Use

We promise our plugins are easy to setup and easy for your customers to use.

Translation Ready

All of our plugins are compatible with WPML and other translation tools.

Friendly Support

Our fast and knowledgeable support is regularly praised by happy customers.

Encourage Purchases with WooCommerce Swatches

Improve your customer’s buying experience by displaying your variable product options in a visual way. WooCommerce Attribute Swatches allows you to transform the standard product option dropdowns, into eye-catching swatches.

WooCommerce Swatches

“What is a swatch?”, I hear you ask.

Well, It’s a visual representation of the product option, i.e. a color or an image.

WooCommerce Attribute Swatches also allows you to display your product options as text buttons and radio buttons.

You can customize these swatches to fit in with your store’s design, including the ability to change the swatch size, enable large previews, add tooltips, and more.

It’s important for your customers to be able to see all of your product options at a glance. Swatches will encourage your customers to click through your product options and discover a version of your product which was previously hidden behind a text description.

It will also enable them to determine whether your product is for them more quickly, leading to higher conversions.

Here are some of the key benefits of using WooCommerce Attribute Swatches:

  • Four different swatch types – both visual and text-based.
  • Click-free experience – customers can see product options at a glance.
  • Better user experience – with text tooltips, large-size swatch previews and more.
  • Enable visitors to easily choose which variation of a product they want, and add them to their cart.
  • Attribute fees – easily configure complex pricing by adding additional fees per attribute.
View Pricing

Try it risk free for 14 days

After working with hundreds of WooCommerce extensions that are slow and bloated, it's been a pleasure working with Iconic. The code is clean. The features are focused. And best of all, they help grow your store's revenue!


More Incredible Features

The features listed above are only a snapshot of what you’ll get with WooCommerce Attribute Swatches. Let’s look at some of the other options it provides for enhancing your store’s look and functionality.

Categorize & Group Swatches

Create swatch groups to make your customer's decision easier. For example, group product colors into plain and patterned.

Assign Swatches Globally or Per-Product

Set your swatch styling for all products at once, or override it on a per-product basis.

Modern Swatch Designs

Choose between different swatch designs and then customize them further on a per-attribute basis.

Customize Shape and Size

Easily change the shape and size of your visual swatches to suit the situation.

Tooltip Swatch Hints

Enable tooltips when hovering visual swatches to further assist customers in making their decision.

Large Preview for Image Swatches

Enable large image previews on hover to give your customers an up-close preview of the product option.

View Swatch Availability

Out-of-stock and unavailable swatches are marked as such, making the shopping process straightforward.

Quickview Compatible

WooCommerce Attribute Swatches works perfectly with our Quickview plugin.

View Pricing

Try it risk free for 14 days

Before buying a premium WooCommerce plugin, you usually weigh its code quality, performance, support responsiveness, and compatibility. Thankfully, with Iconic's quality products, there's no need to worry at all.



The choice is yours; annual or lifetime? Whichever license you choose, you'll gain access to this incredible plugin and our amazing support.

Annual License

$79 / yr
  • Single Site License
  • 1 Year Support & Updates
  • 30-Day Money Back Guarantee

An annual license entitles you to 1 year of support and updates. Your subscription will renew automatically each year until canceled.

100% No-Risk Money Back Guarantee

You are fully protected by our 100% Money Back Guarantee. If you have an issue within 30 days which we can't solve via support, you're more than welcome to a full refund!

  • Version: 1.2.3
  • Updated: 30 July 2019
  • Released: 16 May 2016
  • WordPress: 5.2.2
  • WooCommerce: 3.6.5
  • View Changelog

Frequently Asked Questions

Have you got a question about WooCommerce Attribute Swatches? Check out some of the most popular questions and answers below.

  • Do you offer monthly plans?

    Yes. You can select monthly, annual, or lifetime in the checkout modal after clicking “Buy Now”.

  • Do you offer multi-site licenses?

    Yes, we do (and they’re heavily discounted)! When the checkout modal opens you can choose between 1 Site, 3 Sites, and 30 Sites under Plan Selected at the top. If you have any other requirements, please get in touch via our support page.

  • Can I still use the plugin when my licence expires?

    If you purchased an annual license, then yes, you can still use the plugin in its full capacity even after your licence expires. However, you will no longer be able to receive updates or support for the plugin.

    If you purchased a monthly license, the plugin will no longer work at all when you cancel your subscription (after the paid-for month is up).

    If you purchased a lifetime license then your license will never expire!

  • Can I use my licence in a development environment?

    Yes. Most development environments will not count towards your site limit.

  • Do you offer refunds?

    Yes, if you decide within 30 days of purchase our plugin is not for you, we’ll happily refund you in full. We also offer a 14 day free trial for you to test the plugin.

  • Is this a lifetime licence, or will it stop working after 1 year?

    There are 3 types of license, monthly, annual, and lifetime.

    Monthly and annual licenses are subscription based and can be cancelled at any time. If you cancel the subscription, the plugin will continue to work as normal until the end of the paid-for period.

    Once the license expires or is cancelled, you will no longer receive updates or support for the plugin.

    After expiration or cancellation:

    Monthly: the plugin will be disabled on your site.
    Annual: the plugin will continue to work on your site.

  • Why do I need a subscription?

    WooCommerce is evolving constantly. A subscription model allows us to continue supporting the latest releases and offer the best support we can.

  • Will it work with my theme?

    All Iconic plugins are tested in multiple WooCommerce themes. As long as your theme is well coded and WooCommerce compatible, it will work. If there are any issues, we’re more than happy to try and fix them; just get in touch.

  • Will my subscription renew automatically?

    Yes, your subscription will renew automatically every year, unless you cancel it. If you do decide to cancel it, your licence will still be valid for the paid-for period; this means you will still receive updates and support during that time.

Customer Reviews

4.74/5 based on 31 ratings

Works great

Excellent plugin that does exactly what I want. Needed to get some help with CSS to make it look as I wanted. Maybe some of the CSS settings could be configurable in the application. Great work!

Great plugin and great support

We’ve used similar plugins in the past but this plugin has better features and it’s also easier to manage backend. The support is great! Fast replies and never a problem getting things sorted.

Works great, so is support

I was looking for this exact plugin, has multiple options, setting it up is easy. I needed some custom adjustment and support was VERY fast and efficient. Bonus: they make the help educational! Awesome work!

Best swatch plugin in town + best support

It has simply the best features, good support and now even WPML compatible. Perfect.

Great, simple, clean

Great plugin, easy to configure, easy to customize (css). Includes a super feature : can display the swatches on the catalog pages as well (and change the picture depending on the user’s choice).