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

  1. Open the product you want to customize in WooCommerce.
  2. Add all the necessary product information like Title, Description, and product Images. Open product in WooCommerce store
  3. In Product data, select Variable product.
  4. Click on Attributes and then Add new.
  5. Enter Name; it can be size, color, style, or others. Then enter Values and separate each value with |.
  6. Click on Save attributes. WooCommerce variation options
  7. Select Variations and click Generate variations.
  8. To continue, click Add price. Add price for new product variants
  9. Input a price and then click on Add prices. This will apply the price to all variations. Add prices for all variants
  10. To set different pricing for products or edit other information, click on Edit and modify the details in the input fields.
  11. Click on Save changes. Repeat the same steps for other variants. Edit variation information

Linking product templates to WooCommerce variants

  1. 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
  2. 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. Product linking
  3. Check how the variants look in the front. Customize product
  4. If the Customize product button does not appear, please check the troubleshooting article or contact our support team.