May 31, 2006

An example is this survey form I created to see how visitors found out about blogatech. ( even tho this is a tutorial on creating forms I would appreciate it if you took a minute and completed this survey.)

Name: *

E-mail Address: *

How did you find us? *

Search EngineLink From Another SiteBlog DirectoryClick Exchange SiteWord of Mouth

Ok thanks. So there is a good example of how to use a form on your site. In the past adding a form would have required a substantial knowledge of HTML as well as a hosting service that would provide a file for your forms to be sent to.

Mycontactform.com is a site that lets you create a custom form, without any knowledge of HTML. You are walked through the building process by an online wizard. When you have finished creating your form they give you the code to place in your template or post like I have done here.

When a visitor submits a form, you receive the information they provided by e-mail, to whatever address you have specified during your form creation. It will even send a confirmation e-mail to the visitor, thanking them for there participation, if you desire. You have the option of redirecting the visitor back to your site when they have completed the form.

Mycontactform's basic service is free and allows you 20 form submissions a month, with unlimited form types. They offer a paid premium service that will give you unlimited submission and added features but even the free service gives you the features i've discussed. I really like what they have done and give them a five star***** rating.

Note: I did experience slight difficulties when I pasted the code to this post. I had a large space between the header at the top of the page and the beginning of the form. This is not a problem with the code mycontactpage provides but of how Blogger handles it. Blogger merely adds page returns whenever a line break occurs, as it should. I have found this problem any time I have tried to add a HTML table to a Blogger post, such as the above form.

To correct the problem you have to eliminate any line breaks within the code. After you have pasted the code to your post, look for any lines that begin with the symbol <table width="350" border="0" cellpadding="0" cellspacing="0"

This is how the snippet of code should look after the line break has been eliminated:

Sonja, your right the form was not working. I had entered the wrong address for the location of the form.

So take note, if your using MyContactForms to create a form in a Blogger post, be sure to use the permalink of the post as the location of the form and not your main URL. For example the form associated with these comments is at:

Thanks for the blog mention. I am the owner and creator of myContactForm.com and appreciate your use of the service. In case any of your readers are curious, I've created a detailed tutorial for adding myContactForm.com to their blogs.

I've added this to my list of upgrades for my blog, I want to create a form to make my giveaway entries easier, similar to some I am seeing in WordPress. Would love to know more about the ad pop-up before being redirected back to the post. Is that your ad or My Contact Forms?