Saltar al contenido

Product variations in WooCommerce: best practices

febrero 2, 2020

 

WooCommerce Many online stores sell products that do not have any complication: the product is such that it is completely closed, and when a buyer sees it, if you like, add it to the cart and, when you have finished your visit, buy.

But also many other online stores are expanding their range allowing changes or variations products; ie on the same product, which essentially does not change, users can choose from several possibilities, its format or its characteristics. Only then can add the product to the shopping cart.

These selection options can be, for example, choose within a range of predetermined colors or of several possible size, shape or arrangement depending on the characteristics of the product .

The product, as such, does not vary: remains the same. The only difference is these variations of the product, making it more and better suits the interests or needs of the user .

WooCommerce installation includes everything you need to create and configure product variations, in an easy and intuitive way. However, not enough to have product variations so that users decide to buy them.

Points as choosing a good template for WooCommerce could help make the buying decision but not all

In addition, we also need to make those variations are easy to view, navigate, choose and buy. Therefore, in this article we will see a series of recommendations or good practices, will allow us to take full potential of these product variations and increase our sales online .

Table of Contents

  • What are the variations of products in WooCommerce?
  • How to create and configure product variations in WooCommerce?
  • Good practices for variations in WooCommerce Choose global attributes or custom Include previews for each variation Use tags in easy attributes to read and understand Use real and high quality for each variation photos Add multiple variations to the shopping cart
  • choose global attributes or custom
  • Include previews for each variation
  • Use you tag on easy attributes to read and understand
  • use photos real and high quality for each variation
  • Add multiple variations to the shopping cart
  • Conclusions
  • Choose global attributes or custom
  • Include previews for each variation
  • you use labels on attributes easy to read and understand
  • actual use photos and high Quality ad for each variation
  • Add multiple variations to the shopping cart

What are the variations of products in WooCommerce?

Variable products are a type of product in WooCommerce which allows variations in some of the features or attributes of a product, price control, inventory, image, etc., for each type of variation.

The classic example that is best understood for a product like trousers or any garment, which can offer various sizes, different colors or even different types of tissues.

Although the product concerned from the same (trousers particular make and model), each attribute or combination of these result in a variation of the main product, so should be treated and managed, in general, like separate products (eg inventory).

Regarding the simple product of WooCommerce, variable products have the following two properties:

  • feature a separate administration for each combination of attributes (ie each product variation). Although you can assign attributes to simple products, you can not be administered. For example, to have different prices or inventory for each attribute type.
  • feature a separate administration for each combination of attributes (ie each product variation). Although you can assign attributes to simple products, you can not be administered. For example, to have different prices or inventory for each attribute type.
  • feature a separate administration for each combination of attributes (ie each product variation). Although you can assign attributes to simple products, you can not be administered. For example, to have different prices or inventory for each attribute type.
  • The user must choose the variation that interests you before you can add the product to the shopping cart, unless there are defaults. Is a variable defined only product completely when each attribute has a value.

For example, an online store that sells pants can have the product «Jeans SLIM FIT», with the following attributes:

  • Sizes: S, M, L, XL, XL.
  • Colors: Blue, Bordeaux, Gray, Black.

Variations of this product (ie, «SLIM FIT Cowboys») would be all possible combinations of these attributes; ie: «SLIM FIT jeans, size S, color Blue,» «SLIM FIT jeans, size S, color Bordeaux», «SLIM FIT jeans, size S, color gray,» and so on.

Since there are 4 sizes and 4 colors, the product «Jeans SLIM FIT» may be up to 16 variations (4 sizes multiplied by 4 colors), each with their own inventory, sales, rebates, etc.

How to create and configure product variations in WooCommerce?

Let’s see now how you can create and configure products in WooCommerce variations, without using any plugin, thanks to product attributes available to this e-commerce platform.

First of all, it is important to distinguish that we can have two types of attributes when define variations of a product :

  • global attributes that can be applied to all products from the online store WooCommerce, although administration should be done after each product having variations with these attributes.
  • global attributes that can be applied to all products on WooCommerce shop, although administration should be done after each product with variations with these attributes.
  • global attributes that can be applied to all products on WooCommerce shop, although administration should be done after each product with variations with these attributes.
  • custom attributes, which apply only to a particular product and, as such, are edited and managed only on the page for that product.

may use either one or the other; It comes down to the same result. However, the benefit of rapid administration and management of product catalog at the time that more than one product have the same attributes, we should opt for global attributes.

In general, the process of create product variations has the following steps:

In the last step, we must bear in mind that the process can be quite long, depending on the number of attributes and the number of values. In general, the maximum number of product variations will be equal to the multiplication of the number of values ​​of all attributes.

In the following we will see how to make this whole process, step by step and with recommendations or aspects that we must consider when we setting both variations as attributes:

Good practices for variations

of WooCommerce have seen that the creation and management of changes in WooCommerce is extremely simple, although it can be a bit tedious process if the products can have several attributes with many values ​​each.

However, although variations are an element of attraction for users become customers, if not integrated correctly, both on the website of the product and viewing on the website, you may confuse the user and this decision leave the store.

