Home » Featured Articles » How to Create a Variable Product in WooCommerce

How to Create a Variable Product in WooCommerce

In this walkthrough, we’ll cover how to create and configure a variable product in WooCommerce. Use it as a baseline reference.

Step 1:

From your WordPress dashboard, navigate to Products > Add New. Click Add New.

How to Create a Simple Product in WooCommerce - Step 1

Step 2:

You’ll then see a new screen open displaying the product page editor. Here you can add your Product name, description, product image, and additional images. From here you will also be able to add your product categories and product tags.

How to add variable product in WooCommerce

Step 3: Product Data Settings:

In order to set our variable product up we must first input some key information. In the Product data panel you’ll find a series of tabs comprising:

  • General settings – For configuring the regular price and sale price of the product.
  • Inventory – For adding SKU(Stock Keeping Unit), managing stocks, and limiting purchases.
  • Shipping – For configuring product weights & dimensions, and selecting a Shipping class.
  • Linked Products – For selecting products for upsells and cross-sells.
  • Attributes – Allowing you to add product attributes for a better description of the product, and/or choices.
  • Variations – Allowing you to set the data for the individual variations of your product. A price, SKU, image, description, stock value, as well as the weight and dimensions of the item can all be set here.
  • Advanced – For adding purchase notes, menu orders and enabling reviews.
  • Get more options – For adding extensions to your WooCommerce store.

To set up your Variable product select ‘Vaiable product’ from the dropdown menu as shown below:

How to Create a Simple Product in WooCommerce - Step 2
Selecting your variable product type

Step 4: Adding Attributes

Next, we need to add our product attributes.

How to Create a Variable Product in WooCommerce - Step 4
The attributes tab

Important: WooCommerce allows you two ways to add product attributes.

METHOD 1:

The first method to use is if you want to have attributes that can be used across a range of other products. We recommend using this method before creating your variable product in Products > Attributes. Although this is not essential, it saves going back and forth between different sections of WooCommerce and makes for quicker page development.

From within Products > Attributes you can create all the attributes you need and configure all of the terms for them.

Configuring WooCommerce attribute terms

Once these are set up you’ll see them available under the Attributes tab. Simply select the attribute required and click ‘Add’.

Selecting a WooCommerce attribute

Now choose the values by either clicking ‘Select All’, or by typing the name of the value inside the ‘Value(s)’ box.

Make sure you have checked the ‘Visible on the product page’ and ‘Used for variations’ boxes checked if your want these to be selectable by customers.

Click ‘Save attributes’.

Custom product attributes for variations

METHOD 2:

The second method is to add the attributes directly from within the product page by clicking the ‘Add’ button (shown below). This method is good if the attributes you’re adding are only going to apply to this product and nothing else in your store, as these custom product attributes are attached to this product only.

  • Fill out the ‘Name’ field, e.g Colour.
  • Create your value(s), e.g, Red, Green, Blue. Each value needs to be separated by a pipe ‘|’, like this: Red | Green | Blue.
  • Leave ‘Visible on the product page’ checked if you want customers to see the title and values. You must also check the box that says ‘Used for variations’.
  • Click ‘Save attributes’.
Manually adding an attribute in WooCommerce

Step 5: Adding Variations

Click the ‘Variations’ tab.

There are two methods available for setting your product variations.

METHOD 1:

This method creates variations from the value(s) we added in Step 4, Method 1.

1. Select ‘Create variations from all attributes’.

Create variations from all attributes
Create variations from the attributes

2. Confirm your choice.

Confirm you want to link to all variations

Your variations will now be added and you can begin to add the product data to each.

Make sure you add all of the relevant fields for each variation in here, product variation image, SKU, price, weight, dimensions, etc.

Product variation data screen

METHOD 2:

This method allows you to manually add variations of your product.

Simply select ‘Add variation’ from the select menu in the Variations tab, and click ‘Go’.

Adding a variation from the select menu

You can then set up each individual variation, adding all of the relevant fields, such as product variation image, SKU, price, weight, dimensions, etc.

Rinse and repeat the process for the rest of your product variations.

Manually add a product variation

Click on the select menu again also now gives you more options to play with. From here you can bulk edit much of the product data – very useful when dealing with a lot of variations!

Variable product bulk edit options

Once you have filled out all of the fields necessary, click the Publish button in the top right of your screen to publish your WooCommerce Variable Product.

Leave a Comment

Your email address will not be published. Required fields are marked *