How To Create or Recreate Product Variations Print

  • WordPress, woocommerce, WordPress Content
  • 11

Creating WooCommerce Variations

Are you having difficulties with creating WooCommerce variations for your products?

Product variations let you display multiple options for a particular item so that customers can select whichever one they want. Variations allow users to choose different options for a product. This means you can sell any product in different sizes and colors.

How to Display Product Variations in WooCommerce | Elegant Themes Blog

However, variations can be complex to set up.While there are a few tricks to using this feature, once you get used to the process it becomes simple to list products with as many variations as you’d like. In this quick tutorial, we’ll explain what WooCommerce variations are and how they work. Then we’ll walk you through how to set them up for your products.

Let’s take a look!

First, let's start by creating a new product in our WooCommerce store.

  • In your WordPress admin, hover over "Products" and click "New Product".
  • Enter "Plain Purple Shirt" as the title for this product.
  • From the "Product Type" drop down, choose "Variable product".

 

woocommerce variable products

 

And let's add our attributes.

  • From the Product data meta box, click "Attributes".
  • Select "Styles" followed by "Add".

 

woocommerce product attribute select box

 

  • Select "Used for variations" and "Select all".

 

woocommerce styles

 

  • Click "Save attributes".
  • Click on the "Variations" tab.
  • And from the drop-down, select "Create variations from all attributes" followed by "Go".
  • You'll see an alert pop up. Click "OK".

 

woocommerce create variations from attributes

 

You should now see your three WooCommerce variations, as shown in the image below.

 

woocommerce variations

 

You can click into each one and change specific things.

You can enter a price specific to this variation. You can choose a custom weight and dimensions - in the case of shirts, perhaps some sizes are physically larger than others. You can specifiy which variations are in stock.

In this example, let's upload a custom photo for this WooCommerce variation. That will help the user make the right choice.

  • Click the "Photo" icon and upload a t-shirt image.

 

woocommerce change variation image

  • Repeat this for the U Neck and Polo variations. 
  • When you're done, don't forget to click "Save changes".
  • And then just for good measure, click "Update" (or "Publish" if the product wasn't already published) just to make sure all of the data is saved.

Let's take a look at this product on the front-end of your site.

 

 

woocommerce variations and variable products

When the user chooses a style, they'll see updated pricing and an updated photo. If you see a message about the product being unavailable, you probably forgot to set a price for each variation.

 

woocommerce variations with a Uneck shirt

 

  • Using variable products makes your store much easier to navigate for the end user. And you have less information to manage.
  • Setting up those attributes is a pain to do the first time. But once they're set up, creating variable products isn't too hard.
  • Attributes also display on the front end and make your product page a little easier to read for humans and search bots.

 

woocommerce variations additional information

I

f you ever want to add custom information to the "Additional information" tab, you can manually type in attributes on the edit product page.

An example of another store doing this is Best Buy. If we look at one of their products, we can see a large amount of attributes. How far you want to go with attributes is entirely up to you. The more information that you provide for your customers, the more likely they are to buy because they feel safe and secure knowing everything about the product. So we recommend putting in as many attributes as you can.

That is all, happy selling!


Was this answer helpful?

« Back