{"id":6787,"date":"2022-03-16T13:28:26","date_gmt":"2022-03-16T13:28:26","guid":{"rendered":"https:\/\/www.wpservices.com\/how-to-add-product-variations-in-woocommerce\/"},"modified":"2022-03-16T13:28:26","modified_gmt":"2022-03-16T13:28:26","slug":"how-to-add-product-variations-in-woocommerce","status":"publish","type":"post","link":"https:\/\/www.wpservices.com\/how-to-add-product-variations-in-woocommerce\/","title":{"rendered":"How to Add Product Variations in WooCommerce?","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Creating WooCommerce<\/a> products with variations can seem rather tricky at first glance. Especially a beginner in web development can quickly get dismayed by the stealthy way WooCommerce has hidden their variable product settings. Nevertheless, it is critical to understand the inner workings of WooCommerce. Approximately 28% of all online stores use WooCommerce as their main eCommerce platform and the plugin itself is the most popular module on the internet with 68% usage distribution. It could even be argued, that passionately studying WooCommerce is a pathway to online success due to the incredible way WooCommerce integrates content. But, let us forgo the WooCommerce praise and return to the task at hand \u2013 adding product variations in WooCommerce.<\/p>\n

What Is a Product Variation?<\/h2>\n

In essence, a variable WooCommerce product is an item with miscellaneous attributes. For instance, a sweater could be S size and blue or XL size and red. It is still the same sweater, but with different properties. Some online stores even refer to the original product and its variations using the parent > child hierarchy. So do not be surprised if you happen to stumble upon such a store.<\/p>\n

\"product<\/a><\/p>\n

You might be wondering \u2013 why go through the hassle of creating all these variations when you could just create numerous simple WooCommerce products? Well, let us consider this question from a customer\u2019s viewpoint. He would need to skim through every product page individually until he would find the right size and color. Yet with variations, he\/she can do it all from a single screen, thus instantly improving his\/her experience on your website. Additionally, it is worth noting that different variations could have varying prices, so it would be easier to compare the two items from a single screen too. One variation can help increase the visibility of another, thus improving conversion and driving incremental sales. Do not take variations lightly! By applying them intelligently and implementing them accordingly your business can only benefit and continue flourishing.<\/p>\n

Creating a Variable WooCommerce Product<\/h2>\n

Online stores with a relatively small amount of products usually create their variable WooCommerce products manually. Let us start by doing the same. Locate the Products<\/em> tab in your dashboard. Click on the Add New<\/em> tab to create a new product.<\/p>\n

\"products<\/a><\/p>\n

In the product creation screen, find the Product Data<\/em> meta box and choose Variable Product. By default, a Simple Product<\/em> is selected.<\/p>\n

\"Product<\/a><\/p>\n

You might have noticed that an additional tab appeared \u2013 Variations<\/em>. As the name reveals, this particular batch of product settings will be our bread and butter for the duration of this tutorial. But not yet, start with filling in all other basic product information like SKU. In our example, we will create a sweater with different variations.<\/p>\n

Now, locate the Attributes<\/em> tab in the same Product Data<\/em> meta box and open it. In this window, all attributes and their values concerning this particular product(sweater) will be stored. WooCommerce allows to save global attributes, but we will tackle that a bit later in this article. As you can see, there is an option to add Custom Product Attributes<\/em>. Click on the Add<\/em> button to proceed.<\/p>\n

\"product<\/a><\/p>\n

Two new input fields have appeared \u2013 Name<\/em> and Value(s)<\/em>. The Name<\/em> is rather self-explanatory, it will be the name of the attribute. In our case, the Name<\/em> is Size<\/em>. Value(s)<\/em> will be the properties that the attribute will possess. If the attribute is Size<\/em>, then Values<\/em> could be S, M, and L. Remember to use the \u201c|\u201d symbol to separate values from one another.<\/p>\n

\"custom<\/a><\/p>\n

There is a checkbox hidden underneath the Name<\/em> window called Used for Variations<\/em>. Tick it to enable these attributes for variations. At last, press the Save Attributes<\/em> button.<\/p>\n

\"used<\/a><\/p>\n

Let us create another attribute called Color<\/em>. In the same manner as before, fill in the Name<\/em> and Value(s)<\/em> fields. We will use red, blue and yellow colors. Tick the Used for Variations<\/em> checkbox like before and Save Attributes<\/em> again.<\/p>\n

\"color<\/a><\/p>\n

You have created 2 attributes for your variable WooCommerce product with 3 values each. Now, let us see how the variations themselves can be created. Just underneath the Attributes<\/em> tab is the Variations<\/em> tab, open it.<\/p>\n

\"woocommerce<\/a><\/p>\n

There is a dropdown with 2 options \u2013 Add Variation<\/em> and Create Variations from All Attributes<\/em>. The first one allows you to manually pick attributes and create product variations one by one. The second one does precisely what it states, creating variations using all attributes you have established before. We will pick the second option. Press the Go<\/em> button to proceed.<\/p>\n

\"create<\/a><\/p>\n

2 attributes with 3 values each will create 9 variations in return. WooCommerce can process only 50 variations at a time, so take note of it when your variations exceed 50. In such cases, you will need to press the Go<\/em> button again till WooCommerce processes all product variations.<\/p>\n

\"9<\/a><\/p>\n

Look how simple it is to create product variations in WooCommerce. With a few clicks of a button, you have accomplished the task. Keep in mind though, that each product variation needs to have a price, SKU, and other properties attached to it and it needs to be done manually.<\/p>\n

\"variations<\/a><\/p>\n

You can find various plugins on the marketplace that help with WooCommerce product variation management, but we will talk about them a bit later in this article. For the time being, let us take a look at Global Attributes<\/em> and how to use them.<\/p>\n

Global attributes in WooCommerce<\/h2>\n

If your online store has numerous products with the same attributes, then you should use Global Attributes to quickly and efficiently apply them where need be. In web development, time is of the essence and the same goes for WooCommerce-run online businesses. Thankfully, the team behind WooCommerce has made attribute creation as straightforward as it gets.<\/p>\n

Head back to the dashboard and locate the Products<\/em> tab as before, but pick Attributes<\/em>.<\/p>\n

\"woocommerce<\/a><\/p>\n

On the left side of the screen, you will see different settings for attribute creation.<\/p>\n

\"add<\/a><\/p>\n

Let us go over each one separately:<\/p>\n