How to Add Product Variants in Squarespace
TL;DR:
- Create variants based on attributes like size or color for physical and service products
- Each variant needs a unique SKU for inventory tracking
- Display "From [price]" pricing on your storefront when variants have different prices
- Use the product editor or Squarespace App to manage existing variants
- You can have up to 250 variant combinations per product
- New variants can't be added through the Android app
Setting Up Product Variants
Product variants let customers choose options like size, color, or material. You can add variants to both physical and service products, but not digital downloads.
Creating Your First Variants
Open your product editor by going to Pages, then your store page. Either create a new product or edit an existing one, then scroll to the Inventory section.
Click "Add" under the Variants section. You'll see suggested options like size and color, or you can create custom attributes. Each option needs at least two variants (like small and large, or red and blue).
Adding Details to Each Variant
Once you've created your variants, add the specifics:
Images: Upload different photos for each variant. When customers select red instead of blue, they'll see the red version.
SKU: Squarespace generates these automatically, but you can customize them. Keep them consistent with your inventory system.
Pricing: Set regular and sale prices for each variant. Toggle sales on and off in the product editor when needed.
Stock and Dimensions: Enter how many units you have and add dimensions if they affect shipping costs.
If you're using carrier-calculated shipping, accurate dimensions help customers get the right shipping price at checkout.
Managing Your Variants
Editing and Organizing
In the product editor, click "Manage options" to rearrange variants by dragging them around. You can also edit attributes or delete variants you no longer need.
Deleted variants can usually be restored if you catch it quickly, but don't rely on this as a backup plan.
Display Options
Test different layouts to see what works best. You might use dropdown menus for lots of options or button styles for simpler choices. Check how everything looks on mobile devices since some features work differently on phones.
The Android Squarespace app lets you edit existing variants but won't let you add new ones. You'll need to use a desktop or the mobile website for that.
Working Within Limits
The 250 variant combinations per product limit includes every possible combination of your options. If you have 5 sizes and 10 colors, that's 50 combinations. Factor in different materials or finishes, and you'll hit the limit quickly.
Plan your variants carefully. If you need more combinations, consider splitting products into separate listings or grouping similar options together.
FAQs
Can I add unlimited variants to a Squarespace product?
No, there's a maximum of 250 variant combinations per product.
Can I make variant changes on mobile devices?
Yes, but the Android app only lets you edit existing variants. You can't add new ones through the app.
How should I display variants to encourage purchases?
Use button styles for simple options or dropdown menus for complex choices. Test what looks best and works smoothly on both desktop and mobile.
Do all variants need different prices?
No, variants can have the same price. Use "From [price]" display when prices vary between options.
Jargon Buster
SKU: Stock Keeping Unit. A unique code for each product variant that helps track inventory.
Variant Combinations: All possible choices for a single product that customers can select.
Carrier Calculated Shipping: Shipping costs calculated automatically based on package weight and dimensions.
Wrap-up
Product variants give your customers the options they want while keeping your store organized. Set them up thoughtfully, test how they display, and keep an eye on your inventory levels. The time you spend getting variants right pays off in better customer experience and easier stock management.
Ready to build a store that converts? Join Pixelhaze Academy for in-depth Squarespace training and ongoing support.