# How to Add Attribute to Products

The first thing to do is to **Add new** product or **Edit** an existing product, then set **Variable product** as the product data, select **Custom attribute** or choose any of the existing attributes available, define the **values** and check the two options **'Visible on the product page'** and **'Used for variations'** and **Save** changes.

![](https://1685692939-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRBzBxqo8wmsZqqHcdjE%2Fuploads%2FlmzZWrH7uBzBCEwq8uDv%2FHow%20to%20add%20attribute%20to%20products.png?alt=media\&token=5cd5e6e4-3607-4698-9e27-026a3c76b877)

Next step is to go to **Variation** tab, click the dropdown to either **Add new variation** (as used in the next screenshot below) or select the option to **Create variation from all attributes** available. Add the **Price** and **Image** to all the variations respectively**. Save** the changes.

![](https://1685692939-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRBzBxqo8wmsZqqHcdjE%2Fuploads%2FVBo5FW7KAWru2a0HOtx8%2FHow%20to%20add%20attribute%20variations%20to%20products.png?alt=media\&token=7bb1ffc4-08cd-4906-8f6f-18a548d6913c)

The GIF image below shows how it looks like in frontend after saving the settings above:

![](https://1685692939-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRBzBxqo8wmsZqqHcdjE%2Fuploads%2FljEE1aUAuSEAMvrTzyDN%2FHow%20the%20regular%20variation%20looks%20like%20in%20frontend.gif?alt=media\&token=94bb9beb-8890-4aee-948e-99af9f6eb699)