NewThe WP Tutoring WordPress training platform is live — on demand video courses and interactive WordPress lessons. Free lessons included.Start free
Helping site owners learn WordPress since 2012 · (844) WP-TUTOR
WordPress Basics

WooCommerce Variable Products

Creating a WooCommerce variable product allows you to offer a set of variations on a product with control over prices, stock, images, and more for each…

WT
WP Tutoring TeamWordPress Instructors
Updated Sep 27, 2023
2 min read

Creating a WooCommerce variable product allows you to offer a set of variations on a product with control over prices, stock, images, and more for each variation. For example, if you're selling t-shirts, they might come in different sizes and colors.

Here's a step-by-step guide on how to set up a WooCommerce variable product:

1.  Install and Activate WooCommerce:

If you haven't already, first ensure that you've installed and activated the WooCommerce plugin on your WordPress website.

2.  Create a New Product:

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

Add your product title and description as you would with any other type of product.

WooCommerce Variable Product

3.  Select 'Variable Product':

 In the 'Product Data' dropdown (located in the central panel), select 'Variable product'.

Product data dropdown set to Variable product in WooCommerce

4.  Add Attributes:

Attributes are the features that your product variations are based on, such as size or color.

  In the 'Product Data' section, click on the 'Attributes' tab.

WooCommerce Variable Product attributes.

Click on 'Add' to add an attribute.

Give the attribute a name (e.g., "Color").

In the 'Values' field, input the terms for that attribute (e.g., "Red | Blue | Green").

Separate each value with a vertical bar     . Check the 'Used for variations' checkbox. Click 'Save attributes'.

Attribute name and values entered with the Used for variations checkbox checked

If you have another attribute (e.g., "Size"), you would add it similarly.

5.  Add Variations:

After setting up your attributes:

 Click on the 'Variations' tab in the 'Product Data' section.

Variations tab in the WooCommerce Product data section

Click on 'Go' after selecting 'Create variations from all attributes' from the dropdown. This action will create a variation for each combination of attribute values.

Create variations from all attributes selected in the dropdown next to the Go button

Once the variations are generated, you can set individual prices, stock status, and other data for each variation. Click on the triangle icon to expand each variation and adjust as needed.

 For instance, you might want to specify a different price or stock quantity for the "Red, Small" t-shirt vs. the "Blue, Large" t-shirt.

Generated variations listed in the Variations tab, ready for pricing and stock

6.  Product Image:

 In the right-hand side panel, you can set the main product image (this is the default image).

 For each variation, you can also set a specific image. This means when customers select a specific variation (e.g., "Blue" t-shirt), the corresponding image will be shown. You can set these by expanding each variation in the 'Variations' tab and selecting 'Upload an image'.

Expanded variation with fields for image, price, and stock details

7.  Other Product Details:

You can also fill in the other regular product details such as:  Product Categories & Tags

 Short Description

  SEO settings (if you have an SEO plugin installed)

Product categories and tags panels in the product editor sidebar

8.  Publish:

Once you're satisfied with the product details and variations, click the 'Publish' button to make the product live on your website.

And that's it! Your variable product is now set up and customers can choose their desired variation when visiting the product page.

WT

WP Tutoring Team

WordPress Instructors

We’ve been teaching WordPress to individuals and businesses since 2013 — through step-by-step tutorials, video courses, and 1-on-1 tutoring sessions.

Leave a comment

Comments are reviewed before they appear.

Get our free WordPress starter guide

Join thousands of site owners and get step-by-step WordPress tutorials in your inbox, plus printable cheat sheets.

Beginner-friendly, no jargon
Printable cheat sheets & checklists
Unsubscribe anytime

Request your session

We’ll reply quickly — usually the same business day.

By using this form you agree with the storage and handling of your data by this site.

Access our WordPress Training Academy videos

Step-by-step video courses covering the block editor, themes, plugins, and everything you need to build a site you’re proud of. Free lessons included — browse the full library before you sign up for anything.

Explore the Academy