Creating product variants in WooCommerce
Creating product variations
- Sometimes customizable products have more than one color, material, size or style so the creation of all possible variations is inevitable.
- It is important to emphasize that product variations must be first created in WooCommerce store and only then – linked to particular product templates in the Smart Customizer app.
- Follow the step by step guide on how to make product variations customizable.
Adding product variants in your WooCommerce store
- Open the product you want to customize in WooCommerce.
- Add all the necessary product information like Title, Description, and product Images.
![Product setup window in WooCommerce Open product in WooCommerce store](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/woo-product-info.webp)
- In Product data, select Variable product.
- Click on Attributes and then Add new.
- Enter Name; it can be size, color, style, or others. Then enter Values and separate each value with |.
- Click on Save attributes.
![WooCommerce product options WooCommerce variation options](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/woo-product-attributes.webp)
- Select Variations and click Generate variations.
- To continue, click Add price.
![Add price for products Add price for new product variants](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/woo-product-variations.webp)
- Input a price and then click on Add prices. This will apply the price to all variations.
![Add prices Add prices for all variants](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/add-price.webp)
- To set different pricing for products or edit other information, click on Edit and modify the details in the input fields.
- Click on Save changes. Repeat the same steps for other variants.
![Edit product variation information and pricing Edit variation information](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/edit-variation.webp)
Linking product templates to WooCommerce variants
- You will have to create as many product templates in our app, as many variants you added in your WooCommerce store. For instance, if you have a customizable Cushion that is available in 2 different sizes then you should add 2 product templates in SC app - each representing a different size product. If you don't know how to start with the product setup please check the reference.
![Product templates in Smart Customizer app Product templates](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/sc-products.webp)
- Once you done with the product setup please make sure that each product template is linked to a particular variant in WooCommerce. Open product template and assign the necessary variant. Save the changes.
![Link product template to WooCommerce variant Product linking](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/sc-product-linking.webp)
- Check how the variants look in the front.
![Customize product in the front Customize product](/user/pages/04.knowledge/creating-product-variants-in-woocommerce/front-customize.webp)
- If the Customize product button does not appear, please check the troubleshooting article or contact our support team.