Knowledgebase

Back to Using Website Builder

Product Variants


Use variants if you have a single product that comes in multiple sizes, colors, or other variants.


On any product page:

  1. Click the Variants tab

Variants tab


Variants tab

To begin adding product variants:

  1. Click the Add Product Variants button

  2. Enter the name of the variant in the Options name field

  3. Add as many variants as required in the Choices field

Add variants


Add variants

Making variants easier to manage

When adding a product to your store, you have the option to add in the different variants of the item - for example, size or color - which will soon add up and make your product variants much more difficult to manage.


Instead of doing this for every item, consider making some of the variants into separate products. For example, if you sell one style of t-shirt in five different colors, list the different colors as separate items. Now, the only variants of each shirt will be the different sizes, and managing them will be much easier.



To reorder how variants are displayed to the user:

  1. Select the Reorder dropdown values button

Reorder button


Reorder button
  1. Click and drag the value up or down the list

Reorder variants


Reorder variants

To edit variants:

  1. Select the Pencil icon next to any value

Pencil icon


Pencil icon
  1. Toggle Visibility to hide or show a value

  2. Select any option to edit

Visibility toggle


Visibility toggle

Adding options

Adding additional options will remove all existing variants.

Remove option


Remove option

Deleting an option

All price, weight and stock information is deleted along with the option

Delete option


Delete option

Related Articles

Add Forms, Maps And Other Content
Language, Currency And Units
Reorder Pages
Website Builder Mobile Quick Start
Website Builder Tablet Quick Start

Can’t Find what you need?

No worries, Our experts are here to help.