It is super easy to integrate a customizable form into any page or post using Google Forms, found in your Google Apps Drive. Here is an easy step-by-step guide on how to create and embed a Google Form.
Setting Up The Form >>
Step # 1 :: Access your Google Drive by logging into your Google Apps (i.e. email account). Your Drive URL will look something like this: https://drive.google.com/a/yourcitymomsblog.com/#my-drive
Step #2 :: Once in My Drive, find the red CREATE button and select a FORM from the list of options.
Step #3 :: In the Form Settings box, unselect the “Require {City} Moms Blog login to view this form” in order to make the form public and accessible to those outside of your Google Apps.
You will get a pop-up that says:
Do not require sign-in? This will make your form accessible outside of Alamo City Moms Blog. Are you sure you wish to proceed?
Just select OK.
Step #4 :: Next, give your form a title and even add a description.
Step #5 :: Then, you can start adding your form questions. You can choose from Multiple Choice, Text, Paragraph Text, Checkboxes, Choose From A List, Scale, Grid, Date and Time. Be sure to select whether the question is a “Required question” located next to the blue Done button.
Step #6 :: Once you are done adding your form fields, adjust your “Confirmation Page” section by adding a custom confirmation message. (Default is Your response has been recorded.)
Responses Spreadsheet >>
Step # 7 :: After your form is created, you will want to set-up your Responses spreadsheet. Go to the “View Responses” tab in the toolbar.
Step # 8 :: Then “Choose response destination” which will typically be “New spreadsheet”. Select the blue Create button. Now, when new form submissions are received the responses will be recorded in a corresponding spreadsheet on your Google Drive for easy access and reference.
Step #9 :: Click on the “View Responses” tab to be taken to the Spreadsheet for this form. Here you will set-up notification settings so you can receive an email every time a new submission is received.
– Once at the spreadsheet, go to Tools > Notification Rules…
– Then select your preference of notification settings and hit Save
Embedding The Form >>
Step #10 :: Now you can view your form by going to “View Live Form” tab in the toolbar.
– Example of a Live Form
Step #11 :: Now to embed your form into a page or a post on your site, select the blue Send Form button in the upper right corner.
– You can either share the form via the Link provided or click on the gray Embed button to get the embed code.
Step #12 :: In the Embed form pop-up box, set your Custom size dimensions to a maximum of 600 pixels wide. Height can vary depending upon length of your form.
Step #13 :: Simply copy the code in the “Paste HTML to embed in website” field.
Step #14 :: Now you embed the form onto your site. Follow these directions for embedding code using the XYZ HTML Snippet plugin.
Step #15 :: After you have inserted the code Snippet into your page or post and Saved it. You can adjust the height of your form if necessary to prevent the need to scroll or remove extra space by modifying the height value in the code found in the Snippet.
Here is an example of an embedded Google Form on a Page.
That’s it! Plus, the biggest benefit of setting up a Form this way is all the responses are collected nicely in an excel document for you for quick and easy reference!