How to Set Up and Extend Variable Products in WooCommerce

What is a Variable Product in WooCommerce?

Variable products in WooCommerce lets you create specific products that have multiple variations, for example, different colors, sizes, prices, and other data. When you create them, you will apply attributes, terms and variations to your products, as well as add specific images for each variation. T-shirt products are a good example of of a variable product in WooCommerce.

How to Create Variable Products in WooCommerce

Attributes

Before creating your variable product, you need to create the attributes. If you go to Products > Attributes, you get this screen. As you see, I have already created the attribute size. Now I’m going to add colors.

add attribute

Attribute Terms

Once I have created it, I will now configure the terms (see above), which, in this case, is the specific color.

Here I will add blue and give it a short description, which may or not show, depending on your theme.

add color attributes

Once I add them, they appear here.

And also will appear on your attribute page.

Creating the Variable Product

The next step is creating your Variable Product. Under Products, click on Add New. Below your description, you need to assign the product date to Variable Product.

You will of fill in all the other necessary data and descriptions. Now let me show you information specific to Variable Products.

Adding Attributes to Products

Here you will select the attribute or attributes that you want to add to the product.

adding attributes

If I select colors, I have the options to add all terms or none. If you want to add only certain terms to this specific product, if you click on it. you will see a dropdown. Make sure to select Used for variations. This box is not toggled by default and if you add your terms, it will disappear.

variations

If I were to click on Select All, all the terms I created for this variable would be added. Also, I can add a new term if I choose to.

add colors

After doing the same for sizes, I save both.

add all color

Creating Your Product Variations

Now you will create all the variations of your product. Simply click on Variations and you will have the option to add variations or create variations from all attributes.

options for adding variations

If you click on the add variation, for example, you can fine-tune what variations you want, based on attributes. In this example, I chose to have the variations created for black and all sizes. I also set the default form values to pre-select the black, large t-shirt on the front end of the store.

add variable

And you have several other options when creating the variations.

options for variable

If we expand that variation, we can fill in the rest of the details, such as prices, images, stock, etc.

expanded variation options

Or we could add them all at one time.

add all variations

You will get this confirmation message.

run all variations message warning

And here are the results.

all variations added at once

Now I would go into each of these and set them up, filling in the necessary information.

setting up one variation

Now if we view it on our store, this is what it will look like (depending on the theme you have installed.)

front end product

This helps you create the variations of the different products you are selling.

Products by Attributes Block

With WooCommerce comes several blocks to allow you to add products to posts or pages. Included in these is the Products by Attribute Block.

Simply add the block to where you want it on the page or post, then select which attributes you want to display. Or you can add all attributes.

And this is how they look in the editor.

Need To Expand Your Variable Products?

Here a four other extensions that we have written about that will help you extend your variations.

How to Control Where a Single Variation Displays

Variations of product are often buried and WooCommerce doesn’t give you much control over displaying any single variation. With the WooCommerce Show Single Variation plugin, you get more control over where and how a variation will show up. You can even add them to your shop page. Check out our post here.

How to Link a Group of Any Type of Product by Attributes

The ability to link products together using their attributes via variations, can help with search, filtering and better archives. It also adds the benefit of giving each product variant a title, description and a unique URL. As a result, it really helps Google to index your products for a lasting long-tail SEO. Read more about it here.

How to Let Customers Add Multiple Variations to Their Carts with a Single Form

If you sell to businesses and your customers order bulk from variations of a single product, giving them an easy form to use could keep them as customers. This is useful with a number of products, from clothing to tech. A simple form could save them a lot of time on your store. Read more about how the extension Bulk Variation Forms gives you the ability to offer such an option.

How to Add Custom Fields to Variations

If you create variable products a lot using WooCommerce, I’m sure there have been times when you wished for a field that did not exist, one that would only be used in a variation. But you need to make it easy. When someone, whether yourself or a team member, adds product variations, they can easily add the extra information or data as needed for the product. Read out post on how the WooCommerce Custom Fields for Variations plugin will help you with this.

A Few More Extensions…

Bulk Stock Management

If you need to closely manage your stock for all your variations, you may want to check out this extension. It gives you a new section in your dashboard to list your products and variations along with their stock properties. They can be filtered by product type, stock management status and stock status. You can also filter them by name, ID, SKU or stock quantity. Check it out here.

Variation Swatches and Photos

With this extension, you can replace drop-down fields on your variable products using color and image swatches. This is an excellent way to display the available colors of a product, their available styles and anything else you can think of that would display either an image or a color. Check it out here.

Additional Variation Images

This extension lets you add additional gallery images per variable product. By default, you are only able to swap the main variation image when you select a product variation, not the gallery images that are below it. But this cool extension lets your customers swap different gallery images when they select a variable product. For example, it will allow your customers to view different images of a product all in the same color and style. Check it out here.

Bulk Variation Forms

With this extension, your users can easily add multiple variations of a product to their cart from a single form. It really is great with helping to simplify the bulk ordering process for B2B sites, wholesalers or any user who likes the convenience of adding several variations of the same product easily and efficiently. Check it out there.

Subscription Variations

If you are moving to subscription-based products, the Subscriptions extension can do that for you. You will be able to create variable subscription products and allow your customers to choose the subscription that fits their specific needs. You can also allow customers to choose their own billing cycle. Check it out here.

Here is a list of other plugins that we have written about that work with variations.

The Ultimate Guide to Build and Grow Your WooCommerce Site

I write a lot about WooCommerce on this site. Here is a list of dozens of posts to help you build and grow your WooCommerce store.

do the woo weekly news

Get weekly news on and around the WooCommerce community. Updates to our podcast, news from our weekly roundup and extra news from within and outside the WooCommerce space.  I write this myself and it is delivered to your inbox every Saturday morning.