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 review or ratings tool to allow customers to review products they purchased. To add this feature, you'll add a Code Block to every product's Additional Info tab.

This guide covers steps for four popular rating solutions: 

Tip: If you're a blogger, you can use this approach to add reviews to blog posts. Paste the embed code into Code Blocks in blog posts instead of products.

The solution in this guide includes injecting code and the Code Block. Code Injection and The Code Block are Premium features available in the current Website Business plan and higher:

  • Available in: Business and Commerce plans
  • Available in: Personal plan for websites active before December 1, 2017
  • Not available in: Personal plan for websites active after December 1, 2017
  • Trial: You can use Code Injection and the Code Block during a trial.

To learn more, visit Premium features.

Add the review service

Use the tabs on this page to see instructions for the tool you're using. You'll repeat these steps for every product you want customers to review.

Disqus Facebook pluginComment BoxRating Widget
Tip: For help with Disqus blog comments, visit Adding Disqus comments to your site.

Step 1 - Get the code

  1. Visit this Disqus help page on their Universal Embed Code.
  2. Copy the code.

DisqusCode.png

Step 2 - Add the code to your product

  1. Open a product's Additional Information tab. For detailed steps, visit Adding additional information to products.
  2. Click an Insert Point, and add a Code Block.
  3. Paste the Disqus embed code into the Code Block.
  4. In the code, replace Example with your Disqus shortname.
  5. Click Save to save the Code Block.
  6. Click Save again to save the product.

Step 3 - Preview

The product page will look something like this:

Disqus_-_Preview.png

Step 1 - Get the code

  1. Go to the Facebook Developers page.
  2. Enter your layout preferences.
  3. In the URL to comment on box, enter the product's full URL. The format is http://sitename.squarespace.com/productpage/product. (You can use your custom domain or your built-in Squarespace domain.)

  1. Click Get Code.
  2. Copy the JavaScript SDK from the Facebook page
  3. Leave this page open. You'll need it to follow Step 3. 

Step 2 - Add the code to Code Injection

  1. In the last step, you copied the JavaScript SDK from the Facebook page.
  2. In the Home Menu, click Settings, then click Advanced.
  3. Click Code Injection.
  4. In the Header box, paste the JavaScript SDK code.

Step 3 - Add the code to your product

  1. On the Facebook page, copy the plugin code in the second box.

Facebook_-_Step_3.jpg

  1. In your Squarespace Home Menu, click Pages.
  2. Open a product's Additional Information tab. For detailed steps, visit Adding additional information to products.
  3. Click an Insert Point, and add a Code Block.
  4. Paste the code into the Code Block.
  5. Click Save to save the Code Block.
  6. Click Save again to save the product.

Step 4 - Preview

The product page will look something like this:

Facebook_-_Preview.png

Step 1 - Get the code

  1. Visit the HTML Comment Box page.
  2. You'll be prompted to log into your Google account.
  3. Copy the code.

Comment_Box_-_Copy_code.png

Step 2 - Add the code to your product

  1. In your Squarespace Home Menu, click Pages.
  2. Open a product's Additional Information tab. For detailed steps, visit Adding additional information to products.
  3. Click an Insert Point, and add a Code Block.
  4. Paste the code into the Code Block.
  5. Click Save to save the Code Block.
  6. Click Save again to save the product. 

Step 3 - Preview

The product page will look something like this:

Comment_Box_-_Preview.png

Step 1 - Get the code

  1. Visit Rating Widget.
  2. Click the Get Free Widget button.
  3. Click JavaScript.
  4. Select your layout preferences for your rating system.

Rating_Widget_-_Step_1.png

  1. Copy the code in the first box (below the Live Preview).
  2. Leave this page open. You'll need it to follow Step 3. 

Rating_Widget_-_Step_2-6.jpg

Step 2 - Add the code to Code Injection

  1. In the last step, you copied the code in the first box of the Rating Widget live preview.
  2. In the Home Menu, click Settings, then click Advanced. 
  3. Click Code Injection.
  4. Paste the JavaScript into the Footer box.

Step 3 - Add the code to your product

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

Rating_Widget_-_Step_3.jpg

  1. In your Squarespace Home Menu, click Pages.
  2. Open a product's Additional Information tab. For detailed steps, visit Adding additional information to products.
  3. Click an Insert Point, and then add a Code Block.
  4. Paste the code into the Code Block.
  5. Click Save to save the Code Block
  6. Click Save again to save the product.

Step 4 - Preview

The product page will look something like this:

Help and next steps

  1. Repeat these steps for every product on your site.
  2. For more help with Disqus, visit their documentation or their troubleshooting guide for embed code.
  3. For more help with Facebook, visit their Social Plugins FAQ
  4. For more help with the HTML comment box, visit the HTML comment box help center
  5. You can find Rating Widget support on their website. 
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?
19 out of 35 found this helpful
Adding product reviews