Typeform · Webflow · Free · No signup

Typeform on Webflow — embed it, or replace it

Webflow's Embed element takes any HTML, so a Typeform will render. What it also brings is Typeform's branding, Typeform's response limit and a second analytics stack loading on your page.

Embed Typeform in Webflow

  1. Copy the Typeform link

    In Typeform open Share and copy the public form URL.

  2. Generate the embed code

    Paste that URL into the generator below and choose Responsive.

  3. Add an Embed element

    In the Webflow Designer press Add → Components → Embed and drop it where the form belongs.

  4. Paste and publish

    Paste the snippet, save the embed, then publish the site — embeds do not render in the Designer canvas.

  5. Swap it later

    Rebuild the questions in LemForms and change only the URL inside the snippet; the Webflow page stays untouched.

Embed code generator

Paste your Typeform URL. The generator writes the snippet Webflow 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>
Paste the snippet into the HTML of any platform — WordPress (Custom HTML block), Webflow (Embed), Framer (Embed), Wix (HTML iframe), Squarespace (Code block), Shopify (Custom Liquid), Notion (Embed), Ghost (HTML card), Carrd (Embed), or plain HTML.

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

WordPress

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 →
Webflow

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 →
Framer

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 →
Wix

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 →
Squarespace

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 →
Shopify

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 →
Notion

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 →
Carrd

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 free tier caps responses each month and stamps its logo on the form.

    With LemForms: LemForms forms carry your own branding, and paid plans remove the attribution entirely.

  • The embedded script loads Typeform's own bundle, adding weight to a Webflow page you tuned for speed.

    With LemForms: A plain responsive iframe loads one document and nothing else.

  • Answers live in Typeform, so your Webflow site and your data sit in different places.

    With LemForms: Submissions land in one dashboard with email alerts, exports and webhooks included.

Frequently asked questions

Why is my Typeform blank in the Webflow Designer?

Webflow does not execute embeds inside the Designer. Use Preview or the published URL to test.

Can I embed a Typeform without the script?

Yes — a plain iframe pointing at the form URL works and avoids loading Typeform's bundle.

Does the embed count towards my Typeform response limit?

Yes. Responses collected through an embed count exactly like responses collected on Typeform's own page.

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.

Try LemForms free Full Webflow embed guide

Other moves