How to Embed Google Forms

Do not index

Hide CTA

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 the vertical ellipsis ⋮ on the upper right corner, then choose <> Embed HTML.

Adjust the width and height as you see fit. Then, Copy the iframe code and paste this to your website’s HTML.

How to embed in an email

After publishing your form click the share icon.

In the pop-up, enter the email addresses of people you’d like to send the form to. Make sure Notify people is ✓ ticked.

The form will now be automatically embedded in the emails.

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.

On your Fillout form, click Share in the top menu.

Choose among different embed styles. Certain styles let you adjust the button color, button size, and more.

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.

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!