How to Embed a Google Form on Your Website

Updated July 2026 · 9 min read

Sending visitors off-site to fill out a form loses some of them along the way. Embedding a Google Form directly into your page keeps people in context — useful for contact forms, event sign-ups, feedback widgets, or anything you want to feel like part of your site rather than a detour. Google builds the embed code in for free; here's how to use it well.

Getting the built-in embed code

1. Open your form and click Send in the top-right corner.
2. In the dialog, click the < > icon (embed HTML).
3. Google generates an iframe snippet that looks like this:

<iframe src="https://docs.google.com/forms/d/e/FORM_ID/viewform?embedded=true" width="640" height="921" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

4. Click Copy, then paste that snippet wherever your site accepts raw HTML.

Adjusting width and height

The default dimensions Google generates are a reasonable guess, but rarely exact. Edit the two numbers directly in the code:

• Width — set it to match your page's content column. A common choice is width="100%" combined with a max-width on a wrapping container, so the form scales with the page instead of staying a fixed pixel size.
• Height — this is the one that causes problems. Google Forms doesn't resize the iframe automatically as you add or remove questions, so if your form is longer than the height value, the bottom gets clipped and visitors have to scroll inside a tiny box to find the submit button. When in doubt, set the height noticeably taller than you think you need — an extra 200–300 pixels of blank space below a short form is a much smaller problem than a cut-off submit button on a long one.

Embedding on WordPress

Add a Custom HTML block (in the block editor) or a Text widget in HTML mode (classic editor), and paste the iframe code directly in. WordPress renders it as-is — no plugin required, though form plugins that "import" Google Forms are unnecessary for a simple embed like this.

Embedding on Squarespace

Add a Code Block to the page (from the block menu when editing a page), paste the iframe HTML, and save. Squarespace's code blocks accept raw embeds like this without restriction, but check the block's width setting against your page's grid so the form doesn't overflow its column.

Embedding on Wix

Wix requires using its Embed > Embed a Widget (or "HTML iframe") element from the Add panel, then pasting the code into the settings panel that opens. Unlike WordPress and Squarespace, Wix renders embedded HTML inside its own iframe wrapper, so you may need to nudge the element's size on the canvas in addition to editing the code's height value.

Embedding in a plain HTML page

If you're hand-coding a page, paste the iframe snippet directly into the body wherever you want the form to appear — no special handling needed. It's a good idea to wrap it in a container div with a max-width so the form doesn't stretch edge-to-edge on wide screens.

Common issues

• The form is cut off at the bottom. This is almost always a height problem — see the adjustment note above. Increase the height value until the full form, including the submit button and any "required" errors that might appear, fits without an inner scrollbar.
• The embedded form doesn't look responsive on mobile. A fixed pixel width doesn't shrink for small screens. Set width="100%" in the iframe and let a CSS max-width on the parent element control the upper bound, so it scales down naturally on phones.

Embedding vs. just linking out

Embedding keeps visitors on your page, matches your site's surrounding design, and can reduce the drop-off that happens when someone gets redirected to an unfamiliar domain. It's the better choice for short forms placed on a dedicated page — like a contact form or a quick feedback widget.

Linking out is simpler to set up (no height-tuning needed), gives the form its full, unconstrained layout, and avoids the scrolling-inside-a-box feeling that long or multi-section forms can create in a cramped iframe. If your form is long, has file uploads, or uses grid questions, linking to it directly — see our guide on sharing a Google Form — is usually the more comfortable experience for respondents.

Embedding for a contact form

Embedding is especially popular for turning a Google Form into a free contact form on a business or portfolio site — no backend, no email server setup, and responses land straight in a Google Sheet you can check anytime. If that's your goal specifically, our dedicated guide on using Google Forms as a contact form for your website covers field choices and spam-reduction settings worth adding on top of the basic embed.

FAQ

Related guides

• How to share a Google Form
• Using Google Forms as a contact form
• How to make a Google Form