Add Variants to Products – Vagaro Support

Create variants for your products that allow customers to customize their purchases on your Vagaro Listing Page and MySite. Instead of creating a new product for each option, use variants to offer different styles, colors, types, or sizes. For example, you can sell a shampoo in 8.5 oz, 16 oz, and 33.8 oz bottles as one product with volume options. You can also combine multiple variant types, like color and volume for a nail polish, to give customers more flexibility.

Prerequisites: This feature is available for all Vagaro businesses, and you must already have products set up in your inventory.

Add a Variant

You can create a new product in your inventory or edit an existing one and add variants to it, allowing customers to further customize their purchase.

On a Phone

To add a variant:

Select More → Settings → Management.
Select the product to go to its Product Details, then in the top-right corner, select Action → Edit.

You can also create a new product instead.
Under Variants, select Add Options.
Enter your Option Name.

If you want to use a template instead, select Quick Add Option and choose a template in the list. Notice how a list of prepopulated Variants appears.
Next to Display Option As, select Right-Arrow >, then choose an option in the list:
- Chips: Display the options for this product as selectable boxes.
- Dropdown: Display the options for this product as a dropdown list.
- Image: Display the options for this product as selectable images. You can then add an image to each option by selecting Upload .
- Color Swatch: Display the options for this product as selectable colors. You can then choose a color for each option by selecting Plus +.
Here's how each option will look on your product's listing page.
Enter a name for your variants, like "small" or "blue."
- To add an additional variant, select Add option.
- To change the order of the variants, select Reorder, select Move , drag it to a new spot, and then select Done.
- To remove a variant, select X next to it.
Select Save → Save to update your product.

Repeat these steps to add additional variants to your product.

All possible variant combinations will be shown under your product in your Inventory, and when checking out that product, your customer can make a selection based on your variants. By default, any variants you add will copy over the price, product images, quantity, and any other tracking you set for that product. You can customize each variant as necessary.

On a Computer, Tablet, Pay Desk, or PayPro

To add a variant:

Go to Inventory Management:
- Computer: Select Settings → Inventory.
- Tablet, Pay Desk, or PayPro: Select Inventory .
In the top-right corner, select Action → Edit.

You can also create a new product instead.
Under Variants, select Add Options.
Enter the variant's Name.

If you want to use a template instead, select Quick Add and choose a template in the list. Notice how a list of prepopulated Variants appears.
In the Display Option as list, choose an option:
- Chips: Display the options for this product as selectable boxes.
- Dropdown: Display the options for this product as a dropdown list.
- Image: Display the options for this product as selectable images. You can then add an image to each option by selecting Upload .
- Color Swatch: Display the options for this product as selectable colors. You can then choose a color for each option by selecting Pencil .
Here's how each option will look on your product's listing page.
Enter a name for your variants, like "small" or "blue."
- To add an additional variant, select Add Option.
- To change the order of the variants, select Move and drag them to a new spot.
- To remove a variant, select X next to it.
Select Save → Save to update your product.

Repeat these steps to add additional variants to your product.

Make Changes to Variants in a Product

By default, any variants you add will bring over the price, image, quantity, and any other tracking you set for that product. You can go into each variant or, if you're on the web or tablet version of Vagaro, you can make changes in bulk.

On a Phone

To update each variant individually:

Select More → Settings → Management.
Next to the product with variants, select Right-Arrow > to show all the variants, and then select one.
In the top-right corner, select Action → Edit.
Update the variant as needed.
Select Save to return to your inventory.

On a Computer, Tablet, Pay Desk, or PayPro

To customize all variants in a product:

Go to Inventory Management:
- Computer: Select Settings → Inventory.
- Tablet, Pay Desk, or PayPro: Select Inventory .
Next to the product (not the variant), select Action → Edit to go to your product's details.
Optionally, in the table of all variant combinations, you can filter the list to show only the variants you want to edit. Above the table, in the dropdown with an Option Name, select a specific variant in the list.
In the Mass Edit list, choose what you want to edit.

