How to Add Product Variations in WooCommerce

The three-step order that matters: create the attributes, tick Used for variations, then give every variation a price. Skipping the middle step is why the Variations tab appears empty; skipping the third is why the add-to-cart button never shows.

Step 1: decide between global and custom attributes

Global attributes are created once under Products → Attributes and reused. Choose these when several products share the same options — size, colour, material. They can have archive pages and work with attribute-based filtering.

Custom attributes are created inside a single product. Use them for a one-off option that no other product shares.

Global attributes are almost always the right choice for a real catalogue. Retrofitting them onto hundreds of products later is tedious.

To create one: Products → Attributes, enter a name such as "Size", save, then click Configure terms and add the values — Small, Medium, Large. Order them deliberately; that order is what customers see.

Step 2: make the product variable

1. Open the product and set Product data to Variable product.
2. Go to the Attributes tab.
3. Add your global attribute, or create a custom one with values separated by |.
4. Tick Used for variations.
5. Click Save attributes.

That checkbox is the step everyone misses. Without it, the attribute displays as product information and generates nothing.

Step 3: create the variations

Open the Variations tab. You have two options:

• Generate variations creates every combination automatically. Convenient for small matrices, unmanageable for large ones — three attributes with five values each produce 125 variations.
• Add manually creates only the combinations you actually sell, which is usually what you want.

Then, for each variation, set:

Use the bulk actions dropdown at the top of the Variations tab to set prices or stock across all variations at once, then adjust the exceptions.

Step 4: set defaults and check the front end

At the bottom of the Variations tab, Default Form Values pre-selects options for the customer. Setting a sensible default reduces one step at purchase — but leave it empty if you genuinely want a deliberate choice, such as a made-to-measure item.

Then view the product logged out and check:

• every attribute dropdown lists the right values;
• selecting a combination updates the price and image;
• an unavailable combination is reported clearly rather than silently failing;
• add to cart works and the cart line shows the chosen options.

When variations do not appear

For the last one, open the browser console. Variation selection is JavaScript-driven, and a script combination or deferral feature in a performance plugin is the usual cause. Turning off JS combination and purging fixes most instances — the risk list is in choosing a cache plugin.

If the product is missing from the catalogue entirely rather than unbuyable, that is a different problem — see WooCommerce products not showing.

Keep the matrix manageable

• Do not generate combinations you do not sell. Every empty variation is a row to maintain.
• Two attributes is comfortable; three is the practical limit before the editor and the customer both suffer.
• For genuinely large catalogues, consider separate products with clear names instead of one product with a hundred variations.
• Manage stock per variation only if you really track it that way; otherwise manage at product level and keep the editor fast.
• Import large catalogues by CSV rather than by hand — but verify a sample afterwards, since partial imports are common.

Performance note

Variable products are heavier than simple ones: each variation is queried, and a product page with many of them makes many more database calls. On a large store this shows up as slow product pages, and object caching is the mitigation that actually helps — the reasoning is in how to speed up a WordPress site.