Embed Typeform in Squarespace
- Copy the Typeform URL
Open Share and copy the public form link.
- Generate the snippet
Paste it below and pick Responsive or Popup.
- Add a Code Block
Edit the Squarespace page, insert a block, choose Code.
- Publish and test live
Squarespace hides Code Blocks in the editor — test the published page.
Embed code generator
Paste your Typeform 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
- Typeform's cheaper plans cap monthly responses, and the form stops accepting once you hit the cap.
With LemForms: LemForms plans are built around forms and features rather than a hard response cliff.
- Typeform's embed loads a sizeable JavaScript bundle on every page view.
With LemForms: A plain iframe loads only when the section is reached.
- Removing Typeform branding needs a higher tier.
With LemForms: White-label attribution removal is available on paid LemForms plans.
Frequently asked questions
Can I embed Typeform in Squarespace without a plugin?
Yes. A Code Block with an iframe is enough; no plugin or extension is involved.
Does the one-question-at-a-time flow survive the embed?
Yes, and LemForms has a conversational mode that does the same thing if you switch.
Which Squarespace plan do I need?
Code Blocks need Business or higher. Otherwise link out to the form instead of embedding.
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 → SquarespaceGet the Squarespace code-block snippet for any Google Form, see what breaks on mobile, and swap it for a form that matches your template.
- 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.