Skip to main content

Squarespace · 4 min read

How to embed Google reviews on Squarespace

Squarespace embeds fail for two predictable reasons: the Display Source toggle, and people checking the editor instead of the live site. Get those two right and adding live Google reviews takes about five minutes.

Last reviewed by the Reviews Widget product team.

The Code Block, and the setting people miss

Squarespace's Code Block runs HTML — unless Display Source is switched on, in which case it prints your markup as visible text on the page. Set the block to HTML, leave Display Source off, and the script executes as intended.

Step-by-step in Squarespace 7.1

Skip the reading — build your widget now

Free plan, no credit card. Your reviews are embedded before you finish this guide.

Build the widget, copy the script tag, edit the page, insert a Code Block set to HTML with Display Source off, paste, save, then check the published URL rather than the editor, where Squarespace shows a placeholder by design.

  1. 1

    Create your free Reviews Widget

    Sign up, search your business name to attach your Google Business Profile, and let the first fetch pull in your reviews and aggregate rating.

  2. 2

    Style the widget

    Choose a layout, then match your Squarespace site styles — colours, corner radius and font scale — using the live preview at desktop, tablet and mobile widths.

  3. 3

    Copy the embed snippet

    Open the Embed tab and copy the one-line script tag.

  4. 4

    Edit the Squarespace page

    Open the page and click Edit, then hover where the reviews should go and click the insert point.

  5. 5

    Insert a Code Block

    Search the block menu for Code and add a Code Block. Set the block's mode to HTML and turn Display Source off, or Squarespace will print the tag as text instead of running it.

  6. 6

    Paste the snippet and save

    Paste the script tag into the block, click outside it, then Save. Squarespace shows a grey placeholder in the editor rather than the rendered reviews.

  7. 7

    View the live site and verify

    Open the published page in a browser — reviews render there, not in the editor. Run the URL through Google's Rich Results Test to see the JSON-LD parse.

Page sections, footers and Code Injection

Placement options for the reviews snippet on a Squarespace site
WhereHowBest for
A single pageCode Block in a page sectionHomepage, about, or a testimonials page
Below a formCode Block beneath the form blockContact and enquiry pages
Site footerSettings → Advanced → Code Injection (Footer)A floating star badge sitewide
Blog post templateCode Block inside the postOne-off placements, not sitewide

Which Squarespace plans allow code

Code Blocks and Code Injection are paid-plan features. If the Code Block does not appear in your block menu, the snippet is not the problem — your plan does not permit custom code, and upgrading is the only route. Check Squarespace's current plan comparison before assuming a fault.

Choosing a review widget for Squarespace

Adding Google reviews to a Squarespace website is really a question of what the reviews should look like once they are there. A grid suits a dedicated testimonials page, a list reads well inside a long services page, and a floating star badge keeps your rating visible sitewide without taking up a section. Every layout uses the same Code Block and the same snippet, so you can change your mind later without touching the page again.

If you want more than Google, the same embed can also show Trustpilot, Facebook, Yelp and TripAdvisor reviews side by side with source tabs — see multi-platform reviews for how the combined rating is worked out.

Troubleshooting

Common Squarespace embed problems and their fixes
SymptomLikely causeFix
Raw code shown on the pageDisplay Source is switched onTurn Display Source off in the block settings
Grey placeholder in the editorSquarespace disables scripts in the editorView the published page instead
Nothing renders on the live pageSnippet pasted into a Text BlockUse a Code Block set to HTML
Code Block missing from the menuPlan does not include custom codeUpgrade to a plan that allows code
Reviews appear then vanishAd blocker or strict tracking protection in your browserTest in a clean browser profile
Widget too narrowSection content width settingWiden the section or use a full-bleed section

Sources & further reading

Frequently asked questions

How do I add Google reviews to Squarespace?+

Insert a Code Block on the page, set it to HTML with Display Source switched off, and paste the widget's script tag into it. Save, then view the published page — Squarespace deliberately shows a placeholder instead of running embedded scripts inside the editor.

Why does my Squarespace Code Block show the code as text?+

The Display Source toggle is switched on. That setting tells Squarespace to print the markup literally rather than execute it, which is the single most common reason a Squarespace embed appears as a line of raw HTML on the page.

Why can I not see the reviews in the Squarespace editor?+

Squarespace disables third-party scripts inside the editor and preview for safety and performance, showing a grey placeholder block instead. This is expected. Open the published URL in a normal browser tab and the reviews render.

Which Squarespace plans allow custom code?+

Code Blocks and Code Injection require a paid plan; they are not available on trials or the entry personal tiers on some legacy pricing. If the Code Block is missing from your block menu, that is a plan restriction rather than a fault with the snippet.

Can I add the widget to every page at once?+

Yes, using Code Injection under Settings for a footer-wide placement, though a full review grid on every page is rarely a good idea. A floating star badge is the better sitewide option, with a full grid on the pages where it supports a decision.

Will this work on Squarespace 7.0 as well as 7.1?+

Yes. Both versions include a Code Block and both accept the same script tag. The menu wording and section layout differ slightly, but the Display Source setting and the editor-placeholder behaviour are the same.

How do I link Google reviews to Squarespace?+

You link them by connecting your Google Business Profile to a widget once, then pasting that widget's snippet into a Squarespace Code Block. From then on the reviews on your Squarespace site refresh on their own — there is no copying, pasting or re-editing when a new review lands.

Is there a free Google review widget for Squarespace?+

Yes. The free plan covers one grid of live Google reviews in the grid or list layout, which is enough for most Squarespace sites. You will need a Squarespace plan that includes Code Blocks, since that is a Squarespace restriction rather than ours.

How do I get reviews on Squarespace if I have none yet?+

Collect them first, then display them. Share a direct Google review link by text or email, put a review QR code on receipts and counters, and turn on the on-site review form so visitors can leave feedback without going anywhere else.

How do I integrate Google reviews into Squarespace without an add-on?+

The Code Block is the integration. Squarespace has no official Google reviews block, so any add-on you install is doing the same thing under the hood — loading a third-party script — with an extra subscription attached.

Ready to add Google reviews to Squarespace?

One Code Block. No plugin, no developer.

All how-to guides