Tell your Project me

To add to Selector of Color and Image in the Variations of WooCommerce

You want to show your clients the variations of products of your store online? In order to sell it is necessary to be clear, not to hide anything of information. And to obtain it, today I bring the way to you to offer a complete description of the all the varieties of a same product with the help of only plugin.

Pon within reach of your user all the information that needs to know before making click in the button buy. You imagine to add limitless variations (already they are so large, colors, landlords, etc.) and to show of immediate way the possibilities for each one of the products of your store?

Then no longer you must imagine it, next I explain to you how to make it reality. Taking notices of each one of the steps that we are going to be giving 😉

to add to selector of color and image in woocommerce

What is YITH WooCommerce Color and Variations Label and why it serves

It gives equal the product that bandage, the variations that can have certainly are infinite. Not only they are in the clothes (colors, sizes.) the possibilities of varying a product also occur in other sectors as, among others, the jewelry shop (length of straining, forms, color) An only product, infinity of possibilities. But, how to show each of these variations in your store online of a modern way? With the help of only plugin: YITH WooCommerce Color and Variations Label.

It presents the variations of your products of the most effective and modern way

This complement of WooCommerce allows to show the variations you with icons, customized images and dynamic labels. He is extramadamente versatile and one adapts any product type.

Independent of which bandage, if samples the product options through ad hoc images and icons you can help his clients to understand, nothing else to accede to the page, what purchase options are available for that product. Thus, in a matter of seconds your client will be able to see that the t-shirt that it likes is available as much in the size as in the color that wanted.  From that moment to clicking in the button œTo buy there is a half-step!

Differences between version FREE and the PREMIUM version

As it happens in other many plugins of YITH that already we have analyzed, before coming to his installation it is necessary to know that it offers two possibilities: you can unload his gratuitous version, that will let add variations to you but it does not include personalisation options; or to bet by the version premiun, with which you will be able to publish each small detail of your store online. We see better which are the benefits of both version.

Characteristics of version FREE

Before speaking free on the characteristics of the version, you must know that this is within YITH for Essential Kit WooCommerce. Within this pack you will find the option to free do with the version of Color and to you Variations Label. So, kind, you will not find this plugin of individual way, they ten this in account.

And well, now, we see what we can do if we chose this version. It does not include personalisation options, that you must know it, so simply the actions to realise will be limited to add variations to the different attributes from the product:

  • To create attributes of type of color
  • To create attributes of type of label
  • To create attributes of type of image

Connection | Version FREE

Characteristics of the PREMIUM version

Nevertheless, if you look for to have more options, then I recommend the Premium version to you. If you know to remove started off to him, I assure to you that the investment will be worth the trouble. In the adjustments of plugin you will see options that the version did not include free, and with that you will completely change the design of your store. You want to know of what I am speaking? A look throws to all the options that the payment version offers.

It adds to selector of type color or two-color pencil

to add to selector color and image woocommerce
Click in the image to extend

It obtains to a graphical impact extremely intuitive in the users adding a selector of color for each variation. We put an example to see it more clearly. Imagine to you that a client wants to buy a t-shirt in your store but he is not safe in what color to buy it, now you can show the different variations to him from color in which its article is available. Red, black, white until two-color pencil.

He is very simple, you only must select to the variation Colorpicker type and form it to your pleasure.

It adds selector of type image

to add to selector color and image woocommerce
Click in the image to extend

Along with the color, you can add to an attribute image for all the product variations of which you wish to show a previous view. Following with the previous example of the t-shirt, in addition to showing the picture color, the premium pack of this plugin allows to teach to your clients a small previous view you of the variety of product.

In this case, as you can see in the image superior, the clients would have to their reach some simple previous views that to them a final image of the product facilitates by which they are interested and with the characteristics that they look for.

No longer they will have to imagine how it would be that yellow t-shirt in another color, now already can previsualize it before making click in purchase. They guess right safe 😉

He adds type selector labels

to add to selector color and image woocommerce
Click in the image to extend

