Want to create a WooCommerce product with multiple variations but not sure how?
Then this post is perfect for you as we will go through step by step how to create a product with variations in WooCommerce.
Step 1: Set Up Product Attributes
The first step in creating WooCommerce product variations is to set up product attributes as these are going to be what you build your variations from.
To do this, go to Products → Attributes in your WordPress dashboard and you will be presented with the following page:
When you are creating a new attribute, enter the name you want for that attribute and the way the terms within the attribute are sorted. There are four options but the main three are:
- Custom Ordering – You choose the order in which the terms are displayed (Colors in above image)
- Name – Alphabetic sorting based on the names you give to the terms (Size in above image)
- Name (Numeric) – Numeric sorting, should be used for any numbered terms (Size Ladies in above image)
Once you have created the attributes, you need to set up the options, or terms within the attribute and that is done by clicking the configure terms link and on this page, you can set up all the options you need for the product.
These attributes can also be used to help customers search through your products if you use the Filter by Attribute widget that can be added to your sidebar and/or footer.
Step 2: Create or Edit a Product
Once you have set up all of your product attributes, you can then start to set up your product variations. This is done by selecting Variable Product instead of Simple Product from the drop down menu in the Product Data section of the add new product page.
When you select variable product, the Inventory tab in the Product Data section will be replaced by a Variations tab. To begin setting up your variations, you first need to select which attributes you want to apply to that product.
Once you have selected the attribute and options you want to use in your variation, you much make sure that the Used for Variations check box is ticked. Once you have done this and selected all of the attributes you want to use, click Save attributes and then move to the Variations tab to begin setting them up.
There are a couple of different ways you can create variations for your product, the first is select Add Variation from the drop down menu and click go, you can then select which attribute you want to create variation for.
The second is to select Create Variations from all Attributes and click go, this will automatically create product variations based on the attributes that you selected earlier, this is a good way to bulk create variations.
There are also more options available in the dropdown menu but the first two will be the best option for most.
Once your product variations have been created, hover your cursor over the variation and three pop up options will appear:
- 3 Bars, this will allow you to drag and reorganise your variations
- Arrow, clicking the arrow opens up all of the options for the product variation
- Remove, clicking this will ask you if you are sure you want to remove the variation
For this tutorial, we are going to be clicking the arrow, so that we can edit all the options for this variation.
In this drop down menu is where you set up all of the information for that variation and this includes:
- Variation Image
- SKU Code
- Whether the product is Enabled, Virtual or Downloadable
- If you want to manage stock levels (adds additional boxes)
- Price & Sale Price
- Stock Status
- Weight & Dimensions for Shipping
- Shipping Class
- Description for the Variation
Once you have worked through this section, click save so that you don’t lose any of this information, then do the same with all of your other product variations.
You can then preview how these product variations appear on the front end of your site and as you can see in the image below, as dropdown box has been added with all of the product variations that you created.
If your variations are priced differently, it will also add the price range for the products as well.
Step 3: Multiple Variations
It may be the case that you need to create multiple variations for your product and using the example above, this could be adding size alongside the colours.
The process is basically the same except for you add multiple attributes in the Attributes tab.
Then when it comes to adding the variations, you will be able to add information for each type of variation, as can be seen in the image below, I could create different prices etc for each colour t-shirt and size combination.
Multiple variations do take longer to set up as there are more options to configure but for some products this is essential and on the front end of your site, there will now be two different drop down boxes that customers can choose options from.
Customers also won’t be able to add products to their baskets unless they select an option from both drop down menus.
So that is how you add product variations to a product in WooCommerce, while it may seem a little daunting at first, after a couple of times doing it, it becomes quite simple.
You can also use other plugins to alter the appearance on the front end of your site by changing the drop down menus to radio buttons or checkboxes, you can also install plugins that can add swatches to the variations as well but the basic principle of creating these variations remain the same.