Embed reviews and feedback forms on
Squarespace Sites

Check your Squarespace plan first

Squarespace's help centre states that adding JavaScript or iframes to Code blocks is available on the Core, Plus, Advanced, Business, Commerce Basic and Commerce Advanced plans, and not on the Personal or Commerce Starter plans. Since the ProofBeer embed uses JavaScript, check your plan before you start. If you are on a plan without JavaScript support, you can either upgrade or link to a hosted ProofBeer page instead of embedding.

Squarespace-specific steps and notes

• Edit the page, hover over a section, click Add Block (+), then choose Code.
• Open the block editor (pencil icon) and paste the snippet. Turn off 'Display Source' so the code runs instead of showing as text.
• Code blocks have a 400 KB limit according to Squarespace; the ProofBeer snippet is far smaller.
• Preview in a private window or on the live site. Some scripts do not run inside the editor while you are logged in.
• For site-wide placement, use a Code block in the footer area of your template, or Code Injection if your plan includes it.

Troubleshooting Squarespace setup

My code shows as text on the page

Turn off 'Display Source' in the Code block settings so Squarespace treats it as code.

Nothing appears after saving

Check your plan supports JavaScript in Code blocks. Personal and Commerce Starter plans do not.

It works in preview but not on the site

Clear browser cache, check the page is published and that you did not add the block to a hidden section.

The widget is narrow or off-centre

Place the Code block in a full-width section and remove any padding applied by the section style.

The widget appears on every page

If you used site-wide injection, switch to a page-level Code block for single-page placement.

Detailed Squarespace setup, step by step

1. Confirm your plan allows JavaScript in Code blocks.
2. Create the widget in ProofBeer and copy the snippet.
3. Edit the page in Squarespace and click Add Block.
4. Choose Code and open the block editor.
5. Paste the snippet and turn Display Source off.
6. Save and exit the editor.
7. Open the live page in a private window.
8. Check mobile spacing and adjust the section padding if needed.

Common mistakes to avoid

• Leaving Display Source on, which prints the code as text.
• Using a plan that blocks scripts.
• Placing the Code block in a narrow section.
• Testing only while logged in.
• Adding the snippet to several blocks on one page.

How the Squarespace integration works

A Squarespace Code block outputs the HTML you paste. When the plan allows JavaScript, the ProofBeer script runs in the visitor's browser and renders your widget in the block. If the plan does not allow JavaScript, the block will not run the script and you will need to upgrade or link out.

Real-world ways to use it

Services page

A grid of reviews under the services list.

Portfolio page

A testimonial carousel between project sections.

Contact page

A rating badge near the contact form.

Launch checklist

• Confirm your plan supports JavaScript in Code blocks.
• Add a Code block.
• Turn Display Source off.
• Paste the snippet.
• Save and view in a private window.
• Check mobile.
• Clear browser cache if the block looks empty.

How this compares with the alternatives

Squarespace's own testimonial blocks are static: you type the quotes in. A ProofBeer widget updates automatically when new reviews arrive, so use it where freshness matters, such as your home page and services pages.

Performance and SEO on Squarespace

Squarespace templates already load their own scripts, so keep the page light: one ProofBeer widget per page, and place it below the fold. Keep key testimonial text as normal text blocks if you need it indexed, and use the widget for synced reviews. Do not add review markup for your own business reviews expecting star snippets.