How to embed a Google Form in 2026

Embed a Google Form with the iframe HTML snippet

This is the universal method. Any site builder, blog platform, or static page that accepts an HTML block will accept this.

1. 1

   Open your form and click Send

   Open the form in Google Forms and click Send in the top right.

2. 2

   Click the embed icon

   In the share modal, click the < > embed icon to switch to the embed view.

3. 3

   Set the width and height

   Default is 640 by 480. Most layouts need at least 700 by 1200 for a single-page form. Underestimate the height and the form scrolls inside its own box, which kills completion rates. Common embeds include simple contact forms and quizzes built in Google Forms.

4. 4

   Copy the iframe snippet

   Click Copy. You will get a snippet that looks like this:

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

5. 5

   Paste it into your HTML editor

   Drop the snippet wherever you want the form to render on the page.

6. 6

   Make it responsive

   Wrap the iframe and set width to 100% with a fixed minimum height:

   <div style="max-width:720px;margin:0 auto;">
     <iframe src="https://docs.google.com/forms/d/e/FORM_ID/viewform?embedded=true"
             style="width:100%;min-height:1400px;border:0;">
       Loading...
     </iframe>
   </div>

   Pitfall: Google does not auto-resize iframes. Your height is a guess. Add a question, and the form scrolls. Edit it down, and you have whitespace. Most teams set the min-height 200px above the expected form height and accept the small empty band. Once the form is live, you can also connect Google Forms to Sheets to capture responses.

Embed a Google Form in WordPress

Three routes, ranked by effort. Pick based on whether you want the form to inherit your theme styling.

1. A

   Custom HTML block (no plugin)

   Open the post or page in the block editor, add a Custom HTML block, paste the iframe snippet from Method 1. Works on every WordPress install, free or hosted.

2. B

   Google Forms shortcode plugin

   Plugins like Google Forms by Best WordPress Plugin Marketplace and WPGForm let you embed via a shortcode like [google-form id="FORM_ID"]. Useful when you want the form to inherit your theme's typography, since the plugin renders questions in your site's HTML instead of inside an iframe.

3. C

   Page builder elements

   Elementor, Divi, and Bricks all ship an HTML widget. Drop the iframe in there. The advantage: you can wrap the widget in a styled container and use the builder's responsive controls to swap iframe heights between desktop and mobile breakpoints, which the raw HTML method does not let you do without custom CSS.

   Card layout tip: if your form ends up inside a card with restricted width, increase the iframe height by 30 to 40% to compensate for the narrower text wrap.

Embed a Google Form on Wix, Squarespace, Canva, or Webflow

Every modern CMS handles this slightly differently. Here is the exact path for the four most common ones.

• Wix. Add element > Embed Code > Embed HTML. Paste the iframe snippet. Drag the element to size. Wix sets the container size independently of the iframe size, so check both desktop and mobile preview before publishing. Common gotcha: Wix's free plan adds a banner that pushes the form down on mobile.
• Squarespace. Add a section > Code block > set type to HTML. Paste the snippet. Squarespace iframes are capped at the section width, so on full-width sections you may need to constrain the iframe to 720px with the wrapper trick from Method 1, or the form looks lost on widescreens.
• Canva (websites). On a Canva-designed website page, click Add > Embed > paste the Google Form viewform URL (not the iframe code itself). Canva's embed element resolves the URL into a live form. The limit: Canva embeds run in a fixed aspect ratio, so longer forms scroll inside the embed window. Single-page forms work better here than multi-page ones.
• Webflow. Add an Embed element (under Components). Paste the iframe snippet. Webflow's Embed renders inline at build time, so the form shows up in the Designer preview, not just on publish. If your form sits inside a CMS Collection page, the iframe still works because the snippet is static HTML, not Webflow code.