If in addition to image and color you want to add textual information to your products, also you can. YITH WooCommerce Color and Variations Label allows to add to a selector type you labels with which you will be able, for example, to add information on the sizes available of each some of products of your woocommerce.

It selects to the variation type œLabel and begins to show the sizes of your products.

It adds tooltips to the variations

to add to selector color and image woocommerce
Click in the image to extend

In order to provide additional information on the variations of the attributes, it adds tooltips. They are small emergent labels that are when the cursor of the mouse is unemployed during some moments upon a visual component of a window.

They are very practitioners to provide a related additional information to this component. For example, as you can see in the image superior, when happening over the previsualization of image, this ample to facilitate his vision.

Sample descriptions of the attributes

to add to selector color and image woocommerce
Click in the image to extend

Because the words never exceed, it shows the clients all the possible options that they are offered to them with product variations. You can personalize the text and add an attribute description. In the case of the image of above in the description it has been chosen to include the type of color (blue, red), this way the user will not have doubts of the color available.

Certainly more in one go you approached a salesman so that it clarified to you of what color it was the article that you were looking, because this is the same: instead of going to the employee, is the store the one that already clarifies it to you beforehand.

Samples the variations in the listings

to add to selector color and image woocommerce
Click in the image to extend

And well, now already we have all the formed variations, where we showed them? In addition to in the page of details of the product, you can show the variations in the listings of the store. Thus you would facilitate all the information of a more dynamic way and it will not be limited the product page.

It changes the image dynamically

to add to selector color and image woocommerce
Click in the image to extend

You can update the image of the product of a dynamic way when happening the mouse over the variations. You will only have to do check in the ready option corresponding and. Now your different clients will see an image based on the variation by which they are interested.

But eye, only works in products that have an only attribute.

Video | How and works YITH WooCommerce Color Variations Label

And well, if you have arrived up to here is because you are really interested in adding this complement to your WooCommerce. You want to show to variations of color and etiquera in your store online. Now that already you know something more on the operation of this plugin, what it seems to you if we see them in action. Here I leave a video you so that you see how it works in direct:


Same product but with certain variations. Who shelp that had to be a problem at the time of selling in Internet? Nothing of that, you can show so many varieties of products as you want, you only need to make use of plugin suitable: YITH WooCommerce Color and Variations Label.

This complement to be in charge of everything, you will only have to form his different options to show your clients the variations of each product. But, eye, this plugin is not exclusive for clothes store online, is apt for all type of business. And if no, you only must think about how it can improve your store, certainly already you have some idea 😉

If you want to show to variations of color and labels in products of your store, the way most practical to do it is with YITH WooCommerce Color and Variations Label, plugin that in a matter of few minutes will allow you to form each of the attributes of your products without no type effort. Beam that your store is unique! 😉

For which work with YITH

If I have arrived up to here would like to explain why work to you with company YITH (Your Inspiration Themes). And in fact it is not because they have plugins more powerful and with majors benefits that those of WooThemes but because have a great support that solves any doubt to you in 24h less than.

If you do not know it, I comment to you that the own WooThemes company has his repositorio of extensions, but have a quite high price and they are not so outposts as those of YITH. In this case company YITH always improvement and adds more functionalities than WooThemes to all plugins.

On the other hand plugins of WooThemes is not developed by them properly, many of them develop them external programmers and soon they add them repositorio of WooThemes reason why I prefer to deposit the confidence in YITH since that they respond with guarantees.

Licenses and prices

But before finishing this post, I would like to tell you something more about this complement of WooCommerce, in particular I want to give you to some data about the type of subscription and the cost of the same, in case of deciding on the most complete version. I want that you have all the information before making any decision.

As far as the subscription license, this it gives right to 1 year of updates and support you. And in addition you must consider that each installation of plugin will require a license.

And as far as the price, this it varies following the licenses that you need but for 1 only website the price is of 60, if you need to see all the prices you can accede directly to his webpage.