The steps, side by side
- Open the page or CMS template in the Webflow Designer.
- Drag an Embed element from the Add panel into the layout.
- Paste the snippet from the generator below and click Save & Close.
- Publish — Webflow renders embeds only on the published site.
- Open the Framer project and select the page.
- Insert → Embed, then drop the component on the canvas.
- Paste the snippet into the Embed properties panel.
- Publish, then check the live URL — the canvas preview stays blank.
Embed code generator
Paste any form URL — LemForms, Typeform, Tally, Jotform, Google Forms or Paperform. The same snippet works in both builders.
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 →Webflow vs Framer for form embeds
| Detail | Webflow | Framer |
|---|---|---|
| Element name | Embed element | Embed component |
| Visible while editing | No — publish to see it | No — publish to see it |
| Code limit | 50,000 characters | No practical limit for an iframe |
| Works in CMS items | Yes, with a CMS field for the form URL | Yes, inside a CMS template |
| Plan required | Any paid site plan to publish | Any published site |
| Best embed mode | Responsive iframe | Responsive iframe |
Want the full walkthrough for one of them? Webflow guide · Framer guide
Frequently asked questions
How can I embed a form into Webflow or Framer?
Both use an embed block that accepts raw HTML. Generate a responsive iframe snippet, paste it into Webflow's Embed element or Framer's Embed component, then publish. Neither renders the form while you are editing.
Why is the form blank in the editor?
Webflow and Framer both disable third-party embeds inside the editor canvas. Publish the site and open the live URL to test.
Which one handles responsive forms better?
They behave the same. The responsive iframe wrapper scales to whatever container it sits in, so the form fits every breakpoint in both tools.
Can I embed a Typeform, Tally, Jotform or Google Form?
Yes. The generator takes any public form URL, not just LemForms — paste it and copy the snippet.
Do I need a paid plan to embed a form?
You need a plan that lets you publish the site. The embed itself costs nothing, and LemForms is free to start.
Build the form you'll embed
Conditional logic, calculations, file uploads, webhooks and a real submissions dashboard — with an embed that inherits your Webflow or Framer styling.
Try LemForms free