How to Add a Variable Product in WooCommerce

A variable product in WooCommerce is a product with a few variations. For example, an iPhone 8 is a product with a few variations. It comes with a few color variations and capacity variations.

In other words, the only way to sell an iPhone 8 in WooCommerce is by using the variable product type. With the variable product type, you can give shoppers the options to choose between colors and capacities. And you can even set a different price to appear for the different capacity variations.

But of course, it can also be used for any other products with variations.

Here I will show you how to add a variable product in WooCommerce.

Add the attributes

To begin adding a variable product, you will first need to add the attributes of the product. For instance, if the product which you are selling has color variations, then you will need to add the Color as the attribute and define the colors available.

These attributes can be added under the Attributes section in WooCommerce.

woocommerce attributes

If the variable product has more than one attribute, you will need to add it accordingly.

Learn more about adding Attributes in WooCommerce here

Add a new variable product

Once the attribute(s) has been added, you will then need to add a new product.

Head over to the Products > Add New section.

And begin adding the usual details of the product such as the product name, product description, tags, category, and product image.

What you should pay attention here is the Product data section.

The first thing you need to do here is to select the Variable product option from the Product data dropdown selection.

After that, you will see the typical inventory settings. You don’t need to configure this here as it can be configured later on under the Variations tab.

Same goes to the Shipping. It can be configured later on too.

The main gist of adding a variable product actually lays in the Attributes and Variations tab.

So, click on the Attributes tab.

After that, select the attributes which you have added earlier and click Add.

Next, check the Used for variations box and followed by selecting the terms of the attributes.

woocommerce product variations

And save it.

Once the Attributes tab has been configured, head over to the Variations tab.

The Variations tab is where things get a little serious. To begin, select the Add variation option and followed by clicking on the Go button.

product variation woocommerce

The first thing you will see once the above is done is Default Form Values. It is basically the default variation. For instance, if the shopper does not select any variation on the product page and hit the Add to cart button, the default variation will be assigned.

So, select the variation which you think should be the default.

Then, it’s time to configure the variations. To do this, select the variation which you want to configure and Expand it. See the screenshot below for your reference:

You will then be able to configure the variation like a simple product. You can define the price, define the shipping, and manage the inventory. You can even upload an image for the variation. By uploading an image for the variation, the featured product image will change whenever the shopper selects the variation.

Once you are done configuring the variation, you can save the changes and move on to the next variation.

To add another variation, select the Add variation option and click on the Go button again.

And repeat the similar steps.

That’s how you add a variable product in WooCommerce.

Here’s how the variable product looks like on the front-end: