How to Embed Google Forms

Streamline your data collection process with an embedded Google Form. Fully customize the design and layout of your embedded form with Fillout.

How to Embed Google Forms
Do not index
Do not index
Hide CTA
Hide CTA
Hide cover
Hide cover
Google Forms is a popular tool for creating different types of forms, from sign-ups and registrations to surveys. This makes it a go-to choice for businesses, educators, and event organizers. It offers a simple and easy way to collect and analyze responses. Users can share a link to collect input or streamline the process by embedding the Google Form on a website or in an email.

Why embed your form

Embedding your form or survey is a faster and more efficient way to collect responses. It’s especially useful for gathering leads, RSVPs, feedback, and more. Here’s how embedding makes a difference:
  • Streamlines data collection: Skips the extra step of sharing links and lets visitors fill out the form right where they are
  • Boosts engagement: Encourages visitors to connect with your brand in just a few clicks
  • Reduces drop-offs: Keeps visitors on your page and encourages immediate action
  • Enhances customer experience: Removes the need for visitors to search for contact options, providing a direct and hassle-free way to reach you
  • Drives conversions: Makes it effortless for users to sign up, donate, or take an action on your site

How to embed on a website

Open your Google Form and click Send on the upper right corner. Next, click the Embed HTML < > icon. Adjust the width and height as you see fit. Then, copy the iframe code and paste this to your website’s HTML.
notion image

How to embed in an email

Click Send on the upper right corner. Tick Include form in email. Then, enter your respondents’ emails and edit the subject and message if necessary, and click Send.
notion image

Customize the embed style

Apart from the width and height, there is no other way to fully customize the appearance of an embedded Google Form. In many cases, Google Forms don’t display well on mobile devices, making them difficult to complete. Fortunately, Fillout offers a solution. This powerful alternative provides different embed styles and other customizations for a smoother experience.
notion image
 
On your Fillout form, click Share in the top menu and choose among different embed styles. Certain styles let you adjust the button color, button size, and more.
notion image
After selecting an embed style, you’ll be able to preview how it looks like on desktop and mobile. Get the code and paste this to your website’s HTML, email, Notion page, or other platform.
notion image
Embedding forms is a quick and effective way to collect input, boosting engagement, conversions, and overall user experience. While Google Forms allows users to embed forms on websites and email, it lacks customizations and mobile responsiveness. With Fillout, you can customize the look and feel of your embedded form while ensuring seamless display across different screen sizes. The best part is coding knowledge is not required!
Mikhaela Presillas

Mikhaela Presillas is the Marketing Manager at Fillout. She lives in Manila where you can often find her trying out new restaurants and cafes in the city or exploring new destinations.