Embed Google Form on Website — Free Embed Code Generator

How to embed a Google Form on a website

To embed, add, or insert a Google Form into a website, you place an HTML <iframe> that points at your form. Google Forms gives you a basic iframe, but it's a fixed size with no responsive option — the generator above fixes that. Here's the full step-by-step.

Step 1 — Get your Google Form's link

Open your Google Form and click Send in the top-right. Either copy the share link from the Link tab, or open the <> Embed HTML tab and copy the URL from inside the iframe src="..." attribute. Both work in the generator above.

Step 2 — Generate a clean embed code

Paste the link into the generator at the top of this page, set your width and height, and toggle Responsive wrapper if you want the form to scale with the screen. Click Generate Embed Code, then use Preview Below to check it before you paste.

Step 3 — Paste the iframe into your site

Copy the generated code and paste it anywhere HTML is allowed — a Custom HTML block, an Embed element, or directly into your page's HTML. Platform-specific instructions for WordPress, Wix, Squarespace, and more are in the section below.

Tip: this tool also accepts forms.gle short URLs, but the full docs.google.com/forms/... URL produces the cleanest embed.

Real limitations of embedding Google Forms

The embed code above works — but these are the things you can't fix on the Google Forms side, no matter how you tweak the iframe:

Where to paste the embed code on your site

How to embed a Google Form in Squarespace

To embed a Google Form in Squarespace, paste the form's iframe into a Code block, not an Embed block. Squarespace's Embed block only accepts shareable URLs from services like YouTube and Vimeo, so it rejects raw iframe HTML. Set the iframe width to 100% so it scales, and set the height tall enough for your longest question page.

First, check your Squarespace plan

Iframes only render on paid plans. Squarespace's documentation states that "Adding JavaScript or iframes to code blocks is available in the Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans." On the Basic plan a Code block still accepts plain HTML, but the iframe will not render and visitors see an empty space where the form should be. If you are on Basic, link out to the form instead of embedding it.

Step-by-step

1. Copy your Google Form link. Open the form, click Send, then copy the address from the Link tab, or the URL inside src="..." on the <> Embed HTML tab.
2. Generate a responsive embed. Paste that link into the generator at the top of this page, set Width to 100% (responsive), tick Responsive wrapper, and set a height. Click Generate Embed Code, then Preview Below to check it before you paste anything into Squarespace.
3. Add a blank section to your page. Edit the page, hover over an insert point between sections, and add a new one. Dropping the form into an existing content section is what produces the odd margins people report.
4. Add a Code block. Click the insert point inside your new section and choose Code. Leave the type on HTML and make sure Display Source is unticked, otherwise Squarespace prints your code on the page as text instead of rendering it.
5. Paste, save, and check it live. Paste the generated code, click outside the block, then Save. Always confirm the result on the published site in a private window: Squarespace notes that custom code sometimes will not display while you are logged in.

Fix: the embedded form is cut off on mobile

This is a height problem, not a width problem. A Google Forms iframe cannot auto-resize, so the height you set on desktop is the height every phone gets. On a narrow screen each question wraps onto more lines and the form grows taller than the box you gave it, so the bottom is clipped. Set the height for the mobile case, usually 200px to 400px more than desktop needs, or accept a scrollbar inside the form. No Google Forms setting fixes this.

Fix: odd margins or extra white space around the form

Put the Code block in its own blank section rather than inside an existing content section, then reduce that section's top and bottom padding in Squarespace's section editor. Google's default iframe also carries marginheight and marginwidth attributes; the generator above sets both to 0 so the form sits flush inside the block.

Fix: the form does not scale with the browser window

Google's default embed code has a fixed pixel width, usually width="640". Change it to width="100%", or tick Responsive wrapper in the generator, which wraps the iframe in a max-width container and sets the width to 100%. Width will then follow the screen. Height stays fixed, because Google Forms has no auto-resize.

Code block or Embed block: which one to use

Use the Code block. Squarespace's Embed block is built for shareable URLs from services that support oEmbed, such as YouTube, Vimeo and Spotify, and it will not accept a raw <iframe>. The Code block does, on Core plans and above. Two other limits worth knowing: a Code block is capped at 400 KB, and code may not render when the page sits inside an Index page, so move it out temporarily if you are testing.

Embedding a Google Form because Squarespace's own forms fall short?

Worth knowing what you are trading. Squarespace form blocks do include file upload and follow-up questions on multiple choice, but they have no payment field and no signature field, Squarespace recommends a limit of 30 fields, and follow-up questions cannot chain (its docs state it is "not possible to create a follow-up to a follow-up question"). A Google Form embed swaps those limits for different ones: fixed height, Google branding, and no submission tracking.

A FormNX embed goes in the same Squarespace Code block, but ships with an iframe-resizer script so it fits its own height on every screen, which is the mobile-cropping problem Google Forms cannot solve. Same plan requirement applies: Core or above, since it uses an iframe and a script. See the full breakdown on our Squarespace form builder page, or compare the options on FormNX vs Google Forms.

Can you embed a Google Form in an email?

Mostly no — and it's worth knowing why before you try. An interactive Google Form can't be reliably embedded in an email. Email clients strip out the iframes and scripts a live form needs, for security reasons.

Google Forms has one narrow exception: when you click Send → Email and tick "Include form in email", the form renders inline — but only for recipients who open it in Gmail. Outlook, Apple Mail, Yahoo, and most corporate clients show a blank space or a plain link instead. And the moment your form uses file uploads, sections, or answer logic, Google disables the "Include form in email" option entirely.

The reliable approach: embed the Google Form on a web page (use the generator at the top of this page), then put a clear button or link to that page in your email. Recipients click through and complete the form in their browser — where it works on every device and every email client.

Why embed a Google Form instead of linking to it?

• Lower drop-off. Every redirect costs respondents — embedding keeps them on your page.
• Looks more professional. A form on your domain feels safer than clicking out to a Google URL.
• Better analytics. Your page-view tracking (GA4, Plausible) records the form view, not just clicks to the link.
• SEO-friendly. The page hosts the conversion intent and can rank for the form's topic.
• Mobile experience. Embedded forms render cleanly inside your site's mobile layout instead of bouncing to forms.google.com.