Tuesday, 11 May 2010

How to Add A Free Wufoo Contact Form to A Blogger Blog

Bloggers often require a contact form, so that readers are able to get in touch, without the blog owner divulging an email address. This article will instruct you in how to add a free Wufoo contact form to a Blogger blog.

SSL Certificates from £14.99!If you click on the 'Hire Me' link in the title-bar you'll see I've recently installed a contact form, so that anyone wishing to hire my services can get in touch easily, without me having to divulge any contact details. All messages received via the form will appear in my email box, and I can limit the number of forms sent from each IP, to help prevent spam.

The Wufoo forms are very comprehensive, with many functions, including template designs and many additional fields to those shown in my form - which can be set up to include questions and multiple choice responses. This is brilliant for those hoping to do business through their blog, as it means communication can be initiated anonymously, at least until it's established that a working relationship will commence.

The free Wufoo service provides three contact forms, with the ability to upgrade to a paid service if this exceeds your needs. A few features are blocked for non-paying users. However, many functions remain available, and the system is easy to use with very professional looking results. There are several options to choose from when it comes to displaying your form - from simple text-links to embedded frames, such as used on this blog.

How to Add a Free Wufoo Contact Form to A Blogger Blog


  1. Visit the Wufoo website and set up an account.
  2. Click 'Create Form' and add the fields you require, or use the template designer to install a pre-designed contact form.
  3. Once you are happy with the elements you've added to the form you can move them around by dragging and dropping. You can also choose which fields are 'required,' and make other adjustments, by clicking on the field and checking/unchecking boxes in the left-hand sidebar.
  4. Save the contact form
  5. Under 'Forms' click 'Code' and choose how you wish to display the contact form on your blog. Copy the code.
  6. To set up a separate contact form page, as I have done, you will need to update your Blogger template to a draft design. Using draft Blogger you are able to add pages in the form of a title-bar, by clicking 'Add Gadget' and choosing 'Standalone Pages'. Simply create a page and paste the code into the html section of your text editor. There are other options, such as pop-up forms or text-links, for those preferring not to use Blogger draft. These contact forms can be added to sidebars and used within blog posts.

iPage Affordable Web Hosting only $3.50/moYour Blogger blog now has a professional, anonymous contact form, with which your readers can communicate with you privately, and without any security risk that may result from revealing personal contact information to strangers.

No comments:

Post a Comment