How to activate WooCommerce and set up product variants (e.g. colors, sizes): full tutorial

E-commerce products often come in a variety of options, such as different colors, sizes, etc. In WooCommerce, this type of product is called a "variable product". In WooCommerce, these products are called "variable products". After setting up the product variants, customers can select the desired style directly on the product page, which is both convenient for shopping and accurate inventory management. Below is a list of product variants fromWooCommerceStarting with the basic setup, the hands-on guide shows you how to create variable items with multiple options.

Activate the WooCommerce Plugin

If you haven't enabled WooCommerce yet, follow these steps:

1. Login to WordPress Backend
2. Click [Plug-ins] > [Install Plug-ins].
3. Search for "WooCommerce", click [Install Now], and then click [Enable].
4. on the basis ofInstallation wizard completes basic store setupsuch as countries, currencies, distribution, etc.

Once enabled, WooCommerce automatically adds products, shopping carts, checkout and other key pages to your website.

Second, set product attributes (color, size, etc.)

Before adding a product variant, we need to define the product attributes:

1. Creating global properties

• Go to [Products] > [Attributes
• Enter the name of the property (e.g., "Color", "Size").
• Click [Add Attribute].
• Click [Configuration Entry] next to the created property to add individual values, for example:
  • Color: red, blue, black
  • Size: S, M, L, XL

These attributes will be applied to multiple products for easy and uniform management.

Third, add variable products and associated attributes

1. Create a new product or edit an existing one

Go to [Products] > [Add New Product] or edit an existing product.

2. Set the product type to "Variable products".

In the [Product Data] module:

• Select "Variable Products" from the drop-down menu.
• Switch to the [Properties] tab

3. Add properties and enable variant options

• Click Add to select an existing attribute (e.g. "Color").
• Check the box "For variants".
• Select the desired attribute value (more than one can be selected manually)
• Repeat the above steps to add multiple attributes (e.g., add color and size at the same time)
• Click on [Save Properties

IV. Creating a portfolio of product variants

1. Go to the [Variants] tab

Click [Add Variant]:

• Select "Automatically create variants for all properties".
• The system automatically generates all possible combinations based on the attributes you set (e.g. red + M, blue + L, etc.)

Attention: WooCommerce can generate up to 50 variants at once, for more combinations please add them in batches.

2. Editing each variant

Click on each variant to expand the details and fill in the information below:

• Price (required)
• stockpile
• SKU
• Merchandise image (individual images can be set for each variant)
• Logistics information such as size and weight
• Status (whether the variant is enabled or not)

Make sure that the price is filled in for all variants, otherwise the product will not show the buy button.

V. Front-end display effect

After completing the setup, visit the product details page:

• Users will see drop-down menus or buttons to select attributes such as color, size, etc.
• The page automatically displays the corresponding price, stock status, product image, etc. according to the variant.
• If the stock is insufficient or the combination is invalid, the system will prompt the user not to buy it

VI. Variable product management recommendations

• Streamlining variant combinations: Avoid setting too many combinations that will cause the page to load slowly
• Using the Image Properties pluginAs Variation SwatchesThe color attributes can be displayed as graphical buttons to improve the visualization experience.
• Using the Inventory Alert Plugin: More effective monitoring of the inventory status of individual variants
• Reasonable pricing: different prices can be set for each variant, e.g. larger sizes are sold at higher prices

VII. Frequently asked questions

Q1: What should I do if I can't save properties as variants?
Make sure that the "For variants" option is checked.

Q2: I can't select the product page after the variant is generated?
Verify that each variant has a price set and status enabled.

Q3: How to set different pictures for different colors?
Upload the corresponding image when editing a variant to display different images when switching between them on the front-end.

reach a verdict

The product variants function as WooCommerce E-commerceIt is a very important part of the system, especially suitable for multi-specification goods sales such as apparel, accessories and digital products. By rationally setting attributes, variant combinations and inventory information, it can enhance user experience and help inventory and operation management.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off