WooCommerce

Adding an attribute in Woocommerce

 

1. Go to Products and then select Attributes. In this tutorial, we have already created two: size and flavour. To create a new attribute in this example, enter Colour for the name but leave the slug field blank.

Screenshot of clicking Attributes

2. After that, select the Type you want, then click Add Attribute.

Screenshot of clicking Add Attribute

3. Now that it’s been created, we need to add the terms. To do so, go to the right-hand side of the screen and click the Configured Terms icon.

Screenshot of clicking the Configured Terms icon

4. A prompt to add the Name, in this case, the colours—will then appear. After that, click Add New Colour. If we go back to Attributes, you can see that colour is now created with three terms, which are the new colours.

Screenshot of clicking Add New Colour

5. The next step is to add it to a product. Go to Products, then select Add Product. Click on Attributes you’ll see below.

Screenshot of clicking Attributes

6. From the drop down menu, you can also create a custom attribute directly from this page or select an existing one. Since we created Colour in this tutorial, select it from the list, and then click Add.

Screenshot of clicking Add

7. Click Select All to see the three options we have just created. If this product doesn’t have all three options, you can remove the ones that it doesn’t have. You can also type in the colour to add it back.

Screenshot of clicking Select All

8. Always tick the Visible on the product page, then click Save Attributes.

Screenshot of clicking Save Attributes

9. Once you’ve done that, go to the Variable product to create a variation that the user can select.

Screenshot of clicking Variable product

10. When we click Attributes, the colour we just created remains with the new option Used for variations. Tick that and then click Save Attributes.

Screenshot of ticking Used for variation

11. Go to Variations, and you can then add that attribute.
12. After selecting Add variation from the drop-down menu, click Go.

Screenshot of clicking Go

13. It will then allow you to choose the colour. If you feel the need to add more, click Add variation and Save Changes.

Screenshot of clicking Save Changes

Wordpress Basics

View more

Wordpress Editing

View more

Wordpress Plugins

View more

WooCommerce

View more

Troubleshooting

View more

Guides

View more

Hosting & Domains

View more

SEO

View more

Advanced

View more