By selecting a value in the list, you can edit the details of each variant in bulk, such as price, business cost, points given, and product images. In this example, we selected Selling Prices.
Enter a value for each item individually, or to apply the same value to all variants, enter a value in the box next to Apply to All, then select Apply to All.

Note

This step will differ depending on the option you selected.
Select Apply to return to the main product.

To make individual changes, next to the variant you want to edit, select Action → Edit
Select Save.

Add Barcode IDs to Variants

With the Vagaro barcode scanner, you can scan a product's barcode to allow for a smoother in-house checkout. You must give each variant a unique barcode ID to set this up.

On a Phone

To add barcode IDs:

Select More → Settings → Management.
Next to the product with variants, select Right-Arrow > to show all the variants, and then select one.
In the top-right corner, select Action → Edit.
Enter the Barcode ID.
Select Save to return to your inventory. Repeat these steps for the remaining variants.

On a Computer, Tablet, Pay Desk, or PayPro

To add barcode IDs:

Go to Inventory Management:
- Computer: Select Settings → Inventory.
- Tablet, Pay Desk, or PayPro: Select Inventory .
Next to the product (not the variant), select Action → Edit to go to your product's details.
In the table of variants, enter the Barcode for each applicable variant.

Tip

If you have the Vagaro barcode scanner, scan the barcode to enter it in the text box.
Select Save.

Add Different Images or Videos for Each Variant

Like your products, variants can have their own image or videos shown on your MySite or Vagaro Listing Page. You can upload one or multiple files for each variant.

Note

The maximum file size is 5 MB. Minimum image width and height is 1000px x 667px.

On a Phone

Add images or videos to variants:

Select More → Settings → Management.
Next to the product with variants, select Right-Arrow > to show all the variants, and then select one.
In the top-right corner, select Action → Edit.
Under Product Images, select Upload Images +, then choose an option:
- To upload a photo, select Upload Images, then choose Photo Library or Use Camera. Once you've selected your images, select Attach Photo.
  
  Note
  
  If you're on an iPhone, you can edit out the background of the photo. Select Save to continue.
- To upload a video, select Upload Video, then choose Photo Library or Take Video. You can upload one video per product.
Next to Product Images, select Right-Arrow > to manage the images or videos you've uploaded. You can then select Action under the image or video to make the following changes:
- To see how your image will appear online, select Open Preview.
- To change the main image shown, select Set As Default.
- To remove this image from your product, select Delete.
- To go back, select Left-Arrow <
Select Save.

On a Computer, Tablet, Pay Desk, or PayPro

Add images or videos to variants:

Go to Inventory Management:
- Computer: Select Settings → Inventory.
- Tablet, Pay Desk, or PayPro: Select Inventory .
Next to the product (not the variant), select Action → Edit to go to your product's details.
In the table with all the product's variants, select Upload .

If your variant already has an image, select that image to upload more.
Add an image or video to your variant, then select Apply.
- To upload a new image or video, drag and drop an image in the box or select Choose File. You can upload multiple images to this variant at the same time.
- To show or hide an image or video from your variant, select or clear the checkbox for each image.
- To set an image as the default image shown to customers, hover over the image, then select Action → Set as Default.
Select Save.

Any images or videos you add to an individual product can be added to other variants.

Delete Variants From a Product

Delete a variant from your list if you no longer offer it.

On a Phone

To delete a variant:

Select More → Settings → Management.
On the Phone: Open the Vagaro Pro App, then go to More → Settings → Inventory.
Next to the product with variants, select Right-Arrow > to show all the variants, and then select one.

Tip

In the top-right corner, select the Search or Filter buttons to find and select your products.
In the top-right corner, select Action → Delete → Delete.
Select Save.

On a Computer, Tablet, Pay Desk, or PayPro

To delete a variant:

Go to Inventory Management:
- Computer: Select Settings → Inventory.
- Tablet, Pay Desk, or PayPro: Select Inventory .
Next to the product (not the variant), select Action → Edit to go to your products details.
In the table of variants, next to the variant you want to remove, select Action → Delete → Delete.
Optionally, to delete multiple variants at the same time:
1. Select the variants you want to modify or select All.
2. In the Mass Edit list, select Delete Variants.
3. Select Apply to confirm.
Select Save.