Pages

Friday, September 7, 2012

How to Put a Form in your Blogger's Blog Contact Page Using Google Docs

List down the Fields to use

We are going to create a form using five fields fields:
  • Your Name:
  • Your Email:
  • Your Website:
  • Your Message:
  • Country:
You can customize the fields to fit your requirements.

Step-to-step process of using Google Docs to create a form

  1. Log in too Your Google account i.e. g-mail
  2. Click Even More at the top
  3. Select Docs
  4. click Create button at the top of the left sidebar
  5. Select Form
  6. A form with two form fields appears
  7. Add a title and description for your form - These will not be displayed on the form. To add title, you have to delete the 'untitled form". To put description, use the text box immediately after  'Untitled form' filed
  8. For the first form element, use the Question Title, Your Name. Leave Help Text Field empty and the Question Type as text. Tick Make this a required question. Then click Done.
  9. On the second form element, use the Question Title, Your Email. Leave Help Text Field empty and the Question Type as text. Tick Make this a required question. Then click Done.
  10. For the third form element, click Add Item. Select Text. Use the Question Title Your Website:. Leave Help Test field empty and the Question type as test. Do not tick Make this a required question. Then click Done
  11. For the forth form element. click Add Item. Select Paragraph. Use the Question Title Your Message:. Leave Help Test field empty and the Question type as test. Do not tick Make this a required question. Then click Done
  12. For the fifth form element, click Add Item. Select Text. Use the Question Title Country:. Leave Help Test field empty and the Question type as test. Do not tick Make this a required question. Then click Done
  13.  Click Save at the top
  14. To view your published form click the link at the bottom of your form or by going to Form, then selecting Go To Live Form. The URL for your published form contains the form key as a string. For example mine is https://docs.google.com/spreadsheet/viewform?formkey=dDlRbDd1NnhvaXFTMzB2TXZicFdEckE6MQ#gid=0
  15. To embed the form to your blogger blog, Click More actions, and then select Embed
  16. Copy the code that appears and paste it in your contact page at the location you want it to appear. You must be in HTML mode to do this; not in compose mode.
All the best. If you encounter any problem, please let me know. I am willing to help.

No comments:

Post a Comment