Add products to a Products Page to create a Squarespace Commerce store.
There are four different product types in Squarespace:
You can sell physical and service products as one-time purchases or subscriptions.
Note: Ensure your products comply with Section 10.2 of our Terms of Service. If you're accepting payments with Stripe or PayPal, ensure your products meet PayPal's Acceptable Use guidelines and don't appear on Stripe's list of prohibited businesses.
Commerce is a Premium feature available in Business and Commerce plans.
Watch a video
How Squarespace organizes products
Generally, products in Squarespace stores are organized in two parts: Products Pages and then product details pages.
Products Pages are browsable collections of products. The page includes key details about each product, usually the title, price, and if it's sold out. Clicking on a specific product opens its details page for additional details.
You can have multiple Product Pages on your site. All stores have Products Pages, and their designs and style tweaks vary by template.
Tip: Certain templates include Product Quick View to display additional details without leaving the Products Page.
Product details pages
Every product in a Products Page has its own details page with details about it, including additional images, variant drop-down menus, and an Add to Cart button. Product details pages are sub-pages of a Products Page.
Note: Gift cards display a Purchase button that leads directly to checkout instead of an Add to Cart button.
Step 1 - Add a Products Page
- In the Home Menu, click Pages.
- Click the + icon, then select Products from the page menu.
- Add a page title, then press Enter.
- In the Home Menu click Pages.
- Click the + icon, then select Page from the page menu.
- Click Store.
- Select a store layout.
To add more content to your Store Page, visit Page sections.
You can also click the that appears when you hover over the page title to configure your page's settings.
Step 2 - Add a product
After adding at least one Products Page, you can start adding products. Each Products Page can have up to 200 products.
There are two ways to add products: directly to a Products Page or in the Inventory panel.
To add a product to a Products Page directly:
- In the Home Menu, click Pages.
- Click a Products Page, then click the + icon.
To expand or collapse the panel, click the vertical line halfway down the page.
To add a product in the Inventory panel:
- In the Home Menu, click Commerce, then click Inventory.
- Click the Add Product button.
- Select the Products Page on your site where your product will be added.
Step 3 - Select the product type
Select a Product type from the Select Product Type window. It isn't possible to switch product types after creating a product.
|Physical||Merchandise, apparel, and any other physical goods that you ship or deliver to customers. You can offer a physical product as a one-time purchase, or a subscription. If you sell physical products, you'll need to add at least one shipping option to your store.|
|Digital||Ebooks, audio files, and any other digital downloads you sell. When a customer purchases a digital product, they're sent a download link that's active for 24 hours after the link is first clicked.|
|Service||Classes, consultations, events, or any other service you offer. As opposed to physical goods, service products aren't shipped to customers, so they don't require shipping methods or a shipping address at checkout. You can offer a service product as a one-time purchase, or a subscription.|
|Gift Card||Gift cards are unique digital codes that recipients can use as payment in your online store.|
Step 4 - Edit the product information
From the Item tab, use the Name, Image, and Description fields to add information for your product.
Click the Upload images arrow in the image field or drag and drop images from a folder on your computer to add images for the product. Multiple images display as thumbnails on the product item view. You can also add variant images from the Pricing & variants tab. To learn more, visit Product images.
- Product names must be 200 characters or fewer.
- You can add up to 250 images for each product.
- We recommend keeping the combined size of all images for each product under 5 MB.
Tip: You can hover over an image and click the to add alt text.
Step 5 - Add tags and categories
Click the Tags or Categories link to organize your products with tags and categories.
After adding categories to products, the categories create automatic navigation on your Products Pages. The style of this navigation varies by template. To learn more, visit Organizing products.
Note: Categories must be 25 characters or fewer. Tags must be 80 characters or fewer.
Step 6 - Edit pricing, variants, and upload digital products
Physical & service products
Select Pricing & Variants to define attributes for your product.
You can define each of the following 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. SKUs have a 20 character limit. A single product can have up to 100 SKUs.|
|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 in pounds for each item.|
|Dimensions||Set the dimensions in inches for each item.|
Note: Services don't have a physical weight or dimension and don't require the Weight and Dimensions fields.
Dimensions affect shipping prices if you use carrier calculated shipping.
For Physical and Service products, you can define multiple variants for a product. You can have up to 100 variants for a single product. To learn more, visit Adding product variants.
For Digital products, use the Pricing & Upload tab to set a price and upload your file. To learn more about requirements for digital files, visit Digital products.
Note: The file size limit for digital products is 300 MB.
You can set the price of the product, and set a sale price if you wish to offer one.
- Price - This defines the normal price for your product.
- On Sale - Check this box to set the product as On Sale.
- Sale Price - When you check the On Sale checkbox, the product will be listed with this sale price instead of the normal price.
Step 7 - Create a subscription
If you sell physical or service products and are eligible, you can create a subscription to charge customers on a recurring basis. In the product editor, check Subscription Product and customize the subscription renewal details. To learn more, visit Subscription products.
Step 8 - Save
Click the Save & Publish button to publish the product to your Products Page. This sets the product as available for purchase.
Schedule a product
Instead of publishing a product right away, you can schedule it to appear on your site later, at a time you specify. This is a great option if you release new product lines periodically and want to launch a new collection all at once.
To schedule a product:
- In the product editor, click Hidden.
- Select Scheduled.
- Click the date next to Will be visible.
- In the calendar window, select a date and time for the product to become visible. You can also use the slider to make the product visible in a specified number of days from now.
- Click Save.
If you already published the product, click Visible, then select Scheduled to hide it until the scheduled date. For more help, visit Editing products.
Scheduled products have a Scheduled status in the Product and Inventory panels. On the product’s scheduled date, the status will change to Visible.
The scheduled date and time are based your time zone set in Language and Region Settings, not a visitor’s local time. To ensure your products publish when you want them to, ensure your Language and Region Settings are correct.
Style the Products Page
You can customize your Products Page's layout and design with your site's style options.
- If you have multiple Products Pages, style changes apply to all of them to create a consistent look.
- Your template may support additional features, such as banner images or page headers, that affect how the Products Page looks.
See Products Page styles for more help.
The shopping cart button shows the number of items in a customer's cart, lets customers view their cart, and leads to the checkout page.
When a customer adds a product to their cart, they'll see the shopping cart button appear. Some templates, like Brine, display the shopping cart button when the cart is empty.
If the shopping cart button doesn't appear on your site, ensure Express Checkout is disabled and check that the cart isn't hidden.
You can style the cart in some templates.
Beyond the basics, your site includes other options to help you customize your products.
Add additional information
Click the Additional Info tab to add more details to the product's page using blocks. To learn more, visit Adding additional information to products.
Create a custom product form
You can create custom forms for customers to complete before they can add a product to their cart. For help with this, visit Creating a custom product form.
Add thumbnail and variant images
The first product image you add is set as the thumbnail image by default. You can click the Options tab to change the thumbnail image. The thumbnail image represents your product in Product Blocks, Summary Blocks, and when you share the product on social media. You can also add variant-specific images.
Set product URL
The Product URL provides a direct link to the product. The Product URL will match the product name if no custom URL is specified.
Note: The Product URL must be between 3 and 250 characters.
Create a custom button
Products display an Add to Cart button by default. You can change this text in the Options tab by checking Use Custom Add Button Label and entering new text.
If you enable Use Custom Add Button Label and don't enter new text, a blank button will display.
Set as a featured product
Featured Product is a filter used by the Summary Block to highlight specific products. This is useful if you want to display multiple products from different collections in one location. To enable this, in the Options tab, check Featured Product. Then visit Using Summary Blocks for detailed instructions.
Optimize for search engines
Add an SEO title and SEO description to help search engines connect customers with your product. Click the SEO tab to enter relevant text in the SEO Title and SEO Description boxes. A preview displays showing what your product's details may look like in search results.
Share on social
Spread the word about your products by pushing them to social networks. Click the Social tab to upload an Alternate Social Sharing Image to appear when you share the product. Click the Share tab to set up the social sharing options. Setting your social sharing toggles on will automatically push the product to the selected social networks when you publish the product.
Tip: Add a Share Button to let your customers share your products on social networks and other websites.
Duplicate the product
You can duplicate a physical or service product to quickly create and customize a new, similar product. Click Duplicate at the bottom of the Edit Product window to create a copy. To learn more, visit Duplicating products.
Enable limited availability labels
Let customers know when your products are low in stock by enabling limited availability labels. When a product dips below an inventory threshold, you can display a label next to the product on the Product Page, Product Blocks, Summary Blocks, and product details page.
Enable the option to buy multiple service products
By default, customers can only buy one service product at a time. If you sell tickets to classes or workshops, toggle on Show service product quantity in your inventory settings so customers can buy multiple service products at once.