Squarespace doesn't have a native Google Reviews block, but it does have a Code Block — and that's all you need to embed your reviews professionally. Here's the full setup guide.
What You Need First
Before starting, have these ready:
- Your Squarespace site login
- Your Laudy account (or another review widget provider) — you'll need your widget embed code
- About 10 minutes
Using the Squarespace Code Block
Squarespace's Code Block accepts raw HTML, CSS, and JavaScript. This is the standard method for embedding any third-party widget.
Step-by-step:
- Log in to Squarespace and open your site editor
- Navigate to the page where you want reviews displayed
- Click the "+" button to add a new block in the desired section
- In the block search, type "Code" and select the Code block
- In the Code block editor, switch from "Display Source" to the actual content view
- Paste your Laudy widget script:
<div id="laudy-widget-container"></div>
<script
src="https://widget.laudy.com/embed.js"
data-token="YOUR_TOKEN"
data-theme="light"
data-layout="grid"
async>
</script>
- Click Apply, then Save
If you see a "Code blocks are disabled" message: this happens on some Squarespace plans. Go to Settings > Advanced > Code Injection — on Business and Commerce plans, code injection is enabled. On Personal plans, it may not be available.
JavaScript Snippet vs iFrame: Which Works Better in Squarespace
You'll encounter two common embed formats for review widgets:
JavaScript snippet (recommended): Loads the widget dynamically, supports live review updates, allows customization via data attributes. This is what most platforms (including Laudy) provide. Works well in Squarespace Code Blocks.
iFrame embed: A self-contained frame that loads a separate page with your reviews. More compatible across platforms, but less flexible for custom styling. An iFrame example:
<iframe src="https://widget.laudy.com/iframe/YOUR_TOKEN"
width="100%"
height="400px"
frameborder="0">
</iframe>
iFrames are generally the fallback option. Use the JavaScript snippet first; switch to iFrame only if the snippet has display issues in your specific Squarespace template.
Responsive Display Settings
Squarespace templates are mobile-responsive by default, but third-party code blocks don't always adapt automatically. To ensure your review widget looks good on mobile:
Set width to percentage, not pixels:
In your Code Block, wrap the widget in a div with 100% width:
<div style="width: 100%; max-width: 800px; margin: 0 auto;">
<!-- widget code here -->
</div>
Test in Squarespace's mobile preview: After embedding, click the mobile icon in the Squarespace editor to preview how it looks on a phone-sized screen. If the widget overflows, add overflow-x: hidden to the wrapper div.
Check your widget's responsive setting: In Laudy's widget settings, select a layout that stacks vertically on mobile (single-column list or cards). The carousel layout can have horizontal scroll issues on mobile in Squarespace.
Best Page Placement
Where you put your reviews determines how many visitors actually see them.
Homepage section: Place reviews in a dedicated section between your services overview and your contact/booking section. This positions social proof at the decision moment — after they understand what you do, before they commit to contacting you.
About page: Visitors on your About page are assessing whether to trust you. A genuine review section here reinforces the personal story you're telling.
Contact page: This is where hesitant visitors land. A short widget showing your top 3 reviews directly above your contact form can meaningfully improve form completion rates.
Avoid placing the widget in the header or footer where it's either too prominent or too easy to miss.
Squarespace 7.0 vs 7.1 Differences
If your site is on the older 7.0 platform, the Code Block behaves slightly differently:
7.0: Code Blocks are available in most templates but may require Developer Mode to unlock in some. CSS injected via Code Block may conflict with template-level styles more often. JavaScript loading order can sometimes cause widgets to not render on first load.
7.1: Code Blocks are universally available. JavaScript injection via Code Block or page-level injection (Settings > Pages > Page Header Code Injection) is more reliable. If you're on 7.1, use the page-level code injection option for a cleaner implementation.
How to tell which version you're on: In Squarespace, go to Settings > Developer Tools. If you see "Fluid Engine" as your editor, you're on 7.1.
Laudy's widget embeds cleanly into any Squarespace site with a single Code Block paste. Sign up for Laudy to get your widget embed code and start displaying your best reviews today.