A step-by-step guide for embedding customer reviews on Squarespace - even on the cheapest plan.


Squarespace makes it easy to build a beautiful site. But adding dynamic testimonials? Not so much. Squarespace doesn't have a built-in testimonial feature beyond static quote blocks.

Here's how to add a live, auto-updating testimonial widget to any Squarespace page in under 5 minutes.

Step 1: Get Your Widget Code

Sign up at a testimonial tool like Quoted (free). Create a project, collect some testimonials from clients, and approve them.

Go to the Embed section and copy your widget code:

<script src="https://quoted.love/widget.js" data-project="your-slug" defer></script>

Step 2: Add a Code Block in Squarespace

  1. Go to the page where you want testimonials
  2. Click Edit on the page
  3. Click the + button to add a new block
  4. Under "More," select Code
  5. Paste the widget code
  6. Uncheck "Display Source" at the bottom
  7. Click outside the block to close it
  8. Save and publish

Step 3: You're Done

Preview your page. The testimonial carousel (or grid, wall, list - whatever layout you chose) should appear with your approved reviews.

Squarespace Plan Requirements

Code Blocks are available on Business and Commerce plans. If you're on the Personal plan, you won't see the Code Block option.

Workaround for Personal plan: You can add the script tag via Squarespace's code injection feature:

  1. Go to Settings → Advanced → Code Injection
  2. Paste the widget code in the Footer section
  3. Save

This will load the widget on every page, but it'll only render where there's space for it. Alternatively, upgrade to Business - it's worth it if you need custom code.

Customization

Change the layout: html <script src="https://quoted.love/widget.js" data-project="your-slug" data-layout="grid" defer></script>

Dark theme (for dark Squarespace templates): html <script src="https://quoted.love/widget.js" data-project="your-slug" data-theme="dark" defer></script>

Limit number of testimonials: html <script src="https://quoted.love/widget.js" data-project="your-slug" data-max="4" defer></script>

Styling Tips

Squarespace templates have strong design opinions. To make testimonials fit naturally:

Place the Code Block inside a section with padding. Squarespace sections usually have built-in spacing that works well. The widget inherits the page width automatically.

If the widget looks too wide, wrap it in a narrower section or use Squarespace's layout tools to constrain the column width.

Alternative: Static Testimonials in Squarespace

If you don't want a dynamic widget, Squarespace has a Quote Block you can use:

  1. Add a Quote block
  2. Type the testimonial text
  3. Add the author name as the source

Pros: Native Squarespace feature, no code needed.

Cons: Manual updates only. No star ratings. No photos. No automatic collection.

For anyone with more than 3 testimonials, the widget approach is significantly better.


Add testimonials to your Squarespace site →

Ready to try Quoted?

All features free during early access. No credit card, no limits.

Start Collecting - It's Free