How To Add A Contact Form To Your Blog

how to add contact form to your blogHello. Today I will show you how to add a contact form, just like what I am using HERE, in you blogger blog so that your readers can contact you.

A contact form provides an easy way for your visitors and your readers to get in touch with you from your blog itself.

They fill in their details like name and mail and write their message before submitting it. The whole is delivered to your mailbox without you divulging your mail address thus keeping off from spammers.

This simple method will let you use this service for Blogger Blogs.

And above all its a totally free service.

First we need to associate your contact form with your email address, the one where your messages will be delivered. We’ll do this by creating a free account at Kontractr and proceeding as follows:

01. Go to Kontractr.com and Click on Sign Up:
sign up

02. Now enter the credentials in the required field. The Email Address you enter here will be used by this service to deliver the mails to:
enter the credentials

A confirmation message like below will come afterward:
confirmation message

03. Now check you mail inbox to get your registration confirmed.

04. Now Login to your account by clicking Here and the enter your credentials and press Login:
login

05. Now you are provided with three options:
a> Embed Widget
b> Embed Widget – AJAX
c> Buttons

You can use anyone, but I would suggest you better go for b> option, as that is very simple to use. Also you can customize it according to your likings.

06. Now moving on to final step. Login to your account on Blogger. Once onto your Dashboard, click New post.

Switch to Edit HTML mode and enter a proper title like Contact Admin:
edit html

Now in the post area, copy and paste the code which you got from Kontactr [assuming you choose the second option here is something you will get]:

paste the form id code

Replace the ID = xxxx of the above code with your Form ID. You can also further customize the feel of this form according to your likings, by click on Customize This Form Link.

You can remove the Readers Comments and Backlinks to make things feel nice around by checking the boxes under the Post Options, just like in the picture below:
remove readers comments

Press Publish.

Congratulations you now have a personal contact form for your blog.tepuktangan
Fell free to ask me something if I am not up to the mark anywhere. I would love to help you.senyum.

Comments

  1. Rapideo says:

    Nice Gadget, Thanks For Sharing. But I Need To Remove/Edit BlogSpot Navbar.

  2. Bariski says:

    Sure wait for few hours will write a tutorial for that also :)

  3. MdMindia says:

    hei thanks for giving useful tips kep going!!!!

    http://www.beginershacks.blogspot.com

  4. Bariski says:

    You are welcome :)

    And this is how to get your link indexed:
    http://www.beginershacks.blogspot.com

    See ya around ;)

  5. Anonymous says:

    Thank ya :D

  6. MENTORS4STUDENTS says:

    how do i get the form id???

  7. Bariski says:

    Which id do you mean? Can you please explain it.

  8. Irtiza104 says:

    thanks, this post was helpful. i have added a contact form thanks to you and this post.

    Life as i know it

  9. Anonymous says:

    well done! Thanks 4 sharing

  10. Scrabbler says:

    I have chosen the AJAX option but the form won't fit in the contact page of my blog. How do I adjust the width?

  11. Bariski says:

    Thanks for your comments. @Scrabbler I'm afraid you cannot do it from option, and if you want to do it using ajax then you have to modify the javascript and host on your site:
    http://kontactr.com/wp.js

    And for hosting javascript files on your blogger blog, read this post:
    Solutions for JavaScript hosting in Blogger

    Hope this helps.

  12. Country Liv . . . says:

    What a super 'sharer' you are! Maybe one day I'll be able to use this old brain and follow the directions!