Google reviews on Squarespace
Squarespace takes custom embeds through its Code Block, which is a first-class block in the editor rather than anything advanced. Two Squarespace-specific things decide whether this goes smoothly. The first is your plan: Code Blocks that execute JavaScript are not available on Squarespace's entry-level Personal tier, so the widget needs Core, Business or higher. The second surprises almost everyone — Squarespace deliberately does not execute scripts while you are editing, so a Code Block shows a grey placeholder in the editor and only renders once you save and view the live site. That placeholder is not an error, and chasing it is the most common way to waste twenty minutes on an embed that was already working.
Build and style the widget in the Google Reviews widget builder, then follow the Squarespace steps below to put it on your site.
How to add Google reviews to Squarespace
Build your widget
In Zyff's Google Reviews builder, search for your business, pick a layout and style it to match your Squarespace template. Copy the embed code when you are happy with the preview.
Edit the page and add a Code Block
Open the page in the Squarespace editor and click an insertion point where the reviews should go. In the block menu search for "Code" and choose the Code Block. On 7.1 this is under the Add Block panel; on 7.0 it is the same block in the block selector.
Replace the sample content
A new Code Block arrives pre-filled with a sample HTML snippet. Select all of it and delete it before pasting, or you will publish Squarespace's placeholder text alongside your reviews. Leave the block's mode set to HTML.
Paste the embed and save
Paste the container div and the script tag together, then click Save. The block will show a grey placeholder in the editor — that is expected and does not mean anything is wrong.
View the live site to confirm
Exit the editor and load the published page in a normal browser tab. Squarespace only runs the script outside the editing environment, so this is the only place the widget can actually be checked. Use a private window if you want to be sure you are not seeing a cached version.
Squarespace-specific things worth knowing
Code Blocks do not run in the editor
Squarespace blocks script execution inside the editing environment, so your Code Block shows a placeholder rather than the widget. This is by design. Save, exit the editor, and view the live page — that is the only accurate test.
The Personal plan cannot run code blocks
Code Blocks that execute JavaScript, and Code Injection, need Core, Business or a Commerce plan. On the entry-level Personal tier the block is unavailable, so the widget cannot render there regardless of how it is pasted.
Delete the sample snippet first
Every new Code Block is seeded with example HTML. Paste over it rather than after it, or the placeholder text ships to your live site above the reviews.
Code Injection puts it on every page
For a widget that should appear site-wide, such as a floating badge, use Settings > Advanced > Code Injection and add the snippet to the Footer field instead of placing a block on each page.
7.0 and 7.1 both work the same way
The Code Block is the same block in both versions; only the surrounding editor differs. Nothing about the snippet changes between them, and neither needs a developer-mode template.
Check it on a phone before you call it done
Squarespace templates are strongly opinionated about section padding, and a full-width review grid can sit differently than the editor suggested. Use the builder's 390px preview, then load the published page on an actual phone.
Frequently asked questions
Which Squarespace plan do I need to add Google reviews?
You need a plan that allows code blocks with JavaScript — Core, Business, or a Commerce plan. Squarespace's entry-level Personal tier does not include Code Blocks or Code Injection, so a script-based widget cannot run on it. Building the widget on Zyff is free either way.
Why is my Squarespace Code Block showing a grey placeholder?
Because Squarespace does not execute scripts while you are in the editor. The placeholder is what a working Code Block looks like from inside the editing view. Save, leave the editor and open the published page in a normal tab — the widget renders there.
Can I show Google reviews on every page of my Squarespace site?
Yes. Go to Settings > Advanced > Code Injection and paste the snippet into the Footer field, which puts it on every page without adding a block each time. This suits the Floating Badge layout in particular, since it positions itself in a page corner.
Does this work on both Squarespace 7.0 and 7.1?
Yes. The Code Block behaves identically in both, and the embed code is the same. Only the editor around it looks different, so follow the same steps on either version.
Do I need a Squarespace extension or third-party plugin?
No. The Code Block is built into Squarespace, and the widget is plain HTML, so nothing is installed and there is no second subscription. Removing the reviews later means deleting the block.
My reviews still are not showing on the live page. What now?
Check three things in order: that your plan includes code blocks, that you pasted both the div and the script tag rather than just one of them, and that you deleted Squarespace's sample snippet rather than pasting alongside it. Then reload the live page in a private window to rule out a cached copy.