January 5, 2009

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


Whether you have a personal or a commercial blog, one of the 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-me" 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...

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 !


61 comments:

Just Me said...

the html code can be added to the "contact me" tab?

Divya Sai said...

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

Zaeem said...

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??

Divya Sai said...

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.

Divya Sai said...

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.

Zaeem said...

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

.NET Dev said...

Now Google Docs can be used for this.
See following:
http://urenjoy.blogspot.com/2009/04/create-contact-me-page-in-blogger-using.html

Divya Sai said...

Thanks Dev,

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

Regards
Sai

Anonymous said...

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!

Divya Sai said...

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

SouthernGurl said...

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

Divya Sai said...

Just mailed you back 'southergurl'...hope that works for you.

Soufiane said...

i got the same probleme as southern gurl ??

can u, divya, share the answer here please :-)

Divya Sai said...

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

Soufiane said...

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

here my contact me page

Soufiane said...

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

anas said...

thanks for your advice

Admin said...
This comment has been removed by a blog administrator.
googlebizkit said...

hey very good

viswanath said...

thank you very much divya

i created it for

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

its working

Sai @ BloggerStop said...

Great!
you have a nice blog!

Alex said...
This comment has been removed by a blog administrator.
Captcha said...

Be ware using emailmeform.com

Divya Sai said...

Why and what's the proof?
I have been using it for months...

val said...

We are happy to announce a new management team at EmailMeForm.com!

EmailMeForm™ has long been a valued service that allows anybody to create functional web forms on any website. Unfortunately, the previous management had not invested in continual improvement to the EmailMeForm™ service throughout 2009. The lack of a solid working relationship between the past owner and the former head developer lead to a cold war that eventually forced the sale of the site to our dedicated hands.

Not surprisingly, the relationship problems continue to spill over even after the service has already been transferred over to new hands. The new management cannot heal these old wounds. We are already pulling long hours to take EmailMeForm™ to the next level. Most of these improvements are not readily apparent to you as we are working on renovating the foundations of the EMF house.

Regarding privacy issues and your form data: EMF will never abuse or sell this information to Third Parties. The previous owners, who may have copies of the database, are legally liable if this information is inappropriately used. Should an infraction occur, you can be assured that EmailMeForm™ will work toward a resolution.

For more information please visit us at http://www.emailmeform.com/#rogue



Happy Holidays and looking forward to 2010,

EmailMeForm™ Team

Ramya said...

how to create dropdown list in blog.......... help me out

Divya Sai said...

@Ramya,

This is the most simple, html based drop down menu.

But a better one is this; jquery based quite simple drop down menu.

Sarah-Jo said...

Hey guys,

We are new to the blogging scene, and we tried to add this email me form and got a bit stuck, as the form doesn't appear to look right, http://sarahjosecrets.blogspot.com/p/contact-us_09.html, any advice? We cannot remove the borders either, very stuck and need help?

Divya Sai said...

@Sarah-Jo

Wow, that's a beautiful blog template you have, specially the hanging menu on the left :)
BTW, I think your contact form is perfectly in its position and the borders aren't spoiling its look either.

Sarah-Jo said...

@Divya Sai

Thank you! :D!! You can download it from here http://templates.arcsin.se/quietude-website-template/.

The contact form is there, the only problem is, I can't seem to remove the gridlines of the table, any ideas?

Thank you!

Divya Sai said...

I think the top-row above the name-field doesn't solve any purpose, you may remove it, by deleting this code:

<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"><tr><td><font face="Verdana" size="2" color="#000000"></font> <div style="" id="mainmsg"></div></td></tr></table>

Sarah-Jo said...

@Divya Sai

Ok done that, but still have visible gridlines around the table, no idea why, just can't seem to figure this out, and also the captcha box is not aligned to the text box on the right where you enter the characters. Maybe its my computer? Are you seeing visible gridlines? They're faint but ideally i'd like to remove them, or hide them, any other suggestions :D?

Divya Sai said...

You have this code in your blogs template:

table {
border:1px solid #DDD;
width:100%;
}

change it to this:

table {
border:0px;
}

Sarah-Jo said...

Ok done that, what next? :D thank you Divya for taking out your valuable time in helping us we really appreciate it :D

Divya Sai said...

okay, you have more borders in your template, change these too:

table tr {
border-bottom:1px solid #DDD;
}
table td,#content table th {
border:none;
padding:10px;
border:1px solid #DDD;
}


everywhere, change border to "0px;" from "1px solid #DDD;"

Sarah-Jo said...

Hi Divya,

We both just looked at the code and we aren't sure what you mean, we are not very good with this whole programming thing, we are worried if we do something wrong, could I copy and paste the code to you?

Divya Sai said...

