Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Adding basic product variants

Product variants are variations of a product with different attributes like size or color. Variants let customers choose between product options using drop-down menus.

You can create variants for new and existing products. Each variant has its own SKU. A single product can have up to 100 variants.

For help adding products to your store, visit Adding products to your store. 

Tip: For products with multiple options, visit Adding complex product variants.
Note: Only Physical and Service products support variants.

Watch a video

Step 1 - Open the product

In the Home Menu, click Pages. Click a Products Page. Double-click a product to open the product editor. For detailed steps, visit Editing a product.

In the Inventory tab, tap a product to edit it. For detailed steps, visit Editing a product.

Step 2 - Add product options and variants

In the product editor, click the Pricing & Variants tab.

click_pricing___variants.png

The product needs at least one unique attribute such as size, color, or style. 

Click the + button to add a new product option. 

Basic_Product_Variants.png

Enter the Option Name and then click Save Option.

In the product editor, click the + button below the Image field to add new product variants. This copies the previous variant for you to edit.

Add_Product_Variants.png

You can define these options:

Image You can add a different image for each variant, which will display when customers select the variant on the product details page. To learn more, visit Product images.
SKU This is the inventory identifier for your product. Squarespace creates one automatically, but you can change it to a SKU that matches your inventory format. 
Pricing Set the price customers will pay for the product with an additional field for sale pricing.
Stock Define the number of units available with an option to set an Unlimited stock value.
Weight Set a weight value for each item (ensure your site's measurement settings are correct). Not needed for service products. 
Dimensions Set the dimensions in inches for each item. This affects shipping prices if you use carrier calculated shipping. (Not needed for service products.)

Here’s a preview of how variants will look in your store. The actual layout depends on your template and design options. It's not possible to change the font that displays in the variant drop-down menu:

Variants.png

Organizing products with multiple options

You can add multiple options to variants (for example, size and color). Each combination of options must be set manually. For help with this, visit Adding complex product variants.

To add product variants:

  1. In the product editor, tap Add variants.
  2. Enter the variant type and values. For example, if the variant type is color, its values might be black, white, or navy. Type is the title of the drop-down menu on the product details page, and the values display in the menu.
  3. Tap Apply

To add more variants, tap Add option beneath existing variants in the product editor.

To add product details to variants:

  1. In the product editor, tap the variants. 
  2. Tap a variant.
  3. Tap the fields to edit them.
  4. Tap Save.

You can define these options:

Price Set the price customers will pay for the product with an additional field for sale pricing.
On sale Switch the On sale toggle on and set the sale price.
Track stock Switch the Track stock toggle on and enter the number of units available. Switch the toggle off to set an unlimited stock value.
SKU This is the inventory identifier for your product. Squarespace creates one automatically, but you can change it to a SKU that matches your inventory format. 
Advanced shipping details  Enter the product's weight and dimensions. This affects shipping prices if you use carrier calculated shipping. Service products don't have advanced shipping details.

 

Step 3 - Organizing product variants (computer only)

After creating product variants, you can reorder them by dragging rows up or down in the list.

Step 4 - Save the product

After adding the desired options and variants, click Save.

Save.png

After adding the desired options and variants, tap Save.

Step 5 - Delete a variant (optional)

To remove a variant, return to the Pricing & Variants tab of a product and click the trash can icon next to the variant.

Basic_Product_Variants_3.png

To remove a variant, tap the product in the product editor. Swipe left on the variant you want to delete, then tap Delete.

Was this article helpful?
91 out of 171 found this helpful
Adding basic product variants