A contact form provides an easy way for visitors to get in touch with you from your blog itself. Visitors 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. I’ll here show you, users of the blogger platform how to get a contact form for your blog in just a few simple steps.
We’ll create a normal blog post which will contain your contact form code. To deliver the messages to your mailbox, the processing is done by a free service called WebFormDesigner.
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 WebFormDesigner and proceeding as follows:
- Fill in carefully the sign-up form with your respective details
- Make sure to enter the mail address where your messages will be delivered to under the Where to send your form data field. This mail address will be associated with your contact form on blogger
- Moving down the form to the Redirect field, enter your homepage address/URL. This is where your visitors will be taken after the message has been successfully sent.
- Tick to agree to the terms of service and click the Register Me! button.
You will now receive an email in your mailbox asking you to confirm your account. After successfully confirming it, you will receive another mail with your Form ID. The Form ID is what links your contact form to your mail address and provide the proper identification to WebFormDesigner to send the message. So make sure to save this somewhere carefully.
That’s all to do with WebFormDesigner. Infact you won’t have to get there again so we’ll start with the serious stuffs on your blog at blogger.
- 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 Me

In the post area, copy and paste the following code:
<form name="Contact" action="http://www.webformdesigner.net/wfd_f2.php?id=FORM ID" method="post" enctype="application/x-www-form-urlencoded">
<p><label for="Sender">Name:</label>
<input name="formName" size="40" type="text"></p>
<p><label for="Mail">Email:</label>
<input name="formMail" size="40" type="text"></p>
<p><label for="Message">Message:</label>
<textarea name="formMsg" rows="10" cols="40"></textarea></p>
<center><input value="submit" type="submit">
<input name="resetBtn" value="reset" type="reset"></center>
</form>
Replace the FORM ID in the first line of the above code with your Form ID(the one you got after creating your account at WebFormDesigner). Just like this :
from
<form name="Contact" action="http://www.webformdesigner.net/wfd_f2.php?id=FORM ID" method="post" enctype="application/x-www-form-urlencoded">
to
<form name="Contact" action="http://www.webformdesigner.net/wfd_f2.php?id=z4FykJg6cY" method="post" enctype="application/x-www-form-urlencoded">
with the FORM ID code in place. Look carefully where it should be placed.
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.

Publish the post
You now have a fully working contact form which your visitors can use to reach you painlessly. To give them a quick link to your great contact form, get to the contact form post and note its link/address(looking up at the address bar of your browser). Paste the link somewhere in your sidebar where it’s easy to notice. The coding for your link should be like this :
<a href="link to contact form post" title="contact me">contact me</a>
You can see a demo version of the above contact form here. The above code will give you a basic contact form which you can further style to your likings and to the design of your blog until it tastes good. Feel free to drop your comments for any questions and information you would like. I would be too glad to help you getting your great contact form in place. Just there to make you within the reach of your visitors. Please share around to anyone who would need this.














