Wednesday, 20 June 2012

How to Make a Contact Page in Blogger

Do you want to make a contact page in your blog so your readers don't have to leave your website to email you? 
Here's an easy way to make a contact form in Blogger -- using Google Docs. I learned how from Blogger Xpertise, but I tweaked its instructions to make it even easier to create a
contact form:   

Step 1: Create the Contact Form 
  • Go to Google Docs --> Create ---> Form.
    • Give your form a name, like "Contact Me" or "What's On Your Mind?"
    • Create questions, which will be the fields in the form. The three basic questions I use are: Name, Email, and Comments. Choose from the drop down menu the type of comment each question requires: Name and Email use "text" comments, and Comments are "paragraph text." You can choose which questions are mandatory.
    • Preview the form by clicking the link at the bottom.

    Step 2: Get the html code

    After you are satisfied, save and go to More Actions --> Embed.  Google will give you an html code to copy. 

    Step 3: Create Your Contact Page on Blogger
    • Go to your "Contact Me" page (or create one) on your blog. (Go to Posting --> Edit Pages). Open the "Edit HTML" tab and paste the code from Google Docs.
    • Preview how it will look on your blog. I had to adjust the width of the form to 630 pixels (In the code, you will see that Google Docs sets it at width="760." Fiddle with the number until the form fits within your page width).
    • Publish. My contact form.

    Step 4: Make Sure You are Notified When Someone Uses the Form

    When someone fills out the contact form, the information will go into the spreadsheet on your Google Docs form. Turn on email notification:
    • Go back to Google Docs and click on your form. A spreadsheet will open. Click Tools --> Notification Rules.
    • Check the box "a user submits a form" and "email-right away." Save.
    That's it.  Go ahead and test it by sending yourself a comment.


Post a Comment

Your Comment Posted After Approved.