WooCommerce – How to Add Variations or Variable Products (with video)

A variable product in WooCommerce helps you manage different variations of a single product. You can use this product type to create multiple variations of a single product and save the time and effort of creating each variation from scratch. Let’s look into the process in more detail.

Product attributes are key factors in setting up variations

We have already covered the process of creating global product attributes on your store (you can revisit the article here.) You can use global attributes to create a variable product if that attribute is applied. Additionally, you can create custom attributes for each of the variable products that you create. First, let’s see how to add a variable product.

To create a variable product, you need to go to Products → Add Product

Add product name, description, categories, etc. as you would do for adding any other product.

Creating a variable product
Creating a variable product

Adding a variable product

The most important step in defining a variable product is in the Product Data metabox. Select ‘Variable product’ from the ‘Product Type’ drop-down.

Selecting product type
Selecting product type

When you select a variable product, you can see the Product Data metabox has more options. These are specific to this product type, such as ‘Attributes’ and ‘Variations’.

Product Data metabox
Product Data metabox

To start with, we will go to the Attributes section. Use the ‘Custom product attribute’ drop-down, where you can select the desired attribute for your new variable product. Simply select and click add to apply the attribute. For example, let’s add the global attribute ‘Size’ to this product.

Select ‘Size’ and click the Add button.

Selecting custom product attribute
Selecting custom product attribute

Once you add the attribute, the screen expands as seen in the below screenshot.

Selecting terms for the attribute
Selecting terms for the attribute

There are two checkboxes. The first is to make the attribute visible on the product page. The second makes the attribute available to be used for variations.

You can select the terms for the attribute from the ‘Value(s)’ field. There are multiple ways to do this. If you want to apply all the pre-defined global terms to this product attribute, click the Select all button. Click the ‘Select terms’ text box to get a drop-down with all the global terms, if you prefer to selectively apply. Use the Add new button to add an additional custom term.

Adding terms for the attribute
Adding terms for the attribute

Repeat the steps if you want to apply another attribute to this product. For example, let’s add the attribute ‘Color’.

Adding additional attributes
Adding additional attributes

Once all the applicable attributes are added to the variable product, click the Save attributes button.

Creating variations of the product manually

Next, we will create variations of the product.

When you go to the variations screen, two options are available. One to manually add variations based on the attributes we have created. If you wish to choose this, select ‘Add variations’ and click Go button.

Adding variations
Adding variations

This will take you to a screen where you can manually create variations using the available attributes. You can also set a default display term for any particular attribute.

Creating a variation manually
Creating a variation manually

In addition, now you can see a lot more options in the drop-down to bulk edit.

Bulk editing a variable product
Bulk editing variations

Creating all possible variations of the product

An easier way to approach this is to let WooCommerce create all the possible variations at one go.

Select ‘Create variations from all attributes’ and click Go button directly when you go to the Variations screen…

Directly creating all the possible variations
Directly creating all the possible variations

Or select from the drop-down that has the bulk-edit options.

Creating variations
Creating variations from the bulk edit drop-down

In this example, we will create all the possible variations.

You can see all the possible variations (according to the pre-defined attributes) in the screenshot below.

Displaying possible variations
Displaying possible variations

Next, you need to add more information to each of the variations that you created.

Hover the cursor around one variation to display a few icons. Click the arrow icon to expand the screen. Here you can add all the required information for the product like price, SKU, shipping information, tax details, etc.

Editing the variation is pretty straightforward. The settings are just like how you edit a simple product.

You can repeat the process for all possible variations.

Use the ‘hamburger’ icon if you want to sort the display order of the variations. Click ‘Remove’ to delete that particular variation as well.

Adding information to the variations
Adding information to the variations

Do not forget to click the Save changes button after all the information is added.

Setting up different prices for each variation

With WooCommerce variable products, you can create a separate price for each of the variations. You can individually access the Product Data tab of a variation and add a price.

For this, first you have to open the variable product, and then scroll down to the Product Data section, and open the ‘Variations’ tab. Here you can set the Regular and Sale price of that particular variation.

You can open the individual variations and set a different price for each of them.

Video Tutorial:

Related posts: