Google Forms is an easy-to-use form solution that makes anything from collecting feedback from customers all the way to receiving submissions for jobs and volunteers extremely easy. In this post, we’re going to show you how you can embed Google Forms on your website.

You’ll be pleased to hear that this guide will show you how to easily embed a Google Form on your WordPress website in just a few steps so you can start collecting feedback and form submissions from your website visitors.

An Introduction to Google Forms

Google Forms is a hosted and managed form solution that can be used to create simple surveys as well as other very basic forms.

Other examples could include:

  • Large scale polling
  • User questionnaires
  • Job applications
  • Event RSVP

Just as you’d expect since this is a service operated by Google, information submitted through your forms will all be stored in your Google Drive account. This means that you’ll also easily be able to share the Google Sheet that contains the responses submitted through the form which is especially useful if you (for example) want to go through the Google form submissions with your team in order to be able to evaluate feedback faster.

google-form-sharing-options
Google Form Sharing Options

Google’s Form creation platform simplifies the process. You can even choose from a number of pre-built templates or create your own to reuse them later:

embed-google-form-template-gallery
Google Form Template Gallery

Google Forms is a very limiting when it comes to branding and white-labeling your forms, which is exactly where the Kali Forms WordPress plugin comes in.

Ever wanted to create a cohesive experience for your customers?

One where showing them a form with Google’s branding slapped on top just wouldn’t make sense? Try Kali Forms. Kali Forms makes it easy to create truly advanced, multi-step forms that make use of conditional logic.

You can choose from any of the available themes, and then proceed to add your logo. While the platform will adjust its colors to ensure that it is well-suited to your website, it is important to note that Google Forms aren’t responsive. Now that over 52.2% of all website visitors (on average) originate from mobile devices, using Google Forms will do nothing but annoy your users and significantly reduce the conversion rate of your forms.

And last but not least, you’ll gain access to the results collected by your Google Form in real-time:

google-form-add-ons
Google Form Add-Ons

Response data and statistics can be viewed at any time in Google Forms, or exported to Google Sheets to extract the data. This makes it easy to organize and share results with a large team of people.

Why Would You Want to Embed Google Forms on Your WordPress Website?

Since you landed on this page looking for ways to embed Google Forms on your website, the chances are that you’ve probably also explored the possibility of using a WordPress form builder plugin. While we obviously believe doing so is far more beneficial and professional, there are still a few reasons you should consider Google Forms:

  • Take advantage of Google Form storage and sharing features
  • Simplicity (no plugin required, short-term solution)
  • Manage many forms from one central place
  • Better security (only share the form with specific people)
  • Ability to embed but also share the link on social media

Just as with those few reasons to consider using Google Forms, there are also tons of reasons not to do so, including performance. Embedding external scripts significantly increases website load time, so cutting back on this and using self-hosted forms will significantly improve your website’s performance.

Regardless of where a Google Form is submitted, responses are recorded in a central place which will make things easier to keep track of.

How to Embed Google Form on Your WordPress Site (3 Steps)

If you like the idea of using Google Forms on your WordPress website. While the process is definitely not as simple as it is to install a plugin, you can easily embed Google Forms on your website in a few simple steps.

Step 1: Create Your Google Form

Firstly, you’ll need to create the actual Google Form. Simply log into your Google account and then heed to the following URL:

https://forms.google.com

If you’re a G Suite user, the Google Forms interface should feel pretty familiar. It’s very similar to that of Google Docs and Google Sheets:

If you’ve used G Suite’s tools in the past, such as Google Docs and Google Sheets, the Google Forms interface will feel familiar.

google-form-ui
Google Form UI

When creating a form, you can choose to start from scratch, Blank or pick a template that you’d like to work with.

create-google-form

If you want to work together with other people from your team, click on the three-dot icon in the top right corner and click Add Collaborators:

Add-Collaborators-google-form
Add Collaborators

Step 2: Get The Google Form’s Embed Code

In order to embed your Google form, you’ll need to obtain the HTML embed code. To get this, simply click the Send button and you’ll see a number of options to share your form, including email, link sharing, HTML and more.

How to Embed a Google Form on Your WordPress Site (The Easy Way) 1
Share Google Form Via Email

These are all great ways to share the Google Form.

For this tutorial, however, we’re going to focus on the HTML option since this is how you’ll embed the Google Form on your website. So select the tab labeled < > and then you’ll see a code snippet under Embed HTML in addition to the option to adjust the size of your form.

Change these values until you’re happy with the outcome and then click copy in the bottom right-hand corner as shown below:

google-form-embed-code
Get The Google Form Embed Code

Next, head over to your website’s WordPress admin area (‘/wp-admin’)

Step 3: Add the Code to Your WordPress Post or Page

Now that you’ve copied your HTML snippet you’re ready to embed the form. Firstly, head to the post or page where you’d like the form to be embedded and then add a Custom HTML block using as shown below:

custom-google-form-html-block
Insert The Custom HTML Gutenberg Block

And now just paste the code that you copied from the Google Forms editor into that block as shown below:

How to Embed a Google Form on Your WordPress Site (The Easy Way) 2

If you want to preview what the form will look like, you can click the Preview tab on the Custom HTML block and you’ll be able to see what your form will look like on your website.

preview-embedded-google-form
Preview Embedded Google Form (Example of the ScaleMath Guest Contributor Form)

If, however, you haven’t updated your website (which we highly recommend doing) and are still using the old Classic Editor, the steps will be as follows:

You’ll need to click text highlighted below.

How to Embed a Google Form on Your WordPress Site (The Easy Way) 3

And then you’ll need to paste the Google Form embed code wherever you’d like it to appear on your page.

And now you can also hit the preview button if you’d like to see how your form looks on the frontend.

Not that complicated after all, right? That’s really all it takes to embed a Google Form on a WordPress post or page!

Summary – Embed Google Forms On Your Website

Forms are an important part of so many different WordPress sites,

Forms are an integral part of every WordPress website, and we’re obviously passionate about improving the experience for everyone. Whether you want to add a form to your website to collect user feedback, let people get in touch with you, or even order something from you, Kali Forms can help you. Take control of your brand, don’t let directing people to an external service ruin your user’s experience if you’re trying to be professional.

If not, Google Forms is a great free alternative and to embed Google Forms on your WordPress site, you only need to follow three simple steps:

  1. Create your Google Form.
  2. Retrieve the Google Form Embed Code
  3. Insert the Embed Code on Your WordPress Website

What form solution are you using for your WordPress websites and do you have any questions about embedding a Google form on your WordPress website?

Let us know in the comments section below! 💬