Embed Google Forms in Webflow
- Copy the form link
Use Send → link in Google Forms.
- Generate the embed
Paste it below and pick Responsive so it survives every Webflow breakpoint.
- Drag in an Embed element
From the Add panel in the Designer, drop an Embed where the form belongs.
- Paste, save, publish
Webflow only renders embeds on the published site, so publish before testing.
- Replace the URL later
Swapping to a LemForms URL is a one-line change inside the same Embed element.
Embed code generator
Paste your Google Forms 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>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
- Google's form styling cannot be overridden from Webflow's Designer.
With LemForms: A LemForms form is styled from your own theme settings and inherits your palette.
- Google Forms cannot post to Webflow CMS, Zapier-free webhooks or your CRM directly.
With LemForms: Native webhooks fire on every submission, with retries.
- Conditional questions in Google Forms only branch by whole section.
With LemForms: Field-level conditional logic and calculations run per question.
Frequently asked questions
Why is my embed blank in the Webflow Designer?
Embeds render only on the published site. Publish, then open the live URL.
Can I use this on a CMS collection page?
Yes. Put the Embed inside the template and pull the form URL from a CMS field to vary it per item.
Does Google Forms slow the page down?
It loads Google's full form bundle in an iframe. A lighter embed keeps Lighthouse scores healthier.
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.
- 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.