Add a Contact Me Page (Form) To Your Blogger/BlogSpot Blog

Add a Contact Me Page (Form) To Your Blogger/BlogSpot BlogWhether you have a personal or a business blog, one of the most important pages which must be present on every blog is a “Contact Us/Me” page. It is through this page, that your visitors give you their suggestions, feedback and advise.

While you can create a simple “Contact” page, with your name and email ID, but to give it a more professional look, you must have an embedded contact form in the page. Although there are many websites, which allow to create and embed a fully customized form, but finally when the visitor clicks on the “Submit” button, s/he will be redirected to the contact-form provider’s website (you don’t want that right?)

But now you can use the FREE service from EmailMeForm, which not only lets you to create and embed the form [fully customized], but even the landing page (Thank You page) will be a page on your blog (a custom-made thank you page or your blogs homepage).

1. So first of all, you have to create a “Contact Me” and a “Thank You” page
[*Update: Use the recently started Blogger Static Pages method to create these two pages on your blog.
2. Link these pages from the top-menu or from the bottom (footer of your blog).
3. Then, register at EmailMeForm and create your first contact-form.
4. Finally copy and add the code to your contact-me page.

Check out the live example of this form, at my own “contact me” page !

Leave a Reply

59 Comments on "Add a Contact Me Page (Form) To Your Blogger/BlogSpot Blog"

Notify of
avatar
Sort by:   newest | oldest | most voted
Just Me
Guest

the html code can be added to the “contact me” tab?

View Comment
Divya Sai
Guest

Well u can do it, but it looks better as a page !

View Comment
Zaeem
Guest

how do i create a ‘page’ on my blog?…coz,..i need to post the form on my blog right?…then,obviously,it would be shown on my homepage,how do i prevent the
‘contact me’ post from being shown on my homepage??

View Comment
Divya Sai
Guest

Hi Zaeem,

As usual create and publish two new posts,
one as a contact me page,
and one as thank you page.

For both the posts, before you hit the publish button, change the publishing date to any older date (say, 20/12/08) so it would not appear on your home page. Then go that post, copy it’s url and put the link in the top region of your blog.

View Comment
Divya Sai
Guest

You will get the HTML code from emailmeform.com,
copy and paste that same code in the “Edit HTML” while writing your “Contact Me” post.

View Comment
Zaeem
Guest

thx a lottt for the reply sai,…ill surely do that!

View Comment
.NET Dev
Guest
Divya Sai
Guest

Thanks Dev,

But I still think, that mailmeform, being completely concentrated on making forms, gives a lot more convenient options to us !

Regards
Sai

View Comment
Anonymous
Guest

Hi,

The EmailMeForm appears way down on the page for me??

After ive gotten the code and pasted it into the html that is. This Form is just far down in my post.

Any Solutions?

Thanks!

View Comment
Divya Sai
Guest

Give the page address dude…how can i give any advice without seeing the page/problem ?

View Comment
SouthernGurl
Guest

I’m having the same problem too. I pasted the HTML code into a ‘contact me page’ that I created at an earlier date, and when I went to publish my post, the form was halfway down the page.

http://blackcelebritymen.blogspot.com/2008/09/contact-me.html

View Comment
Divya Sai
Guest

Just mailed you back ‘southergurl’…hope that works for you.

View Comment
Soufiane
Guest

i got the same probleme as southern gurl ??

can u, divya, share the answer here please 🙂

View Comment
Divya Sai
Guest

In southerngurl's case, there were a number of <br/> before the first blank…..and each <br/> means a new line…..so just delete the unwanted new lines (<br/> ‘s)
that’s it !

Regards
Sai

View Comment
Soufiane
Guest

thanks for for the fast answer but it’s not working i will try latter.

here my contact me page

View Comment
Soufiane
Guest

i have created a new template and now it’s working fine, thank u Divya

View Comment
anas
Guest

thanks for your advice

View Comment
googlebizkit
Guest

hey very good

View Comment
viswanath
Guest

thank you very much divya

i created it for

http://nanoguns9.blogspot.com/2006/09/contact-us.html

its working

View Comment
Sai @ BloggerStop
Guest

Great!
you have a nice blog!

View Comment
wpDiscuz