How to Embed Google Forms in Google Sites?

This is a common question from Google Workspace users whose website is on Google Sites. You want your form on the page, looking like the rest of your site. Google Sites lets you insert a form from the right hand panel, but it keeps Google's branding and you can only change its width and height. With Formfacade, you can remove Google's branding and match your form to your site's theme. Your visitors will see your site's fonts, colors and layout on the form. Even better, you can size the box to fit the form and the responses will still be collected on your Google Forms.

Let's start. Create your form and follow the steps under Method 2 below.

Method 1: Embed a Google Form using the native Insert option

There are two options to embed a Google Form in Google Sites.

Option 1: Insert forms directly

  • Open your site at sites.google.com and go to the page where you want the form.
  • In the right hand panel, click Insert. Scroll down and select Forms.
  • List of your forms will be displayed. Search and select your form and click Insert.
  • The form appears on the page. Drag the corners to resize it or reposition it as needed.
  • Click Publish in the top right corner to make the page live.
Google Sites with the Insert panel open, with Insert and Forms marked

Option 2: Embed by code or URL

If your form lives on a different account or you want control over how it loads, use the embed option instead.
  • Open your form in Google Forms and click the More menu (the three-dot icon) in the top right corner.
  • Select <> Embed HTML.
  • The Embed HTML settings page will be displayed. Adjust the width and height as needed, then click Copy.
  • In Google Sites, click Insert → Embed. Select Embed code, paste the code, click Next, then Insert. (You can also use the By URL tab and paste the form's live link.)
  • Resize if needed and click Publish.

Limitations

  • Google branding and terms visible. A "Google Forms" footer and terms stay on the form and can't be removed with the native embed.
  • Very limited styling. You can only adjust the form's width and height. You can't change colors, fonts, button styles or layout to match your site's theme, so the form looks like a Google box dropped onto your page.
  • Iframe with internal scroll on longer multi-page forms. The iframe is a fixed size, so a long form scrolls inside its own box instead of expanding with the page.
  • Not mobile-friendly or responsive. The form doesn't adapt to screen size and can get cut off or look cramped on phones.
  • File upload questions block embedding. Forms with a file upload question can't be embedded, you'll see "This form cannot be embedded because it makes use of File Upload fields."
  • User analytics won't work. Because the form loads in a cross-origin iframe, session-recording and analytics tools like Hotjar or FullStory can't see inside it, so you can't track behavior or spot drop-off points within the form.
  • Can't prefill answers. You can't automatically prefill the embedded form from URL query strings or pass values in dynamically with JavaScript, since the page can't reach into the cross-origin iframe.

Troubleshooting common problems

  • The form shows up blank or won't load. This usually happens when the form isn't shared properly. Make sure the form's response settings allow public access and that the site itself is published.
  • The form opens in a new tab instead of embedding. You likely pasted the form's share link into a button or text block rather than using Insert → Forms or Insert → Embed. Re-add it using one of the embed methods above.
  • The form is cut off or won't scroll on mobile. Multi-section forms can clip inside a fixed-height iframe. Increase the embed height or use Formfacade for a responsive embed that adapts to screen size.
  • Visitors don't see a "thank you" message after they submit. With a tall fixed-height iframe, the confirmation message can appear far above the visible area, so the user sees blank space instead. There's no native fix, because the page can't reach into the cross-origin iframe to scroll it back to the top.

Method 2: Embed a branded form that matches your site's theme

If you want the form to look like a native part of your site, you can use Formfacade to embed the form in Google Sites.
  • On the page that opens, name your form, click Embed form and click Proceed. It can take about a minute.
  • You will land on the form's "Share" tab, on Embed. The top bar may say "Blank Formfacade form" until you reload the page.
  • After a few seconds, "Where do you want to embed this form?" will be displayed
  • Select Embed in my Google Sites, then click Next.
The Embed tab under Share asking Where do you want to embed this form?, with Embed, Embed in my Google Sites and Next marked
  • Copy the Formfacade url.
The Embed tab showing the url to paste in Google Sites, with the url marked
  • In Google Sites, click Insert → Embed. Select By URL, paste the url, click Next, then Insert.
  • Resize if needed and click Publish.
Google Sites with the Embed from the web box open at By URL
Your form will show on your page. The Embed tab also notes that Google Sites does not support all features in this form.

Why Formfacade

  • Matches your website theme. The form takes on your site's fonts, colors and layout for a professional, responsive look, without Google branding.
  • Keeps your Google Workspace workflow. Responses still flow into Google Forms and can auto-sync to Google Sheets, so nothing changes about how you manage them.
  • Supports file uploads. Unlike the native embed, Formfacade lets you embed a form with file upload questions (up to 10 MB per file). Larger files and syncing uploads to Google Drive are available on higher paid plans.

Limitations

  • Google Sites allows iframe embed only. So even with Formfacade, session recording, user analytics and prefill answers won't work.
  • Formfacade branding on the free and lower plans. The free tier removes Google's branding but adds a small Formfacade attribution. Removing that, along with higher response volumes, requires a paid plan, so check the current pricing against what your form needs.

Frequently Asked Questions

Can I embed more than one Google Form on the same page?
Yes. Repeat the insert steps for each form. Google Sites allows multiple embedded forms on a single page.
Can I remove the Google branding and disclaimer?
Not with the native method. To remove Google branding and the disclaimer note, use Formfacade (Method 2).
Can I resize the form or add text around it?
Yes. You can drag to resize the embedded form and add headings, images or text above and below it to give visitors context.
Can I make the form match my site's fonts, colors and layout?
Not with the native embed. Google Forms lets you change only the header color and font and the rest still looks like a Google form. Use Formfacade to match your site's colors, buttons and layout.

Summary

If you embed a form with the native option in Google Sites, it keeps Google's branding and does not match your site. With Formfacade, you copy one url from the Embed tab and paste it in Insert → Embed. Create your form and complete the steps under Method 2. If you have any questions, write to support.

Last updated: