Skip to main content
← Back to Blog|Review Widgets

How to Add a Google Review Widget to Squarespace (7.1 & 7.0)

·8 min read·By Mike Ragimov

Google Review Widget for Squarespace (Code Block Method, 7.1 and 7.0)

How to add a Google review widget to Squarespace: edit the page, click an insert point, choose Code from the block menu, paste the BlooTrue one-line embed code, and save. Important plan note: Squarespace only runs script tags inside Code Blocks on Business and Commerce plans — on the Personal plan, embedded scripts are disabled. The widget matches Squarespace's minimal aesthetic with clean list, grid, and badge styles, is free with unlimited views, and auto-syncs Google reviews daily on paid BlooTrue plans.

Adding a Google review widget to a Squarespace website with a Code Block

Squarespace doesn't have a plugin marketplace like WordPress, so the official way to add any third-party widget is the built-in Code Block — and that's genuinely all you need. The one thing to know before you start: Squarespace only executes JavaScript embeds on Business plans and above, a limit that catches Personal-plan users by surprise. Here's the full click path for 7.1 (and 7.0), plus placement and troubleshooting specific to Squarespace.

→ Create your free Google widget for Squarespace or browse all review widgets for Squarespace.

The 60-Second Method: Squarespace Code Block

In Squarespace 7.1 with Fluid Engine, a Code Block is a first-class element you can drop and drag anywhere on the grid. In classic 7.1 sections and 7.0, it slots into the block flow like a text block. Either way it's one paste.

Step 1: Create your widget

Open the free Google widget builder, find your business, and choose a style. Squarespace sites tend toward minimal design — the clean list and badge styles usually match templates like Bedford or Brine descendants best.

Step 2: Copy the embed code

Copy the generated snippet — a single script tag plus a div.

Step 3: Add a Code Block

Edit the page, click an insert point (the + or a drop zone in Fluid Engine), and choose Code from the block menu. Delete the placeholder <p>Hello</p> and paste your embed code. Keep the block's type set to HTML.

Step 4: Save and view the live page

Squarespace's editor often shows a gray placeholder instead of executing scripts in edit mode. Save, then open the page outside the editor to see the widget render.

The Plan Catch: Scripts Need Business or Commerce

This is the single most common reason a Squarespace embed "doesn't work": on the Personal plan, Squarespace strips JavaScript from Code Blocks. The block saves fine, the editor shows no error — the script just never runs on the live site. Any script-based widget from any provider hits the same wall; it's a platform rule, not a widget bug.

If you're on Personal and not ready to upgrade, your options are limited: Squarespace's own summary blocks can't pull Google reviews, so most owners either upgrade to Business (which also unlocks premium blocks and code injection) or link out to their Google profile until they do. On Business and above, everything in this guide works as written.

Where to Place Google Reviews on Squarespace

Squarespace templates put heavy visual weight on hero imagery, which makes the section directly under the hero ideal for a review strip — proof before portfolio. For service businesses (photographers, studios, consultants — Squarespace's core audience), placing a slider between your services section and your contact form shortens the trust gap right before the ask.

Fluid Engine tip: give the Code Block its own row rather than nesting it beside images — widgets are responsive and will reflow with the grid, but a full-width row keeps star ratings readable on mobile breakpoints. More layout patterns live on the Squarespace widget hub.

Matching Squarespace's Aesthetic

Squarespace users pick the platform for its design discipline, and a loud widget can break that. Three settings do most of the work: set the widget font to match your site's body font family, use a transparent background so the section color shows through, and pick a accent color pulled from your template palette. The configurator previews all of it live before you copy the code — no CSS required.

Troubleshooting: Squarespace-Specific Issues

Gray placeholder box in the editor: normal — Squarespace defers script execution in edit mode. Judge the result on the live page, not in the editor.

Widget never renders on the live site: check your plan first. Personal-plan sites strip scripts from Code Blocks; you need Business or Commerce.

Block saved as Markdown instead of HTML: a Code Block set to Markdown will print your embed code as text. Open the block settings and switch the type back to HTML.

AJAX loading conflicts (7.0 templates): some 7.0 template families load pages via AJAX, which can skip script re-execution when visitors navigate between pages. If the widget only appears after a hard refresh, disable AJAX loading under Site Styles.

Frequently Asked Questions

Why doesn't my review widget work on Squarespace Personal plan?
Squarespace disables JavaScript inside Code Blocks on the Personal plan. Any script-based widget from any provider is affected — upgrading to Business or Commerce unlocks it. The widget itself is free; the plan requirement is Squarespace's.
Does this work on both Squarespace 7.1 and 7.0?
Yes. In 7.1 (including Fluid Engine) add a Code Block at any insert point; in 7.0 the Code Block works the same inside the block flow. On some 7.0 templates, disable AJAX loading if the widget only appears after a refresh.
Why do I see a gray box instead of my reviews in the editor?
Squarespace doesn't execute embedded scripts in edit mode. Save and open the live page — the widget renders there. This is normal editor behavior, not an error.
Can I make the widget match my Squarespace template?
Yes — set a transparent background, match your body font, and pick an accent color from your template palette in the configurator before copying the code. The minimal list and badge styles fit most Squarespace templates out of the box.
Is the widget free, and do reviews update automatically?
The widget is free forever with unlimited views. Free plans show the reviews imported at setup; paid BlooTrue plans auto-sync new Google reviews daily without touching your Squarespace site again.

Frequently Asked Questions

Why doesn't my review widget work on Squarespace Personal plan?

Squarespace disables JavaScript inside Code Blocks on the Personal plan. Any script-based widget from any provider is affected — upgrading to Business or Commerce unlocks it. The widget itself is free; the plan requirement is Squarespace's.

Does this work on both Squarespace 7.1 and 7.0?

Yes. In 7.1 (including Fluid Engine) add a Code Block at any insert point; in 7.0 the Code Block works the same inside the block flow. On some 7.0 templates, disable AJAX loading if the widget only appears after a refresh.

Why do I see a gray box instead of my reviews in the editor?

Squarespace doesn't execute embedded scripts in edit mode. Save and open the live page — the widget renders there. This is normal editor behavior, not an error.

Can I make the widget match my Squarespace template?

Yes — set a transparent background, match your body font, and pick an accent color from your template palette in the configurator before copying the code. The minimal list and badge styles fit most Squarespace templates out of the box.

Is the widget free, and do reviews update automatically?

The widget is free forever with unlimited views. Free plans show the reviews imported at setup; paid BlooTrue plans auto-sync new Google reviews daily without touching your Squarespace site again.