Latest: NCERT Make it easy! | Series: WANNA FIND ME? | EDUCATION ONLINE!

How To Create A Contact Form on Blogger/Wordpress

8 comments
Every blog or website needs a contact form and this easy method, using Google Docs will work on any platform, be it Blogger, Wordpress or whatever you use.
 
In simple terms a contact form is the best way to get connected with your readers which facilitates them to get connected with you and post their comments regarding what they feel about your blog or something else they want to share with you. An interesting feature of contact form is that it is helpful in increasing fame of your blog, which can be witnessed from comments received on your blog. 
The more visitors your site gets, the more likely it is that you’ll encounter people who’ll be leaving comments or asking questions in the comment section of your post that completely have nothing to do with the subject at hand.

Basics things in a Contact Form: 
According to me every form should have some common information which is to be provided by every person who is  filling that form. Keeping that point in mind I decided to create a contact form with three necessary things, i.e., Name, Email Address and Message.

Creating a contact Form with Google Docs:

That is why it is always good idea to have a page dedicated to those kinds of reader feedback such as a ‘Contact Page’ or ‘Contact Form’. The process if fairly simple and doesn’t require you to have any solid knowledge in programming, and believe it or not, we will also be using Google Drive (formerly known as Google Docs) to accomplish this.
Step 1: Create the Contact Form 
  • Go to Google Docs -->                     
  • Click CREATE     
  • Click Form                                                                                                                                                                                                                                                                                                                                                                                                       
  •  You will get this screen:
  • You can give a name for this form, like "Contact Me" or "Contact Us"
  • Create questions, which will be the fields in the form. The four basic questions are: Name, Email, Website 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(required).
  • 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 show you an html code to copy. Mine looks like this:


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 600 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 looks like this:


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.     You have done.                                                                                                        
Pradeep Singh

8 comments:

  1. Thanks for sharing idea of creating contact form here. I was not aware with this technique and I implement it after reading your blog. Finally. I set up contact form for my blog.

    WordPress consultants Jaipur

    ReplyDelete
  2. Hi admin, I’m interested to advertise my ads on your website. I will pay you in advance. Inbox me ASAP at keihljosh@gmail.com
    Josh!

    ReplyDelete
  3. and believe it or not, we will also be using Google Drive (formerly known as Google Docs) to accomplish this. this contact form

    ReplyDelete
  4. Hi,
    Nice Post , you always write good article...
    A Blog about Blogger Tools, Blogger Widgets, SEO, Make Money Online, CSS and HTML Tools etc. Learn Blogger, and
    (Make Money Online :) ► http://goo.gl/3YF4Ep http://www.mybloggertools.com/

    ReplyDelete
  5. Its the really very nice information...this post used to every business mans so i have a shared to my social media pages...thank you for sharing the best information....Wordpress Web Design Company Bangalore | Wordpress Website Development Company Bangalore

    ReplyDelete
  6. Great info,thanks for the share.We are a proficient web development company in Bangalore that offers an extensive range of services like web application development, website designing, e-commerce solutions, application development, WordPress and more.
    Wordpress Experts in Bangalore|Graphic Design in Bangalore

    ReplyDelete
  7. This comment has been removed by a blog administrator.

    ReplyDelete

Comments are moderated by Administrater
1. No Unnecessary Advertisements
2. Comments should be under the niche of posts