Add product variants

false

Add product variants

Last updated October 22, 2026 22:58

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.

To add product options:

  1. Open the Inventory panel, and select a product you want to edit.
  2. Click •••, then click Edit.
  3. Scroll to Inventory. Under Variants, click Add.
  4. 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.
  5. Add the option name.
  6. 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.
  7. Click Done.
  8. (Optional) To rename an option or variant while editing, delete the variant and add a new one with the new name. When you're done editing, click Done.
  9. Click Save, and then click Done to return to the product editor.
  10. 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:

  1. Open the Products panel of the Selling tab and tap the product you want to edit.
  2. In the product editor, tap Add variants.
  3. 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.
  4. Tap Apply.
  5. (Optional) To add more variants, tap Add option beneath existing variants in the product editor.

Edit an existing product variant

  1. In the product editor, tap the variants.
  2. Tap a variant.
  3. Tap any field to edit it.
  4. 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:

  1. In the product editor, click Edit all beneath Variants.
  2. Click the trash can icon beside the unavailable variant combination.
  3. Click Done, 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.

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.

Delete a variant

To delete a variant:

  1. Go to the product editor, scroll to Inventory.
  2. (Optional) If you have more than 5 variants, click Edit all to see the full list.
  3. Click the trash can icon beside the variant you want to delete.

After you save changes to your products, you can't undo or recover deleted variants.

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:

  1. In the product editor, scroll to the Variants section and click Edit all.
  2. Click Manage options.
  3. Click the pencil icon next to the variant you want to rearrange.
  4. Click and drag the options to rearrange them.
  5. Click Done, then click Save.
  6. Click Done to return to the product editor.

Was this article helpful?

Yes No

259 out of 775 found this helpful

Yes No

Add product variants