Variable products

Table of Contents

Variable products

Last Updated On
You are here:
< All Topics

Variable products let you offer a set of variations on a product, with control over prices, stock, image and more for each variation. They can be used for a product like a shirt, where you can offer a large, medium and small and in different colors.

Adding a Variable Product

Set the Product Type

To add a variable product, create a new product or edit an existing one.

  1. Go to: Creators Hub > Assets.
  2. Select the Add new button or Edit an existing product.
  3. Select Variable product from the Product Data dropdown.

Add Attributes to Use for Variations

In the Attributes section, add attributes before creating variations — use global attributes that are site-wide or define custom ones specific to a product.

Custom Attributes

To add a new attribute specific to this product:

  1. Select Add attribute and click Add.
  2. Name the attribute (e.g., Size).
  3. Set values separated by a vertical pipe, | (e.g., Small | Medium | Large).
  4. Make sure that the Used for variations checkbox is checked. (Note: If your creating the first attribute for the variable product, it can also be done from the “Variations” tab. However, here the “Used for variations” checkbox will be checked and cannot be disabled)
  5. Select Save attributes.

Add Variations

With attributes created and saved to add a variation, go to the Variations section.

Manually Add a Variation

  1. Select Add variation from the dropdown menu, and select Go.
  2. Select attributes for your variation. To change additional data, click the triangle icon to expand the variation.
  3. Edit any available data. The only required field is Regular Price.
  4. Select Save changes.

Creating All Possible Variations

Select Create variations from all attributes to create every possible combination of variations from your attributes and their values and select Go:

It will create a new variation for each and every possible combination of variation attributes (max 50 per run). If you have more possible combinations you can run it again.

For example, if you have two attributes – color (with values blue and green) and size (with values large and small) it creates the following variations:

  • Large Blue
  • Large Green
  • Small Blue
  • Small Green

Note: If you later add additional attributes, it may require the variables to be redefined for the variation combinations to work correctly. Also, be aware to not have more than 30 variations.

Setting Defaults

Set defaults you prefer on variations. In the example, no default form values were set, so users can pick any color and size right away from the product page.

If you want a certain variation already selected when a user visits the product page, choose the default form values. This also enables the Add to Cart button to appear automatically on variable product pages.

You can only set defaults after at least one variation has been created.

Adding Variation Data

Each variation can have the following properties.

General

  • Enabled – Enable or disable the variation.
  • Downloadable – If this a downloadable variation.
  • Virtual – If this product isn’t physical or shipped, shipping settings are removed. (should always be checked!)
  • Regular Price (required) – Set the price for this variation.
  • Sale Price (optional) – Set a price for this variation when on sale.
  • Tax status – Taxable, shipping only, none.
  • Tax class – Tax class for this variation. Useful if you are offering variations spanning different tax bands.
  • Stock quantity – Shows if Manage stock? is selected. Allows to set the current stock level for the variation.
  • Allow backorders? – Shows if Manage stock? is selected. Allows to set if backorders are allowed for the variation; if enabled, stock can go below zero.
  • Low stock threshold – Shows if Manage stock? is selected. When the stock for the variation reaches this level you will get a notification email. If not set, the product-wide threshold will be used (see Inventory Management below).
  • Downloadable Files – Shows if Downloadable is selected. Add file(s) for customers to download.
  • Download Limit – Shows if Downloadable is selected. Set how many times a customer can download the file(s). Leave blank for unlimited.
  • Download Expiry – Shows if Downloadable is selected. Set the number of days before a download expires after purchase.

Linked Products

  • Upsells
  • Cross-sells
  • Grouped

If the SKU, weight, dimensions, and stock fields are not set, then it inherits values assigned to the variable product. Price fields must be set per variation.

Add an Image to the Variation

  1. Expand the variation.
  2. Click the image placeholder.
  3. Select the image you wish to use.
  4. Save.

What Customers See

On the frontend, when viewing a variable product, the user is presented with dropdown boxes to select variation options. Selecting options will reveal information about the variation, including available stock and price.

If the user tries to click the greyed out add to cart button before choosing an attribute, a message will appear asking them to select some attributes.

In the product archive page, Add to Cart does not display because a variation must first be chosen before adding to cart on the product page.