How to Create a Survey Form With Google Docs And Embed It to Your Site

If you are a webmaster, there will be times when you need to conduct a survey to gather feedbacks from your reader. While there are plenty of online services that allow you to create nice and beautiful survey forms, most of them require you to pay a subscription fee. Unknown to many, you can actually use Google Docs to create survey forms. They might not be pretty, but alas it works without any glitches. Best of all, it is easy to set up and it is FREE.

Here’s how you can create a survey form using Google Docs and embed it to your site.

Create a Survey Form

Login to your Google Docs account.

On the Dashboard, click on the “Create new” button and select “Form”.

googledocs-new-form

Give a name for your form. This will be displayed as the header in the main survey page. Optionally, you can also give a description to let the users know what this form is about.

googledocs-form-name

Enter your first question of the survey form and choose the input field type. It can be a text field, textbox, multiple choice, checkbox, scale, grid or a list of options. To make it a compulsory field, check the box beside “Make this a required question”.

googledocs-first-qn

To proceed on to add the next question, click the “Add item” button at the top. Similarly, you can choose from the various type of input field.

googledocs-add-items

Keep adding items until you have completed setting up all the questions.

Decorating the Form

The default theme template used by the form is a plain design with no decorations at all. If you prefer a theme that is more visually pleasing, you can click on the Theme button to select from a variety of background theme. There are currently about 95 themes in the library, so you should have no problem getting one suitable for your site. At the moment, it does not allow you to create your own theme.

googledocs-themes

Confirmation

The last thing to do is to edit the confirmation message. This is what the users will see after they have finished and submitted the form.

Click the “More Actions” button and select Edit confirmation”

googledocs-edit-confirmation

Enter the confirmation message in the textbox. You might also want to include a link to allow your users to return to the home page. The Publish response summary allows your users to see the answers they have submitted.

googledocs-confirmation

Previewing of form

Once you are done with the form, scroll down to the bottom of the page where you will see a preview link. Click on it to preview your form.

googledocs-preview-link

Making your form public

Ok. You are ready to publish your form. There are two ways to do it: Email the form or embed it to your site.

To email the form, simply click the Email this form button and you will be able to enter the recipient’s email address.

googledocs-email-form

To embed the form, click the “More Action” button and select “Embed”. You will be presented with a iframe code to embed it to your site.

googledocs-embed-code

The iframe code is set to a default width of 760px. You might want to change it to a custom width to match your site width. In WordPress, you just have to switch your text editor to HTML mode and paste the code into your content. Publish the page and your form will appear on the front page of your blog.

To view the result of your form, you just have to click the “See response” button.

That’s it.

Image credit: alliancelibrarysystem

16 comments

  1. A great possibility which I've used a handful of times – but feedback from our clients indicate it doesn't work properly. Several client claim they have filled in the form, submitted it – without it reaching us. Always SOME feedbacks arrive, while others seems to be missing.
    Any others with similar experiences?
    Kjetil
    www.dolcevita.no

  2. I do not have such issue yet. Will update again if I found any problem.

  3. Create your own survey for free on http://www.oursurvey.biz/en

  4. Great info. Thanks

  5. One glitch I have noticed – when a person pushes the submit form at the bottom of the survey, the screen does not scroll back up to the top. So while it appears that there is a blank screen with no confirmation, in reality the confirmation is just hiding at the top of the page. Any code out there to fix this?

    1. You could include a thank you message so it won’t appear blank after submission.

  6. How can we avoid duplicity of inputs, so that one person can fill in the feedback form only once. Can we have a unique ID for name or email id?

    1. Google Docs Form does not have such advanced features yet. 

  7. I use Createsurvey from http://www.createsurvey.com apart from online it has offline options.

  8. I always make a note on any form I do that says SUBMIT & REFRESH the page.  Works for me.

  9. When I view my form in my Google site “The Header is Missing.” I can’t seem to find anything that helps with this in “Page Settings” or editing the block withing the site.

    1. It could be that 1. your form is not properly created , 2. your iframe code is not inserted properly, 3. your google site is not properly formatted.

      Since the code is an iFrame script, as long as you have copied/pasted correctly, the form should show up. Check your Google site to see if there is any formatting error.

  10. When I send my form as an email, tick the box include form, user only sees the question text area of the form not the fill in section of the form. They then have to click the link to bring up the form in a separate window. Tried sending it to myself (gmail account)  I see entire form.?
    Cheers
    Faye

  11. how to allow input only numeric data in the field?

    1. There is no such option at the moment.

  12. It seems Multiple options doesn’t work well. I couldn’t choose/select multiple answers however I made that question as a multiple choice. How to fix this? Please help me?

Comments are closed.