Add product variants

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

Add product variants

Last updated July 15, 2026 20:46

Offer customers multiple versions of the same product, like different class durations or clothing sizes.

Product variants are versions of a product with different attributes, like duration, size, or color. Customers can choose between these versions at checkout.

You can create variants for new and existing physical and service products. You can’t add variants to download products. Each variant has its own SKU. If a product has multiple variants with different prices, the store page shows "From [the lowest variant price]" in the price field.

You can't add new product variants or delete a variant in the Android Squarespace app, but you can edit existing variants.

Video on adding product variants

Offer product variations like different sizes, durations, colors, or materials.

Add product options and variants

Note: If you're using product variants to collect deposits for a service, like a camp or a retreat, you can add a payment plan instead. Customers pay an initial deposit and then the remaining balance in scheduled installments.

Product editor
Squarespace app

To add product options:

Open the Inventory panel, and select a product you want to edit.
Click •••, then click Edit.
Scroll to Inventory. Under Variants, click Add.
The product needs at least one unique option, such as duration, color, or style. To use one of the suggested options, click the Options dropdown menu and select an option, or click Custom to rename the option. To add a new option, click Add option.
Add option values, like 30 minutes or 60 minutes, or green or red in the Variants field. Options need at least two variants. As you enter variants, a preview of the product dropdown menu appears on the right.
(Optional) To rename an option or variant while editing, click •••, then click Rename. When you're done, click Apply.
Click Save to return to the product editor.
Click Save.

Tip: If your option values have commas, paste the option value text into the editor. Typing a comma saves the text before it as a new value.

What product options can I add?

Images: Variant images display when customers select the product variant on the product details page.
Price: Set the product's regular price.
Sale Price: Click the sale price field and toggle on On sale. Enter the sale price. To end the sale, click the sale price field and toggle off On sale.
SKU: This is the inventory identifier for your product. SKUs are created automatically, but you can change it to a SKU that matches your inventory format.
Units: Define the number of units available with an option to set an unlimited stock value.
Weight and dimensions: Set a physical product variant's weight and dimensions for carrier-calculated or depending on weight shipping. Service products don't have weight and dimensions.

All variant combinations display in the product editor. Delete unavailable combinations and add specific product information to each variant.

To add product variants:

Open the Inventory panel of the Commerce tab and tap the product you want to edit.
In the product editor, tap Add variants.
Enter the variant Type and Values. For example, if the variant type is duration, its values might be 30 minutes or 60 minutes. “Type” is the title of the dropdown menu on the product details page, and the values display in the menu.
Tap Apply.
(Optional) To add more variants, tap Add option beneath existing variants in the product editor.

Edit an existing product variant

In the product editor, tap the variants.
Tap a variant.
Tap any field to edit it.
Tap Save or ✓.

What product options can I add?

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.
Quantity: Enter the number of units available.
Track stock: Toggle on Track stock 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. SKUs are created automatically, but you can change it to a SKU that matches your inventory format.
Weight and dimensions: Enter the product's weight and dimensions. This affects shipping prices if you use carrier-calculated shipping. Service products don't have weight and dimensions.

Tip: Encourage customers to add extra items to their order by displaying related or complementary items as an optional add-on.

Is there a limit to how many product variants I can add?

Each product can have up to six options and 250 variant combinations, images, and SKUs, whether added through the product editor or the .csv importer.

Is there a character limit to product and variant names?

Variant names have a 100 character limit.

Delete unavailable combinations

When you add product options and variants, the product composer creates unique product variants for all possible variant combinations. If you only offer some variant combinations, delete the unavailable combination:

In the product editor, click Edit all beneath Variants.
Click the trash can icon beside the unavailable combination.
Click Back, then click Save.

If you offer a product combination but it's currently out of stock, set the Unit to 0 instead of deleting the combination. This displays a “Sold out” label for the unavailable combination in the product's dropdown menu.

How unavailable combinations display depends on which version of Squarespace your site is on.

Version 7.1
Version 7.0

If you have two options, unavailable combinations don't appear in the dropdown menus on the product details page.

If you have three or more options, unavailable combinations appear, but the add to cart button is disabled when customers select an unavailable combination.

All options display in the variant dropdown menus. When a customer selects an unavailable combination, they’re notified that it’s unavailable and the Add to cart button is greyed out.

To delete a variant:

Go to the product editor, click Edit All
Click the trash can icon beside the variant you want to delete.

To restore a deleted variant:

Click Undo at the bottom of the screen immediately after deleting.
If you have more than one option, a Deleted variants section may appear. In the Deleted variants section, click the + button next to the variant you want to restore.

Variant images don't restore, so you'll need to upload them again.

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

How do automatically selected variants work?

A product variant will be automatically selected for your customers if:

The product has one variant option (such as duration), and
The prices of the variants are the same, and
The variant display is a dropdown menu

When a variant is automatically selected, customers can use the dropdown to choose a different variant.

Style the variant display

If your product details page uses the simple layout, you can choose to display product variants as buttons or in a dropdown menu.

Rearrange product options and variants (Computer only)

To rearrange the product option dropdown menus, hover over the option and click and drag the ⁝⁝ icon:

To rearrange the product variants within a product option dropdown menu:

In the Product editor, scroll to the Variants section and click Edit all.
Click Manage options.
Click the pencil icon next to the variant you want to rearrange.
Click and drag the options to rearrange them.
Click Save.
Click Done.

Was this article helpful?

259 out of 775 found this helpful

Ensure your .AU domain remains active by confirming your registrant details.

Report malware

Report phishing or pharming

Report spam

Report Whois contact inaccuracy

Non-Public Information Request Process Disclosure

Points to consider

Non-Consensual Intimate Content webform

Add product variants

Offer customers multiple versions of the same product, like different class durations or clothing sizes.

Video on adding product variants

Add product options and variants

What product options can I add?

Edit an existing product variant

What product options can I add?

Is there a limit to how many product variants I can add?

Is there a character limit to product and variant names?

Delete unavailable combinations

Delete a variant

How do automatically selected variants work?

Style the variant display

Rearrange product options and variants (Computer only)

Ensure your .AU domain remains active by confirming your registrant details.

Report malware

Report phishing or pharming

Report spam

Report Whois contact inaccuracy

Non-Public Information Request Process Disclosure

Points to consider

Non-Consensual Intimate Content webform

Offer customers multiple versions of the same product, like different class durations or clothing sizes.

Video on adding product variants

Add product options and variants

What product options can I add?

Edit an existing product variant

What product options can I add?

Is there a limit to how many product variants I can add?

Is there a character limit to product and variant names?

Delete unavailable combinations

Delete a variant

How do automatically selected variants work?

Style the variant display

Rearrange product options and variants (Computer only)

Related articles