Creating Variable Product using WooCommerce Plugin within Your WordPress Admin Panel
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:
- Color: a) Orange, b) Pink and c) Green
- 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.
Go to 'Products' section and click 'All Products' from the admin menu as shown in Figure 2.
You will find the list of products created in your admin panel in a tabular form as shown in 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.
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.
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.
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.
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.
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.
Once you add all the variations, select the variation types from each drop menu as shown in Figure 10.
Once all the variations types are selected, click on the 'down arrow' associated with each variations as shown in 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.
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.