Hosting Tutorial & Guide

How to Integrate and Use Google Forms in WordPress

updated on Nov 05, 2015
How to Integrate and Use Google Forms in WordPress Google Forms is a powerful form solution included in Google Drive, the cloud storage service offered by Google. It has been ignored by many WordPress users, but if you take some time to try its features, you will find that it is quite a great option for creating various forms including sign-up forms, registration forms, surveys and polls.

Google Forms is easy-to-setup, and it provides you with unlimited possibilities in form creation. Below are some other advantages.
  • It is free and allows you to create unlimited forums. Although there is a limit for the free storage, most users would not run out of the free resource (usually 15 GB or above). Even if you do, you can buy more space with a small cost.
  • It includes a large number of free templates which you can use to stylish your form. Custom images and YouTube videos are also allowed in the forms.
  • It stores the information collected from your forms in a spreadsheet which you can share with other Google Drive users. Emails and other contact information can also be imported to CRM software or email marketing services like MailChimp.
  • It can send email notifications to you every time the form is submitted.
  • It is mobile-friendly, displaying well on various devices.
  • You can share the forms on social networking platforms, in newsletters and on Facebook business page.
This post is a simple tutorial about how to start using Google Forms on a WordPress site. In below, we will introduce both the form creation and management.

Create Your First Form in Google Forms

First of all, you need to log into Google Drive. Do not have an account? Google Drive does not require an additional account, and you only need to visit this site and log in with your free Google account. In the dashboard of Google Drive, click on the drop-down for "My Drive", hover your mouse to "More", then you can see Google Forms. Just click on it.

Google Forms

Now you are led to the creation page of the first form. You will receive a welcome message introducing the steps. Click on "Get started" to continue.

Google Forms Welcome Message

On the top of the new page, you can see several form settings, such as the progress bar, allowed responses per person and the question order. If you have requirements on these things, check the box before the settings.

Form Settings

Then, you can start creating the form. Firstly, enter the form title and offer a description of the form in the text field under the title.

Form Title and Description

Next, follow the steps below to create questions that you'd like to display in the form.
  1. Fill in the "Question Title" field with the question you want to ask.
  2. Provide some help text if you want to offer an assistive message.
  3. Select a question type from the drop-down list. You may need to give additional information depending on the type you choose. For example, if you choose "Checkboxes", you have to give several options.
  4. Expand the "Advanced Settings" if you want to set up data validation.
  5. Select "Required question" if you need.
  6. Click on "Done" to get the question created.
  7. Click on "Add item" and repeat all the steps above to add more questions.
Add Questions

After adding all the questions, you can choose a theme to stylish the form. This could be done by clicking on the "Change theme" button on the top menu.

Change Theme

Now you can see a list of pre-made themes in the right sidebar of the page. It is your freedom to choose any theme and customize it. The customization options include header image, form background, page background, title, description, etc. The possibilities are unlimited.

Form Themes

At last, you need to customize the confirmation page by offering your own words, and choosing whether to provide responders with other options such as the access to the form results. When these are completed, click on the "Send form" button.

Confirmation Page

Share the Form & Add It to Your Website

On the "Send form" page, you can see a number of share options. You can choose to:
  • Directly share the form through G+, Facebook or Twitter.
  • Send the form to an email list or several people.
  • Copy the link in "Link to share" and paste it anywhere you want.
Send Form

To embed the newly created form into your website, you need to click on the "Embed" button to change the size of the form, and then copy the HTML and paste it in any post or page on your site. No manual coding is needed.

Embed Code

Below is a simple example made with Google Forms.

Example Form

After embedding the form, you can go back to Google Drive, open the form in Google Forms and view the responses to it.

View Responses

Customize and Manage Google Forms in WordPress

If you have gone through all the steps above, you may have found that the simple embed feature of Google Forums has some disadvantages. For example, it does not read the CSS of your theme, displays the Google logo, and shows some unwanted links to external Google resources.

Fortunately, due to the power of plugins, you can now expect a good integration of WordPress and Google Forms that eliminates the inconvenience. The well-made Google Forms plugin enables you to easily manage forms and add additional customization options in the admin area of your site. It is one of the most highly rated WordPress form plugins.

Google Forms Plugin

If you have made up your mind, install the plugin and activate it. Now you can see a Google Forms option added to the sidebar menu, along with three options to click. Let's start using the plugin.

Add a new form

Since the plugin is designed for form management and cannot be used to create forms, you have to create the form you need in Google Drive by following the tutorial above, and get the public link (not the embed code) prepared.

Then, go back to WordPress dashboard and click on the "Add New Google Form" submenu. On the new page, enter the title of the new form, and paste the form URL in the required text field.

Form URL

You can see on the page that there are many additional options you can use to customize the form. If you only want to make a simple form, you do not need to deal with all the options, but at least, you have to think carefully about the following fields.
  • Confirm URL: This is the URL of the custom confirmation page. As the default confirmation page offered by Google is too basic, you can make an additional one to guarantee a better experience for the responders and better integration with WordPress.
  • Style: For the style of the custom confirmation page, you can choose either "Redirect" or "AJAX". If you leave it to be "None", a page redirect will be used for the confirmation page.
  • Email and Send To. If you want to receive an email notification every time the form is submitted successfully, you can turn email on and then fill your email address into the "Send To" field.
  • Form CSS. This includes the custom CSS rules you want to apply for the form.
  • Google Form Default Text Overrides: If you do not like the default texts of Google Forms, you can add your own words to make things more interesting. The texts that can be customized include "Required", the submit button, the continue button, and more.
In addition, you will notice that there are some more options listed on the right side of the page. With these options, you can:
  • Add CAPTCHA to the form to prevent spam.
  • Split the form into multiple columns.
  • Add CSS prefix and suffix.
  • Choose to hide or show the form title.
Form Options

Publish the form

When you have finished all the options, you can preview the form, save it as a draft or publish it just in the same way as managing a WordPress post/page. Once the form is published, it becomes available on your site. And at the same time, a shortcode is generated for it, with which you can embed the form in another post/page.

The shortcode can be found by navigating to the Google Forms menu. It is placed next to the form name.

Form Shortcode

View the submission log

Besides form customization, Google Forms plugin also allows you to view the submission logs including the timestamp, URL, remote address, remote host and more. You can bulk delete the logs that you do not need any more.