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 physical and service products. Each variant has its own SKU. It's not possible to add variants to digital products.
For help adding products to your store, visit Adding products to your store.
Before you begin
We recently updated the product editor, so the steps in this guide might not match what you see on your site. You can switch to the new product editor at any time, or follow the steps in Using the classic product editor if you aren’t ready to switch.
If you're not sure which editor your site has, click these tabs to see what they look like:
The new product editor organizes photos and product information in a vertical stack. To add product details, scroll down in the editor window to access different fields.
The classic editor displays product photos on the left side of the editor window. To add product details, click through tabs at the top of the window.
Add product options and variants
To add product options:
- In the Home menu, click Pages, then click a store page.
- Double-click a product to open the product editor. For detailed steps, visit Editing a product
- In the product editor, scroll to Variations and click Add.
- The product needs at least one unique option, such as size, color, or style. To use one of the suggested options, click the Options drop-down menu and select an option. Or click Custom to rename the option.
- Add option values, such as blue, green, or red in the Variants field. As you enter variants, preview the product drop-down menu on the right.
- To add a new option and variants, click Add option.
- When you're finished, click Apply.
A product can have up to six options, and up to 250 variant combinations. Variants have a 100 character limit.
Back in the product editor, all variants combinations will display. Click Edit all to add specific product information to each variant. You can add:
| Image | Click the upload icon to add a different image for each variant, which will display when customers select the variant on the product details page. Click the + icon to upload a new image, or click an image you've already uploaded. After selecting an image, click Apply. |
| 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. |
| Units | Define the number of units available with an option to set an Unlimited stock value. |
| Price | Set the product's regular price. |
| Sale price | Click the sale price field and switch the toggle on beside On sale. Enter the sale price. To end the sale, click the sale price field and switch the toggle off beside On sale. |
To edit product options, or add more variants to an option, click Manage options in the product editor.
After editing the product variants, click Back, then hover over Done and click Save.
To set a variant's weight and dimensions for carrier calculated or depending on weight shipping, click Back to return to the main product editor. Click Advanced shipping, then click the variant you want to edit.
In the Home menu, click Pages, then click a store page. Double-click a product to open the product editor. For detailed steps, visit Editing a product. In the product editor, click the Pricing & Variants tab.
The product needs at least one unique attribute such as size, color, or style.
Click the + button to add a new product option.
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. One product can have up to 100 variants.
Variants are case-sensitive, so the options Red and red will display separately in a variant drop-down menu. Ensure there are no extra spaces after the option, as this can cause an option to display twice in the variant drop-down menu.
You can define these options:
| Image | Click the image field to add a different image for each variant, which will display when customers select the variant on the product details page. Click Upload image to add a new image, or select an image you've already uploaded. When you're finished, click Apply. |
| 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.) |
After adding the desired options and variants, click Save.
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:
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.
It's not possible to add new variants in the Android Squarespace app, but you can edit existing variants.
In the Inventory panel of the Commerce tab, tap a product to edit it. For detailed steps, visit Editing a product. To add product variants:
- In the product editor, tap Add variants.
- 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.
- Tap Apply.
To add more variants, tap Add option beneath existing variants in the product editor.
To edit an existing variant:
- In the product editor, tap the variants.
- Tap a variant.
- Tap any field to edit it.
- Tap Save or ✓.
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. |
| Quantity | Enter the number of units available. |
| 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. |
Organizing product variants
After creating product variants, you can reorder them by tapping and dragging rows up or down in the list.
Delete a variant
To remove a variant, return to the product editor, click a variant, then click Delete variant. You can also click Edit all, then click the Trash can icon beside the variant you want to delete.
To remove a variant, return to the Pricing & Variants tab of a product and click the trash can icon next to the variant.
It's not possible to delete a variant in the Android Squarespace app.
To remove a variant, tap the variants in the product editor. Swipe left on the variant you want to delete, then tap Delete.
Limits
The number of variants each product can have depends on how you add products to your store. You might use the new product editor, the classic editor, or the .csv importer. Use the table below to find the per-product variant limit for each method.
| Method | Variants, images, and SKUs per product |
| New product editor | 250 |
| Classic product editor | 100 |
| .csv importer | 250 |
You can switch between the new product editor and the classic editor at any time.