Whether 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 !
60 comments
Write commentsthe html code can be added to the "contact me" tab?
ReplyWell u can do it, but it looks better as a page !
Replyhow 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
Reply'contact me' post from being shown on my homepage??
Hi Zaeem,
ReplyAs 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.
You will get the HTML code from emailmeform.com,
Replycopy and paste that same code in the "Edit HTML" while writing your "Contact Me" post.
thx a lottt for the reply sai,...ill surely do that!
ReplyNow Google Docs can be used for this.
ReplySee following:
http://urenjoy.blogspot.com/2009/04/create-contact-me-page-in-blogger-using.html
Thanks Dev,
ReplyBut I still think, that mailmeform, being completely concentrated on making forms, gives a lot more convenient options to us !
Regards
Sai
Hi,
ReplyThe 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!
Give the page address dude...how can i give any advice without seeing the page/problem ?
ReplyI'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.
Replyhttp://blackcelebritymen.blogspot.com/2008/09/contact-me.html
Just mailed you back 'southergurl'...hope that works for you.
Replyi got the same probleme as southern gurl ??
Replycan u, divya, share the answer here please :-)
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)
Replythat's it !
Regards
Sai
thanks for for the fast answer but it's not working i will try latter.
Replyhere my contact me page
i have created a new template and now it's working fine, thank u Divya
Replythanks for your advice
Replyhey very good
Replythank you very much divya
Replyi created it for
http://nanoguns9.blogspot.com/2006/09/contact-us.html
its working
Great!
Replyyou have a nice blog!
Be ware using emailmeform.com
ReplyWhy and what's the proof?
ReplyI have been using it for months...
how to create dropdown list in blog.......... help me out
Reply@Ramya,
ReplyThis is the most simple, html based drop down menu.
But a better one is this; jquery based quite simple drop down menu.
Hey guys,
ReplyWe 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?
@Sarah-Jo
ReplyWow, 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.
@Divya Sai
ReplyThank 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!
I think the top-row above the name-field doesn't solve any purpose, you may remove it, by deleting this code:
Reply<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>
@Divya Sai
ReplyOk 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?
You have this code in your blogs template:
Replytable {
border:1px solid #DDD;
width:100%;
}
change it to this:
table {
border:0px;
}
Ok done that, what next? :D thank you Divya for taking out your valuable time in helping us we really appreciate it :D
Replyokay, you have more borders in your template, change these too:
Replytable 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;"
Hi Divya,
ReplyWe 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?
okay, then simply find this code in your template:
Replytable 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;
}
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.
ReplyThank you for your help so far, anything we can do to help you back please let us know :D
nice post, it works on my blog, or you can check it out guys, again nice post. really loved it,
ReplyCebuano Blogger | SEO
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.
ReplyTina.
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.
ReplyBut 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
Hello Sai,
ReplyWhat 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.
Un abrazo desde Uruguay para ti, es este un excellent blog.
ReplyHi,
ReplyI'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
Yeah there's some mistake in your target page (thank you page) URL/address.
ReplyFirst 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...
HIyas Divya,
ReplyI'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 :-)
Hey Zena,
ReplySimply delete this line from your code:
<link rel="shortcut icon" href="http://www.emailmeform.com/builder/favicon.ico" />
And your problem will be fixed.
Thanx Sai,
ReplyI should have seen that!
Zena :-)
Than you Thank you so much you all rock
ReplyThank you...love my form outlook
ReplyHello! 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.
ReplyHello! 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
ReplyWell, 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".
Replythanks , really for my blog
Replythanks so much. easy and friendly contact me form
ReplyThanks! I used the one that you provided because of its very easy installation!
ReplyThanks I applied on my blog. Can you tell me how do I get a professional blogger Template. I am tired of implying blogger templates.
Replydespite 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?
ReplyHelpful post...was looking for such form but just couldnt find it..Thnx..
ReplyI like this post. Hope for more tips on the next post
ReplyI 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.
ReplyComments are moderated on this blog
Allowed HTML tags: <b>, <i> and <a>
Comment Like This! and Optimize your blog EmoticonEmoticon