Get Feedback from Your Site Visitors
Website contact forms are one of the most important elements of any online presence. After all, there is no point having a website or blog if no one is able to contact you!
The most common means of doing this is to create a feedback form, which might sit on a page alongside your email address and phone number. Such a feedback form would be in HTML and typically allow you to capture specific information from the website visitor and have it emailed by the website to your inbox.
Newcomers to HTML might find creating a feedback form a little daunting. Don’t worry – below you will find three free ones that you can use!
(Screenshot by author)
What Type of Form Do You Need?
There are many different ways in which you can configure an e-mail feedback forms, depending upon the type of information that you want to gather.
For instance if you just want to collect feedback from anonymous visitors to your website, you would simply request an e-mail address and a comment; the e-mail address is required by the visitor’s e-mail client unless you send the message via the website’s own mail server.
Similarly if you wanted to collect far more detailed information, you would add fields that ask for the reader’s name, perhaps a telephone number, or the URL for their own website.
Styling a Form
In addition to the standard elements of an e-mail feedback form, you might be looking to apply a particular feel and look to the layout of the form using CSS.
Having a feedback form is one thing; making it blend into your website is another, and thanks to CSS this can be done relatively easily.
We’ve compiled three free HTML e-mail feedback forms below which you can use in your own website, and these can be styled by adding the relevant declarations to your CSS document. Remember that you can tweak the CSS (or even swap it around with the different forms) to create a great new look for the form, one that might suit your website much better than the basic HTML form.
Form 1: Request Name, E-mail Address and a Comment
Below you will three free forms. These each require that you use the appropriate form script on your email server for sending e-mails from within webpages, and the path to this script should be inserted into the chosen form in the first line:
Here is the basic HTML form that requests name, e-mail address and comment:
Form 2: Contact Form with Website URL Field
A free e-mail contact form with additional fields for your website URL:
Your website URL:
Form 3: Request a Telephone Number as Well as Name, URL, etc.
Finally, this form features a field to request a telephone number:
Your telephone number:
Your website URL:
Our guide to CSS should explain how simple it is to style your form.
Author’s own experience; code by author.