Embed Google Forms in Squarespace
- Copy the Google Form link
Click Send in Google Forms and copy the shareable link.
- Generate the snippet
Paste the link into the generator below and choose Responsive.
- Add a Code Block
Edit the Squarespace page, add a block, and choose Code.
- Paste and save
Paste the snippet, save the page, then open the live URL — Code Blocks do not render in the editor.
- Test on mobile
Check the form on a phone. If it scrolls inside itself, increase the height in the snippet.
Embed code generator
Paste your Google Forms URL. The generator writes the snippet Squarespace expects — no account, no watermark.
Aspect-ratio wrapper, scales to width
<div style="position:relative;padding-top:62.5%;width:100%;">
<iframe
src="https://lemforms.com/f/your-form-id"
style="position:absolute;inset:0;width:100%;height:100%;border:0;"
loading="lazy"
title="Embedded form"
></iframe>
</div>Live preview
This is the exact iframe your visitors will see. If it looks wrong here, it will look wrong on your site.
Where to paste it, per platform
Block editor → add a Custom HTML block, paste, then Preview.
Gotcha: Classic editor strips iframes in Visual mode — switch to the Text tab first.
Full WordPress embed guide →Add an Embed element (Add panel → Components → Embed) and paste.
Gotcha: Embeds don't render in the Designer canvas — use Preview or publish to see the form.
Full Webflow embed guide →Insert → Utility → Embed, choose HTML, paste the snippet.
Gotcha: Set the frame to Fixed height, or the iframe collapses to 0px.
Full Framer embed guide →Add → Embed Code → Embed HTML → Code, paste, then resize the box.
Gotcha: Wix wraps embeds in a fixed box — drag it taller than the form or it scrolls internally.
Full Wix embed guide →Add a Code block, set it to HTML, paste, and untick 'Display Source'.
Gotcha: Code blocks are unavailable on the Personal plan — use an embed block instead.
Full Squarespace embed guide →Theme editor → add a Custom Liquid section and paste the snippet.
Gotcha: Escape any Liquid-looking braces; Shopify tries to parse `{{ }}` inside Custom Liquid.
Full Shopify embed guide →Type /embed, paste the form URL directly (Notion builds the iframe).
Gotcha: Notion ignores raw HTML — use the plain form URL, not the snippet.
Full Notion embed guide →Add → Embed → Code, paste, set Style to Inline.
Gotcha: Carrd doesn't auto-size iframes — set an explicit height or the form gets clipped.
Full Carrd embed guide →What breaks, and what to do about it
- The embedded form ignores your Squarespace template fonts and colours.
With LemForms: A themed LemForms embed picks up your brand colours, so it reads as part of the page.
- Code Blocks are hidden in Squarespace's editor preview, so you can only test live.
With LemForms: Same limitation, but a responsive embed removes the usual double-scrollbar surprise after publishing.
- File uploads in Google Forms require respondents to sign into a Google account.
With LemForms: LemForms uploads work without any account, which matters for client-facing forms.
Frequently asked questions
How do I embed a Google Form in Squarespace?
Add a Code Block to the page and paste an iframe pointing at your form URL. The generator below writes the snippet for you.
Do I need a Squarespace Business plan?
Code Blocks require a Business plan or higher. Personal plans can link out to the form instead, or use a LemForms popup link.
Why does the form only appear on the live site?
Squarespace disables Code Block rendering inside the editor. Always test the published URL.
Rebuild the same form in minutes
Same questions, your styling, conditional logic, file uploads and a real submissions dashboard. Swapping the URL inside your snippet is the only change your site needs.
Other moves
- Google Forms → CarrdPaste your Google Form into Carrd with a working iframe, see exactly what breaks, and swap it for a form that matches your Carrd design.
- Google Forms → WebflowDrop any Google Form into a Webflow Embed element with responsive code, then see why designers usually replace it before launch.
- Jotform → CarrdWorking Carrd embed code for any Jotform, the branding and submission-limit catches, and a free alternative with the same fields.
- Typeform → SquarespaceSquarespace Code Block snippet for any Typeform, the response-limit catch, and a conversational alternative that keeps the same flow.