Hey, this sounds like a great tool, but I am not getting it to work. Can you take a look to see if it is something I am doing? Thank you. Heer’s the link.
http://ourfamilyporch.blogspot.com/2006/11/contact-me.html
@ Revka
hello Revka, thanks indeed for your visit on my blog. Hope the article was easy to grasp.
first, the link you gave me sends me an error page. Haven’t you published the post as said above?
Make sure you have followed the steps : get your Form ID > create a post that will be your contact form on blogger > copy above code and paste in post > publish everything > make post link available to visitors.
To make things easier, I’ve uploaded a text file that contains the exact code as it is. Don’t forget to replace the Form ID with yours. See it’s here.
Hi, Hans,
First, I received your comment at my blog and replied there, but I wanted to say that I hope the paid blogging opportunity works for you. I really love it.
Second, I wish to apologize for the link not working. I HAD published the post, but when it didn’t work right, I went back and saved it as a draft, forgetting that you needed it to be active in order to be able to view it! My abject apologies!!!
Third, I tried using the code for which you provided a link in your comment, and this time it worked correctly. So I still don’t know if it was just me the first time, but I am happy to report that this attempt worked. Thank you so much! This is much better than putting my e-mail address out there for everyone to find.
I’ll be recommending this post, and I’ll be looking around your blog, too. Thanks a million!
@ Revka
thanks for your patience in getting it up
infact I’ve edited the post to include a line that says you should omit some spaces…etc…
but I think I should just tell you congrats
I just sent a mail through it to test it. Hope you receive it. Yeah that’s a great idea recommending others. I heard lots of bloggers who complained about their increased spams in their inbox and I tried helping in some way I could : the above post.
Was that the problem - extra spaces? Well, silly me!
See, I said I was new to this.
You were a great help, and I just published my post about this so I hope you get plenty of traffic from it. That was a good itdea to add the extra instruction lin in the post. Again, thank you so much.
@ Revka
Thats Hans-kun for you! So smart, yet he doesnt even realize he just found out his solution for a wp 2.1 contact form….
BTW brought ya a new visitor
@ kyu
thanks for reminding me pal…..and for presenting me your friend…..Hey infact there’s now a working contact form plugins for 2.1. It’s highly customisable and it comes with different theme. Cool ain’t it?
What !!!! How have I been able to miss this wonderful post !!!
I have to this as soon as I get home !
@ Nym
can’t wait to see it running on your blog
you can further customise the way the form gets displayed, some css there would help. If you need help in this part, gotta tell me
thanks for going through
Je me suis inscrite sur WebFormDesigner. J’ai reçu mon ID. J’ai fait le post avec le formulaire que tu as donné (et il s’affiche comme il faut
Mais quand je teste le formulaire et que je clique sur envoyer, voilà ce qu’il me dit :
Warning: fsockopen() [function.fsockopen]: unable to connect to mail.webformdesigner.net:25 in /home/webnet/public_html/class.smtp.php on line 105
Message was not sent
Mailer error: SMTP Error: Could not connect to SMTP host.
Pourtant j’ai mis une adresse valide. Tu sais d’où ça vient ?
)
(désolée d’avoir répondu en français
Bizarre, maintenant ça marche…
Enfin bon, le principal c’est effectivement que ça marche
Thank you so much for the comment on my site! I’ve added the contact form to it!
Kumiko
xo
It worked perfectly! Mauritians are the best!
Thanks, I got the form working and even incorporated it in my template! Do you know where I can get help on backlinks? I read Blogger Help many times and can’t figure out why mine are not working.
@ Sania Wyatt :
great
do contact me if you need help about it anytime
thanks for your visit…hope you liked it…
@ Jennybrat
try checking this page….and any interesting stuffs in it that might help you on backlinks….
do tell me if that works…..else I’ll get into it myself lol
Just what I’ve been looking for!
Will let you know if I can make it work on my blog.
Thanks!
How about a comment page for Blogger?
One of my reader is complaining that Idont have a proper comment page or something. I don’t know how to make one.
Do you how?
@ Culture Shiok! :
Nice you liked it… as for a more featured pump comment’s page, see HaloScan and tell me whether that works
thanks for your comments.
it’s great
Thanks so much for the step-by-step info!! I’m working on a new blog and wanted a form but hated the way the HTML form I made worked. This is much better!! Great post!!
Thank you, that’s a cool tutorial…
Thanks for posting this info. Exactly what I needed! Very appreciated.
How do you change the background color in the form fields? My site has a black background, and the white is just blinding. Help!
Thanks a lot . That was a great tip. Works fine.
Cheers
Wow, this is fab..I had tried 2 other contact forms from different providers but this one worked the best. What’s more your directions on “how -to” are straight forward enough that anyone can follow them..thanks!
Thanks you very much for this, tried it and it worked. Nice and easy to follow. Thank you
WOww!! Great job!!
Thanks for the tutorial! It worked for me! fringereporter.blogspot.com
The sign up form is not working
Most probably you would not be reading this message, but I would still like to thank you for posting this excellent article. It was very easy to put that comment form on my blog after your excellent and detailed articles. The pictures did certainly help a lot.
Thank you once again.
Thank you for the help! great simple contact form.
Thank you. Great job on creating a simple contact form.
thanks for your informations
unoriginatedness trusten archcupbearer ripeness leptodactylidae recable synthesis evilspeaker
Regime Botanicals
http://www.kingsmat.com/
Thank you for this! Bless you!
Works great, cheers!
Just wanted to say thanks for your help. The form looks & works great. =)
hello friend, I do not know where that faiz the register the website in the form designer. I already downloaded the program that faiz, I need to do more to take the register the ID get there you could ask me where do I do about the register. making favour thank you very much.
It doesn’t work now! Help me!