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’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:
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:
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:
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.
When creating a form, you can choose to start from scratch, Blank or pick a template that you’d like to work with.
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:
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.
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:
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:
And now just paste the code that you copied from the Google Forms editor into that block as shown below:
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.
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.
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:
- Create your Google Form.
- Retrieve the Google Form Embed Code
- 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! 💬