To avoid this, then we will see a list of good practices, to the owner of the online shop, we facilitate the management of the catalog and product variations, and facing the user, will help decide buy variation product that fits your needs.

Choose global attributes or custom

When new products are added to the catalog of an online store presenting WooCommerce variations, we can choose to use global attributes or custom, what is recommended?

generally would not have to think too: we should use (almost) global attributes. Custom attributes have a more agile management (made within the page of the product), but it is a double-edged sword.

When the catalog is small, we may not find the problems that can lead to use custom attributes, but as he gets older (and we hope that our online store grow), they will inevitably end up appearing:

  • You have attributes custom repeated in different products, so we are doubling their administration.
  • That has global attributes and personalized with the same function, which again complicates administration.

In general, we should always create and use global attributes, leaving only when custom attributes are characteristics closely related to the product itself.

Include previews for each variation

The first indication that a user of a product has variations is the drop-down list of attributes showing the various options for each attribute and if you want to see the variation of the product, You should select for your image to appear.

In addition, this list contains only text, labels attributes, which may discourage the user if the list is long and desmotivarle to continue with the purchase.

But if the user is already display a preview (small size) of images or icons representing each variation the tab for the product would improve your user experience on two aspects:

  • Images have most impact and attract a lot more attention from the user that the text, making it easy to follow interested in learning more about the product and its variations.
  • Images have more impact and attract a lot more attention from the user that the text, making it easy to follow interested in learning more about the product and its variations.
  • Images have more impact and attract a lot more attention from the user that the text, making it easy to follow interested in learning more about the product and its variations.
  • The user does not have to select each value of the attribute to display its image, but you can see them and compare them directly on the chip of the product at a glance.

WooCommerce

not support this feature by default, but we have other free plugins like WooCommerce Variation Swatches for, which allows for a preview image or predesigned variation of each icon.

Use labels easy to read and understand attributes

Create attributes to assign variable products can be a simple process. If you sell a shirt sizes, you just have to create and assign attributes of size, ie, small, medium, large, XL, XXL, etc.

But the need may arise to create attributes that are a little more complex. We may have a shirt in three different shades of blue, with two versions of the same screen printing, cuts or adjustments or different fabric.

attributes should be clear and easy to understand at a glance, no matter how complex the changes in reality. If text descriptions (labels) are confusing, possibly demotivated to the user and does not decide to make the purchase.

Users will be watching and reading a list of options before seeing the images, so the clearer describe what we sell, the better. If the attribute type allows, we add a preview image or icon of each variation, as we saw in the previous point.

If there is not enough space to list all the details of the attribute, or even provide more information, we can always use the long description of the product (one of the fields available in WooCommerce) to clarify everything you need.

Use real, high quality photos for each variation

There is nothing more discouraging a user to see blurry photos, small or only shows a portion of the product. And the same applies to each of its variations.

Create product pages with many photos, for all its variations, it takes work and it takes time to do it, but there’s a good reason to do so. No matter how good a textual description, a picture is worth a thousand words and often, no text can replace a good photo.

Ideally add photos for each variation of the product, so that when the user decides what to choose, can see a real example of that choice. We must not let imagine how the product is, we have to show it, and if necessary various angles, add them also.

can obviate these individual photos of each variation if there is no difference between them. For example, clothing offered in different sizes: a small shirt will be seen as a large.

This measure not only be encouraging the user to be interested and buy the product, but get the wrong of the product and idea to know beforehand what you buy.

In this way, we reduce the possibility that remain unhappy when you receive it and not what I expected, preventing return of the product.

Add multiple variations to the shopping cart

If we sell to retailers, likely to buy large lots of different variations of a product. For these customers, add to cart all variations you want to buy can be a long and tedious process.

Not counting the number of payment gateways for WooCommerce available

For example, a client of clothes you want to buy 10 medium-shirts, 15 large and 5 small from the same product page, without having to do it once for each variation without having to wait refresh the page.

In these cases, we must make it easier for users to add to the cart multiple variations of a product in the same page without refreshments. However, WooCommerce not provide this functionality.

can use plugins to do so, although they are not free. For example, the plugin «WooCommerce Variations to Table-Grid» allows multiple variations may be added to the product cart from the same page and in a single operation.

To do this, a table displays the product page with all its variations, so that buyers can choose the amount for each variation and add them together to the cart.

This reduces the amount of work that users have to do to buy several products at once, and also makes clear what the total price of the selected variations.

Conclusions

Thanks to changes in products, an online store WooCommerce can expand the range of its catalog , so that, for a given product, the user can select which of your features or attributes are appropriate for him.

The creation and management of product variations in WooCommerce is integrated as part of the product page where the product attributes make the difference between a variation and another of the same product.

These attributes can be defined globally, with effect on all products in the catalog or personalized for each individual product. The combination of different values ​​of each attribute defines each change in the product such as size, color, or size.

Despite the simplicity of administration of the product in WooCommerce variations, must follow a set of recommendations and best practices both during the creation of variations as when displaying them on the online store.

Thanks to these good practices, closely related to how information variations shown to the user, we get the user to have greater motivation to decide to make the purchase of a certain variation and therefore increase sales online store.