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

You can use a third-party product rating or review tool to allow customers to post public reviews in your Squarespace ecommerce store.

This guide covers steps for four popular rating solutions: DisqusFacebook pluginHTML Comment Box, and Rating Widget.

To add product reviews, you'll need to add third-party code to every product using a Code Block in the Additional Info tab of the Product Editor.

Disqus

Note: For help with adding Disqus comments to a blog, visit Adding Disqus comments to your site. The steps for adding Disqus to a blog varies slightly from the directions in this guide.

Step 1 - Add the Disqus Code

Visit this Disqus help page, then copy the embed code.

In your Squarespace site, in the Home Menu, click Pages. Select the Products Page containing the product. (You can also find the product in the Inventory panel). Double-click product in the panel to open the Product Editor.

Then, click Additional Info and click an Insert Point.

In the Block Menu, select Code.

Paste the Disqus embed code into the Code Block. Replace "<example>" with your Disqus shortname (remove the "<" and ">").

Click Save to save the Code Block, and click Save again to save the product.

Step 2 - View the product

Your Disqus-enabled product will look something like this:

Repeat these steps for every product on your site.

For more help with Disqus, visit their general documentation or their troubleshooting guide for embed code.

Facebook plugin

Step 1 - Get the code 

Go to the Facebook Developers page, and enter your layout preferences.

In the URL to comment on box, enter the URL of the product. The format for the URL is:

http://sitename.squarespace.com/productpage/product

Note: You can use your custom domain (www.yoursite.com) or your built-in Squarespace domain (yoursite.squarespace.com).

Click Get Code.

Step 2 - Add the JavaScript to Code Injection 

Copy the JavaScript SDK from the Facebook page:

In your Squarespace site, in the Home Menu, click Settings, then click Advanced, then click Code Injection.

Paste the JavaScript SDK code into the Header box.

Step 3 - Add code to the product

Copy the plugin code in the second box on the Facebook page:

In your Squarespace site, in the Home Menu, click Pages. Select the products page containing the product. (You can also find the product in the Inventory panel). Double-click product in the panel to open the Product Editor.

Then, click Additional Info and click an Insert Point.

In the Block Menu, select Code.

Paste the Facebook code into the Code Block. 

Click Save to save the Code Block, and click Save again to save the product.

Step 4 - View the Facebook Plugin

The product will look something like this:

Repeat these steps for every product on your site.

HTML Comment Box

Step 1 - Get the code 

Visit the HTML Comment Box page. You'll be prompted to log into your Google account.

Note: If you don't have a Google account, you can sign up at Gmail.com

Copy the code provided.

Step 2 - Add the code to a product

In your Squarespace site, in the Home Menu, click Pages. Select the products page containing the product. (You can also find the product in the Inventory panel). Double-click product in the panel to open the Product Editor.

Then, click Additional Info and click an Insert Point.

In the Block Menu, select Code.

Paste the HTML Comment Box code into the Code Block. Click Save to save the Code Block, and click Save again to save the product.

Step 3 - View the product

Your product with the HTML Comment Box below will look something like this:

Rating Widget

Step 1 - Generate Widget the Code

Visit Rating Widget and click Get Free Widget button.

Click JavaScript, and select your layout preferences for your rating system.

Step 2 - Add the code to Code Injection

Copy the code in the first box below the Live Preview:

In your Squarespace site, in the Home Menu, click Settings, then click Advanced, then click Code Injection

Paste the JavaScript into the Footer box, and then click Save.

Step 3 - Add the code to the product

Back in Rating Widget, copy the code in the second box.

In your Squarespace site, in the Home Menu, click Pages. Select the products page containing the product. (You can also find the product in the Inventory panel). Double-click product in the panel to open the Product Editor.

Then, click Additional Info and click an Insert Point.

In the Block Menu, select Code. Paste the code into the Code Block.  Click Save to save the Code Block, and click Save again to save the product.

Step 4 - View the Rating Widget

Your rating widget will look something like this:

Repeat these steps for every product on your site.

Note: These third-party customizations fall outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, since these are code-based solutions, we can’t guarantee their functionality or full compatibility with Squarespace. This includes how they function with our responsive design, particularly their appearance on mobile devices, and if they function on all templates. Third-party customizations can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:

Was this article helpful?
12 out of 19 found this helpful
Adding product reviews