Enhanced WordPress Contact Form

The original WordPress contact form plugin by Ryan Duff was cool (no link since the page is down), as it made a simple drop in contact form for your site. I’ve used it for a lot of my sites and was always quite happy with it. I just wanted a few simple additions: the referring page on the site, which made people decide to contact me, and the original referrer, showing from which page or search engine they came. So I adapted his original, and thus came to be the “Enhanced WordPress Contact Form”.

Note from the author: while this WordPress contact form plugin has served me very well, I’ve stopped using it myself, and have switched to using Gravity Forms. A while ago I’ve made an “addon-plugin” for Gravity Forms that adds the unique functionality this plugin provides (showing referrer and keyword usage data) to Gravity Forms. Note: This plugin’s functionality is not actively maintained and may or may not work. Just download and activate it. If you have Gravity Forms running, it’ll add the data to all your notification emails, and you’ll be able to make even better Contact Forms in your WordPress install!

The script now adds:

  • Referring pages on your site.
  • If one or more of the original referrers is a search engine, the keywords used in the query.
  • The original referrers.
  • Spam protection (since 1.1).
  • The option for the e-mailer to send himself a copy of the message (since 1.1).

It works like this: download it, unzip it, put it in your plugins folder. Then activate and enter your e-mail address in the options panel, and you’re all done!

Enabling the Enhanced WordPress Contact Form plugin

Add [wpcf] (short for “WordPress Contact Form”) to any post or page to add in the WordPress contact form.

Styling

I use this CSS to style my WordPress contact form, adapt as you wish of course:

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

Support this WordPress Contact Form plugin

If you like this WordPress Contact Form plugin and want to support me, check out my donations and support page!

Download