WordPress Quick Contact Form
A really, really simple contact form
The project started because I was frustrated by the poor usability of the more popular WordPress contact forms. I’m not a developer so I do struggle the geeky coding stuff so it has taken me along time to get this far. You can see an example of the form over on the right. Lots more here.
The driving principle has always to keep it easy to set up and use. There is a lot more functionality now that there was at Version 1 but the form still works right out of the box: just add your email address and it’s ready to go.
But before we start the technical stuff.
Here’s the plugin: http://wordpress.org/extend/plugins/quick-contact-form/
What do you get for your money?
- 9 selectable fields including name, email, telephone, dropdown, checkboxes and radio fields
- Attachments (with optional restrictions)
- Width selection
- 5 border styles
- Optional maths checker
- Dashboard message display
- Editable thank-you message
- All sort of validation and customised error messages
- Selectable tracking
Here’s some examples:
This shows the three steps: form, error messages and thank-you message. There are examples of sites using the form right here.
This is the main editing screen
(click to enlarge)
Here’s what I did.
The next major hurdle was to process the form. Lots of experimentation but the best compromise was a staged validation. The details are all listed on the plugin settings ‘support’ page.
Later on I added an optional spambot blocker. This is a simple maths checker, nothing two exciting. Around the same time I discovered how to add a widget with help from azuliadesigns.com.
After this is all went pear shaped. I wanted to add some tabs on the settings page and display the messages. I used the example from smashingmagazine.com and the tabs worked fine. Unfortunately the message display caused all sorts of problems with the way the plugin accessed the database.
I did get it to work however and now there you can have a dinky little message list on the dashboard. Next tweak is to provide some ooptions on how these messages are displayed (otherwise you could have a looooong list).
I’ve also carried out a couple of layout tests over on usabilityhub. This one looked at the colours of required fields: Test 1. And this one considered the error messages: Test 2. Your thoughts would also be much appreciated.
Error and Problems
If you use aol, gmail, yahoo, hotmail, live, aim, or msn you could find you email getting blocked by the host. It’s not the fault of the plugin. It’s your host.
To test your server settings use this little plugin
Join in the fun
If you want to help with the plugin drop me a message and I’d send you the beta versions as they get developed. In return you get a mention here and on the wordpress plugin page.