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

Adding products to your store

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

Products in Squarespace stores are organized in two parts: Products Pages and product details pages.

Products 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.

1.png

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.

2.png

Step 1 - Add a Products Page (computer only)

How you add a Products Page depends on which version of Squarespace your site is on.

  1. In the Home Menu, click Pages.
  2. Click the + icon, then select Products from the page menu.
  3. Add a page title, then press Enter.
  1. In the Home Menu click Pages.
  2. Click the + icon, then select Page from the page menu.
  3. Click Store.
  4. Select a store layout.

To add more content to your Store Page, visit Page sections.

You can also click the the gear icon 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.

To add a product on the computer: 

  1. In the Home Menu, click Pages.
  2. Click a Products Page, then click the + icon. You can also click the icon in the Inventory panel, then choose the Product Page.
  3. Select a product type. It isn't possible to edit this after creating a product. 
Tip: To expand or collapse the panel, click the vertical line halfway down the page.

3.png

 

To add products on the iOS Commerce App:

  1. In the Inventory tab, tap Add.
  2. Tap the Products Page where the product will display. If you don't have a Products Page yet, add one on the computer.
  3. Select the product type. It isn't possible to edit this after creating a product.

You can add Physical and Service products in the Commerce App. To add other product types, add them on the computer. 

Product types

Choose from these product types when adding a new product. You can only add physical and service products on mobile.

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.

Subscriptions

If you are eligible, you can turn any physical or service product into a subscription to charge customers on a recurring basis. You can only create a subscription product on the computer. To learn more, visit Subscription products

Step 3 - Add product details

Add product details to the fields in the product editor.

Name, description, and image

Use the NameImage, 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. Hover over an image and click the gear icon to add alt text.

4.png

Pricing and variants

Select Pricing & Variants to define attributes for your product. For Physical and Service products, you can define multiple variants for a product. To learn more, visit Adding product variants. You can define these options.

Note: Services don't have a physical weight or dimension and don't require the Weight and Dimensions fields.
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. 
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. This affects shipping prices if you use carrier calculated shipping.

Tags and categories

On the Item tab, click Tags or Categories to organize your products. 

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.

5.png

Digital products

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

Name, description, and image

Use the Product Name and Description fields to add information for your product. 

Tap the Image Upload field at the top of the screen to add images from your phone's photo library.  Multiple images display as thumbnails on the product item view.

Pricing and variants

Tap the fields to define these options for your product. 

Note: Services don't have a physical weight or dimension and don't require the Weight and Dimensions fields.
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.
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.

Tap Add Variants to add multiple product variants. Learn more in Adding product variants.

Tags and categories

Tap Organization to add tags and categories to your product. 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.

Step 4 - Save

When you're finished, save the product.

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:

  1. In the product editor, click Hidden.
  2. Select Scheduled.
  3. Click the date next to Will be visible.
  4. 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.
  5. 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.

Tap Save, then Publish to publish the product to your Products Page. This sets the product as available for purchase. To save your progress without publishing the product, tap Save as hidden

To schedule the product to publish in the future:

  1. Tap Product visibility, then tap Scheduled.
  2. Choose the date and time when the product will publish.
  3. Tap Back, then tap Save.

To publish a hidden product, tap Product visibility, then tap Visible.

Additional options (computer only)

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.

Style the Products Page (computer only)

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.

Shopping cart

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.

Limits

A product can have up to:

  • 250 images
  • 100 variants
  • 100 SKUs

Character limits:

  • Product names - 200 characters 
  • Categories - 25 characters
  • Tags - 80 characters
  • SKUs - 20 characters

File size limits:

  • Product images should be smaller than 5MB.
  • Digit product files can't exceed 300MB.
Was this article helpful?
82 out of 148 found this helpful
Adding products to your store