Image default

How to Add Variable Products in WooCommerce

WooCommerce is one of the most popular WordPress plugin through which you can easily launch your online ecommerce business. Here you will learn how to implement WooCommerce variable products on your online store.

What is Variable Products in WooCommerce

WooCommerce variable products are the varieties of an item that give access to the store owners to add multiple inventory items to their online stores. This product variation allows store owners to do changes in prices, images, stock and other areas. Simply, WooCommerce variable product allows to align your inventories on several versions.

Online apparel stores can take full advantage of using WooCommerce variable product as they deal items such as shirts, pants, hoodies etc. All the items must have multiple versions that differ in sizes, color and material.

Now instead of adding more versions of a shirt as individual items, store owners can use WooCommerce variable product to group all the products.

The best thing about WooCommerce variable product is that it’s easy to implement on your WooCommerce store. You just have to follow these simple steps and you will see your store leveraging benefits from WooCommerce variable products.

Step#1 How to Create Attributes

First you have to login to your WooCommerce store using your Admin credentials. After that go to left menu bar and under products, you will see an attribute option.

How to create attributes

Click on the attribute option to see the detailed fields:

click on the attribute option

There you will see the two text fields labeled as Name and Slug.

In Name field add title of attribute such as color or size. The slug field is optional you can leave it empty. Now click the attribute button to add the attribute.

I have added “Size” attribute as you can see in the following screenshot.

size attribute screenshot

Now go to heading ‘Terms’, you can see an option configure items. Click on that option to add the related options.

Let’s add the size options for this item.

Add related options

I have added a size option with the Name as ‘L’ and Slug as ‘large’. You have to follow the same process to add available sizes for your inventory items. Click on the button to save changes.

After finalizing my list look like this.

my list look like this

Now I will show you another attribute of color, that is another necessary variation for my products. Here how it looks.

color attribute

Step#2 How to Add Attributes to the Product

The attributes have been created and now you have to add them to the product.

Go to left menu bar in products section and there is an option Find All Products. Select the item that you want to apply the attributes. As an example I have selected the item hoodies.

select item as hoodies

Now go to the product data dropdown and choose the Variable product option.

select variable product option

Now choose the attributes and there you will see a list of attributes that you have created for your products. I have selected the colors attribute.

selected colors attribute

Now add the values such as orange, black etc, and check the variation checkbox.

variation checkbox

Next, I will add available variations and the ‘Size’ attribute

add available variations

Now click the save button to save the attributes.

Step#3 How to Add Variations

This is the last step. Now click on the variations and click the Go button.

create variations for all the products

This is the best option as it can help you to create variations using all the available attributes.

create variations using available attributes

Once you have finalized the variations, expand variation and insert image, weight, price and other dimension aspects.

set the variations

Click on Save changes button to finalize all the changes.

Save product changes

Now publish the products items and see the front view.

Product front view

You have now added the product variations on your WooCommerce store. successfully.

Related posts

Change Link “Add to Cart” for a Link to the Product in WooCommerce


Show Category in WooCommerce Product Loop


How to Customize WooCommerce Product Variations