Variation Swatches for WooCommerce


Variation Swatches for WooCommerce plugin provides a much nicer way to display variations of variable products. This plugin will help you select style for each attribute as color, image or label. With this plugin, you can present product colors, sizes, styles and many things in a better way which is not supported by WooCommerce.
This plugin only adds more options to show product variations with swatches. It doesn’t touch the default drop-down style of WooCommerce.

With a friendly and easy-to-use interface, you can add default color, image or label to each attribute in the attributes management page. It can also helps you pick the right style for quick-add attribute right inside the editing product page.

Features provided with this plugin:

  • Completamente integrado con el plugin WooCommerce
  • Work on variable product only
  • Create attribute color swatches
  • Create attribute image swatches
  • Create attribute label/text swatches
  • Manage attribute globally
  • Create new attribute swatch in product editing page
  • New options in WooCommerce Settings that help control swatches easier without touching code


  • Variaciones en la portada
  • Añadir un nuevo atributo
  • Editar Atributo
  • Color de Atributo
  • Etiqueta del atributo
  • Imagen del atributo
  • Añadir nuevo atributo de color cuando se edita un producto


Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser.

  1. Log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.
  2. In the search field type «Variation Swatches for WooCommerce» and click Search Plugins.
  3. Once you’ve found it, you can install it by simply clicking Install Now button.

Manual Installation

  1. Download the Variation Swatches for WooCommerce plugin to your desktop.
  2. Extract the plugin folder to your desktop.
  3. Read through the «readme» file thoroughly to ensure you follow the installation instructions.
  4. With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
  5. Go to Plugins screen and find the «Variation Swatches for WooCommerce» in the list.
  6. Haz clic en Activar para activarlo.

Config attributes

Even this plugin has been installed and activated on your site, variable products will still show dropdowns if you’ve not configured product attributes.

  1. Log in to your WordPress dashboard, navigate to the Products menu and click Attributes.
  2. Click to attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector.
  3. Click to that Type selector to change attribute’s type. Besides default options Select and Text, there are more 3 options Color, Image, Label to choose.
  4. Select the suitable type for your attribute and click Save Change/Add attribute
  5. Go back to manage attributes screen. Click the cog icon on the right side of attribute to start editing terms.
  6. Start adding new terms or editing exists terms. There is will be a new option at the end of form that let you choose the color, upload image or type the label for those terms.

Preguntas frecuentes

¿Funcionará este plugin con mi tema?

Sí, funciona con cualquier tema, pero es posible que sean necesarias modificaciones para que el diseño coincida.


6 de mayo, 2019
Recently, I noticed things were not working right in the Flatsome theme I am using on a customer website. After testing and getting support assistance from UX Themes, we figured out that it was THIS plugin that was causing the problem. Of course, to test the plugins for compatibility, you must deactivate and then reactivate the plugins. When you do this with this particular plugin, like others have said in the reviews, all the work you had done for swatches will be gone. Steer clear of this plugin. It's not kept up to date and has the potential to really cause problems.
4 de abril, 2019
The plugin is working well and support helped me solving an issue with my website. I just gave admin user and they fixed it in a moment 🙂
27 de enero, 2019
If you deactivate this plugin and then reenable it you will lose everything. We were using images on one project. We needed to disable all plugins. We came back and everything was gone. All our swatches everything. There's no way to go back and re-select your attributes and attach a select, image or color. The plugin in theory is amazing. But this one glitch could be a huge waste of time for developers. Be very careful until they fix this. Also, this plugin doesn't work with WooCommerce Bundle. You won't be able to click on Image variations.
Leer todas las 44 reseñas

Colaboradores y desarrolladores

“Variation Swatches for WooCommerce” es un software de código abierto. Las siguientes personas han colaborado con este plugin.


Registro de cambios


  • Fix the issue of product attributes are not saved.
  • Restore attribute type to «Select» if the plugin is deactivated.


  • Fix the issue of adding attributes in the «Attributes» tab


  • Compatible con WooCommerce 3.0


  • Aañade la clase «swatches-support» al formulario de variaciones


  • Versión Inicial