okay, then simply find this code in your template:

table tr {
border-bottom:1px solid #DDD;
}
table td,#content table th {
border:none;
padding:10px;
border:1px solid #DDD;
}


and replace it completely with this code:

table tr {
border-bottom:0px;
}
table td,#content table th {
padding:10px;
border:0px;
}

Sarah-Jo said...

OK we've done that now :D the gride lines are gone from the table, but the message box is out of line, "Your Secret or Confession" is suppose to be in the middle of the text section on the left side, also the captcha box is out of line too.

Thank you for your help so far, anything we can do to help you back please let us know :D

BLOG_SEo said...

nice post, it works on my blog, or you can check it out guys, again nice post. really loved it,

Cebuano Blogger | SEO

Software Products said...

One question. If I really want the page which I have created in a back date to be indexed by google, is it possible. Will it not be against the rules for SEO of google.

Tina.

Divya Sai said...

No, it's not against SEO, dates are not so important for SEs, more important is the content on the basis of which we get backlinks.
But one problem in this method is that the page, although published witha backdate but it will certainly appear in the blog-feed,
so to avoid all this, the best way is to create a static page in Blogger:
Static Pages Are now Available On Blogger

Karo Itoje said...

Hello Sai,

What I don't understand is, do we have to put the link to the Thank you page on the homepage? Is that neccessary?

I mean what is the purpose of the Thank you page?

I would expect that a Thank you page should be the message readers see once they contact you using the form. But in your post you haven't said how the thank you page is linked to the code from the EmailMeForm code so it pops up when someone leaves a message.

So I am now wondering how the thank you page fits in.

Moreover, I have scrolled through your site and I don't see any link to a Thank you page. That of the contact page I understand it. But Thank you page?

Please explain, since your post suggested that the URL links for both pages are added to our home page.

wtext said...

Un abrazo desde Uruguay para ti, es este un excellent blog.

Elsa Major said...

Hi,
I'm having trouble with the 'thank you' page. I'm unable to make it so the user sees only my blog and not emailmeform. www.myfoldedtrees.com/p/contact-us.html

Divya Sai said...

Yeah there's some mistake in your target page (thank you page) URL/address.

First create a thank you page on your blog just as you have made your contact us page.

Go to your emailmeform account, "edit" your form, go to "Form Settings" and in the field "Confirmation Options", select "Redirect URL"
and in the blank below, paaste the address of your thank you page.
Save your form. Copy the new code and paste it in your contact us page.
That's it. Your form's ready...

Zena Juran said...

HIyas Divya,

I've installed the Contact Me and Thank You pages and they seem to be working great.

The only issue I seem to have is that my custom favicon changes over to the EmailMeForm favicon.

Is there a way to keep my favicon showing when going to the Contact Me and Thank You pages?


http://aura-windchimes.blogspot.com/


Thanx,

Zena :-)

Sai - Blogger Help said...

Hey Zena,

Simply delete this line from your code:

<link rel="shortcut icon" href="http://www.emailmeform.com/builder/favicon.ico" />

And your problem will be fixed.

Zena Juran said...

Thanx Sai,

I should have seen that!

Zena :-)

Mike Luck said...

Than you Thank you so much you all rock

Ashraf Anam said...

Thank you...love my form outlook

Home Internet Cafe Shop said...

Hello! i will try to add a contact and thank you pages in my off and on blogging, try to check if it is still works and I will come back to say thank you.

Home Internet Cafe Shop said...

Hello! it works and it is now in my blog, but I had doubts if the EMF server will be down what will happen to our contact us form. I will try how it will function. I haven't tried it yet. Thanks

Sai - Blogger Help said...

Well, if you see my contact page, you will notice that I have mentioned a point that "In case the contact form is not available (that means EMF server is down etc.), then mail me at two alternate mail addresses".

Jom blogging & seo said...

thanks , really for my blog

JA'AFAR AZIZ said...

thanks so much. easy and friendly contact me form

Christian said...

Thanks! I used the one that you provided because of its very easy installation!

Aazib said...

Thanks I applied on my blog. Can you tell me how do I get a professional blogger Template. I am tired of implying blogger templates.

Freelancer said...

despite your easy teaching i am not being able to do it. I copied the html code and now i dont know where to put. i already have a static page. i have put that page url in the edit html so that the page is displayed from a drop down menu. Now where should i put the form html code?

abhinav singh said...

Helpful post...was looking for such form but just couldnt find it..Thnx..

kamaunyrroh said...

I like this post. Hope for more tips on the next post

Akmal Ritaudin said...

I like this article, helps me a lot. Can you give me the Index Page ?? Or anthying about this. I already confused to make this index page.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

Allowed HTML tags: <b>, <i> and <a>

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy