If you are not already familiar with the free but powerful Google Forms tool, now is the time to do so.
Google Forms is a quick and easy way to collect information from your users through online forms. All you need to use them is Email Google, and it's very easy to add them to your site. Google Forms can be used to create a simple contact form, customer survey form, or something more complex. And in this article, we will provide you with all the information you need to add a Google Form to your site.
What is Google Forms?
Google Forms is one of many free apps from Google. The forms tool can be used to survey, collect contact information, take an exam, take orders, transfer files, and more.
Results and form information are easily accessible and stored in the cloud as part of your account. google records Disk. There is a large selection of ready-made templates for creating forms, and their editing has an intuitive interface.
If you need to collect information online, such as customer questions, inquiries technical support or ordering goods / services, Google Forms are effective for this. Let's create our first form and add it to our site.
How to create a Google form
The first step in this process is to create Google account(if you don't already have it). After that, you can go directly to Google Forms.
You will immediately be presented with ready-to-use Google Forms templates that can serve as the basis for your own form. If you decide to start with an empty form, just click on the big block with a plus sign (+).
In addition to common form elements such as fields and buttons, you can easily add a number of other elements to your forms. These additional elements can include YouTube videos, Google Photos images, questions, and plain text.
Change the look of Google Forms
You can preview your shape at any time, and you can easily change the color palette of the design. With a few tweaks, you can customize access to it and how the form will work. These settings include the ability to enter multiple responses from a single user, the order in which the questions are displayed, the mandatory user authorization, and a confirmation message.
Publishing a Google Form
Once you are happy with the created form, you can make it available by clicking the button Send message in the upper right corner of the screen. The form can be shared via email, using a link, or by embedding it on a website page. There is also the option to share the form on social media.
Viewing Google Forms Results
Once you have made your form available to an audience, either through a link or through your website, you can start monitoring the results of filling out the form. This happens through the " Answers»In the form designer.
One of the great features of Google Forms is the ability to easily view responses in real time, either individually or as a summary. You can also view the responses in a Google Sheets spreadsheet, which you can use to filter the results in many different ways.
Enabling email notifications when form responses are received is another useful feature to help you track user interactions.
How to add a Google form to your site
The most fast way Adding a google form to a site is to copy and paste the iframe code into the page code on your site.
An example of the code for insertion:
ID-FORMS for a real form will be replaced with a unique identifier.
After you insert this short form code into the page code, it will be replaced on the site with the corresponding Google form, which will already be ready to interact with your site visitors.
Quite often the task arises when it is necessary to conduct a survey of site visitors. Standard tools are usually a simple multiple choice survey and almost never provide a useful analytics tool (especially when you want to publish analytics in real time).
This article describes the basic steps for creating and integrating a survey form into a site page, as well as basic analytics tools and the possibility of embedding it into site pages.
The survey, you guessed it, will be conducted using Google Forms
Step one. Creating a survey form
We will not consider how to correctly formulate questions and how to group them - this is not the purpose of our article, but we will consider the process of creating a form itself.
1 Form creation
After that, a new form immediately comes off to us:
Do not forget to give a nice and understandable name.
2 Forming questions
I will not describe in detail the process of creating questions and posting them, since this is worthy of a separate article. (there will be a link to the article). Let's just look at the types of questions and how best to use them.
Text - can be configured to contain a number, e-mail or URL, the former is convenient to use in processing, the rest is mainly for identification and communication with the respondent, we are not interested.
Text (paragraph)- not the most convenient type of question for automatic processing
One of the list- a good option for a definite answer (the main thing is not to add the option "other")
Several from the list- if the answer does not contain commas, then it can be processed, but it is still quite difficult: try to refrain from such questions
Drop-down list- essentially similar to one of the list
Scale- a convenient way to get some kind of assessment, just as easily processed
Grid- in fact, an array of scales, but the answer is not in the form of a number, but in the form of a column heading, hence the more complex processing of answers
date- very convenient way to get date or date + time, easily handled
Time- similar to the date, you can also get the duration, easily processed
Based on how familiar you are with data processing methods (especially textual ones), you should form a list of questions and their correspondence to types.
If you want to embed the survey directly into the page of the site, then use File -> Embed in Web Page
Width and height can be specified as a percentage, below is embedded with a width of 95%
For HTML gurus who want to integrate the survey form specifically into their site, you can copy the tag from the form page
Step two. Collecting answers and analyzing them
To do this, go to the automatically created table with responses to the form
A table with answers will open.
But we are not very interested in this, since we need to visualize the data.
For visualization, we will use diagrams, and for each selection table, it is necessary to create a separate sheet.
1. We process numerical data on all issues
Processing numbers across the entire table is not a big problem, since it is done using standard formulas in a spreadsheet editor.For example:
Average age: = AVERAGE ( "Answers to Form (1)"! B: B)
Median age: = MEDIAN ( "Answers to Form (1)"! B: B)
A complete list of functions can be found there are a huge number of them.
2. Counting the number of text responses
In our case, it will be interesting to calculate the number of respondents by country:= COUNTIF ( "Responses to form (1)"! C: C; "= Russia")
And so for each answer.
3. Get a part of the table
Sometimes it becomes necessary to get some data from some of the answers, for example, the average sleep duration of respondents from Russia.
To do this, we will use a more powerful tool that brings Google Sheets closer to full-fledged databases - SQL queries.
QUERY ()
It is unrealistic to consider all the query options here, but we will consider the most basic one.
Problem with formatted cells: data from cells with formats other than numbers and text is not always readable: force the format to be set to "Plain text" on the source table
With the help of such a query, we received all the answers of respondents from Russia, similarly, you can filter by any column.
ATTENTION! You cannot make changes in the table obtained as a result of the query, and it is also impossible for the table to fall on filled cells.
The received data can be processed in the same way as in paragraphs 1 and 2
Step three. Visualization
The most important part is to prepare data visualization, for this you can use charts, we will not consider standard charts, but follow in the footsteps of the last article
Diagrams, for the sake of order, are best kept on separate sheets.
If you have already appreciated the effectiveness of a tool such as a form feedback on your site - this post is for you. Today we will tell you how, without much effort and knowledge in web design and programming, to make an exact copy of a beautiful form on your website from a regular Google form and collect requests, requests, contacts and email database - directly into the Google Sheets!
First, let's define what we need:
- Google account
- Access to your site code
- 20 minutes of total concentration
Suppose we have all this in stock and let's get down to business - step by step guide how to change google form style.
- Name (text box)
- Phone (text box)
- Email (text field)
We will not stylize the form (change fonts, colors and add pictures) yet. We are only interested in the structure itself. As a result, the form should look like this:
As will be noted, we have not added data validation. Data verification is a useful thing, because it will allow you to track that you will not be sent instead of an email, for example, the word test. The check is added like this:
We open the form and make sure that it is working. To do this, fill in with test data and click Done:
After creating the form, we need to make sure that it is correctly bound to the table (or re-bound). Thus, we will make sure that all the data that will be entered into the form will not go anywhere, but will go straight to the table. To do this, return to the form editor and select from the menu Answers-- Save Answers:
We can proceed to the next step.
Copying the form code
And this is where hardcore begins for many. But do not rush to give up everything - we are with you!
So - in the form editor, click on the button .
Anywhere on the page with the opened form, right-click and select:
- Google Chrome - Check item
- Mozilla Firefox - Source code of the page
Congratulations - you can already paste this code into your site and apply your CSS to it. But that's not all - the form submission confirmation page still links to the standard one from Google. To change the confirmation page - we need to change the following code: