This website uses cookies in order to offer you the most relevant information and services online. Please accept cookies for optimal performance.
Learn More

Creating Variable Product using WooCommerce Plugin within Your WordPress Admin Panel

This article gives information on creating variable product using WooCommerce plugin within your WordPress Admin Panel by logging in to your WordPress account.

Before creating a variable product let us know what a variable product is and where it can be used first.

A variable product is a item where you can able to provide an user to choose different options of the same product as per their requirement.

Let us consider a case where you are selling a dress to your customer with different colors and sizes:

  1. Color: a) Orange, b) Pink and c) Green
  2. Size: a) Small, b) Medium, c) Large and d) Extra Large

Let us consider this two variations in our product.

Login to your WordPress account using your admin credential as shown in Figure 1.

Figure 1
Figure 1

Go to 'Products' section and click 'All Products' from the admin menu as shown in Figure 2.

Figure 2
Figure 2

You will find the list of products created in your admin panel in a tabular form as shown in Figure 3.

Figure 3
Figure 3

Click on the product in which you want to add the variations as shown in Figure 3.

You will find the product details page. Go to 'Attributes' section in the product data as shown in Figure 4.

Figure 4
Figure 4

Once you click the 'Attributes' section in product data, you will find a section 'Custom Product Attribute' section. Click on the button 'Add' associated with it as shown in Figure 5. You need to add the 'Custom Product Attribute' twice in order to add two different variables.

Figure 5
Figure 5

In the 'Custom Product Attribute' section, you will find the fields 'Name' and 'Values' as shown in Figure 6. Enter the name as 'Color' and Values as 'Green | Pink | Orange' as shown in Figure 6. You also need to check the box 'Visible on the product page' as shown in Figure 6. Repeat the same procedure for the other variants as 'Size'.
NOTE: You must separate the values with pipes.

Figure 6
Figure 6

Click on the 'Save Attribute' button in order to save your settings.

Click on the 'Product Data' drop-down menu and select as 'Variable Product' as shown in Figure 7.

Figure 7
Figure 7

Once you clicked the 'Variable Product', again go to the 'Attribute' menu and click the checkbox 'Used for Variations' and press the button 'Save Attribute' as shown in Figure 8.

Figure 8
Figure 8

Click on the 'Variations' menu and you will find the section 'Add Variation' section in it as shown in Figure 9. Click the button 'Go' to add the variations as shown in Figure 9.
Note: Here you need to add the 'Go' button 12 times in order to add all the variations.

Figure 9
Figure 9

Once you add all the variations, select the variation types from each drop menu as shown in Figure 10.

Figure 10
Figure 10

Once all the variations types are selected, click on the 'down arrow' associated with each variations as shown in Figure 11.

Figure 11
Figure 11

Once you click the 'down arrow' you will find the attribute section where you can add the values like 'Regular Price', 'Sale Price', 'Shipping Classes', 'Stock Status' etc as shown in Figure 12.

Figure 12
Figure 12

Enter the 'Regular Price' for all the variable products and click the button 'Save Changes' as shown in Figure 12.

Once it is done, you can scroll up and save the entire product by clicking the button 'Update' as shown in Figure 13.

Figure 13
Figure 13

Give your feedback to improve the article

Latest Product Updates

Get the latest news and updates about Batoi Products - articles and product releases.

Need our assistance? We are available with you.

Existing Customer?
Get Support
Talk To Consultant?
Get An Appointment
Contact Us

Batoi global offices and contact details

Stay Connected

Join our community, newsletters, and social media.

Batoi's Annual Cloud Conclave is coming soon. Please watch out.