WordPress Plugin: Simple Basic Contact Form

[ WordPress Plugin: Simple Basic Contact Form ] Simple Basic Contact Form is a clean, secure, plug-n-play contact form for WordPress. Minimal yet flexible, SBCF delivers clean code, solid performance, and ease of use. No frills, no gimmicks, just a straight-up contact form that’s easy to set up and style for any theme.

For a contact form with more options and features, check out Contact Coldform, or continue reading to learn more about Simple Basic Contact Form.

Overview

Here are some of my favorite features of Simple Basic Contact Form:

  • Plug-n-play – use shortcode or template tag to display the form anywhere on your site
  • Sweet emails – SBCF sends descriptive, well-formatted email messages in plain-text
  • Safe and secure – Simple Basic Contact Form blocks spam and filters malicious content
  • Ultra-clean code – SBCF is lightweight, standards-compliant, semantic, valid markup
  • Fully customizable – SBCF is easy to configure and style from the Settings page

Here is a screenshot showing the form displayed on WP’s default Twenty Eleven theme:

[ WordPress Plugin: Simple Basic Contact Form ]
SBCF contact form (view more screenshots)

Features

Here are some of the main features for Simple Basic Contact Form:

  • Slick, toggling-panel Settings Page makes it easy to customize
  • Style the form via the Settings Page using your own custom CSS
  • Provides template tag to display SBCF anywhere in your theme
  • Provides shortcode to display SBCF on any post or page
  • Displays customizable confirmation message to the sender

And even more features:

  • Works perfectly without JavaScript.
  • Option to reset default settings
  • Options to customize many aspects of the form
  • Options to customize success, error, and spam messages
  • Option to enable and disable CSS styles
  • Email message includes IP, host, agent, and other user details
  • Customizable form-field captions, error messages, and success message

Here is a screenshot showing the SBCF settings page:

[ WordPress Plugin: Simple Basic Contact Form ]
SBCF Settings page (view more screenshots)

Anti-spam & Security

  • Captcha – includes challenge question/answer (w/ option to disable for users)
  • Firewall – secure form processing protects against bad bots and malicious input
  • User-friendly – same-page error messages to help users complete required fields

Clean Codes

  • Crisp, clean markup: clean source code with proper formatting, alignment and spacing
  • Crystal clear emails: delivered emails deliver descriptive, well-formatted content
  • Better performance: custom CSS styles load only where the contact form is displayed

Installation & Usage

Typical plugin install: upload, activate, and customize in the WP Admin:

  1. Unzip and upload the entire directory to your “plugins” folder and activate.
  2. Use the shortcode to display SBCF on any post or page, or:
  3. Use the template tag to display the SBCF anywhere in your theme.
  4. Visit the SBCF Settings Page to configure your options and for more information.

Shortcode
[simple_contact_form]

Template tag
<?php if (function_exists('simple_contact_form')) simple_contact_form(); ?>

Screenshots

Here are some screenshots of Simple Basic Contact Form running with WP’s default theme, Twenty Eleven (using default plugin options):

Markup & Styles

Here is the HTML markup used to create the contact form (default settings):

<div id="simple-contact-form">
	<form action="http://perishablepress.com/contact/" method="post">
		<fieldset class="scf-name">
			<label for="scf_name">Name (Required)</label>
			<input name="scf_name" id="scf_name" type="text" size="33" maxlength="99" value="" placeholder="Your name" />
		</fieldset>
		<fieldset class="scf-email">
			<label for="scf_email">Email (Required)</label>
			<input name="scf_email" id="scf_email" type="text" size="33" maxlength="99" value="" placeholder="Your email" />
		</fieldset>
		<fieldset class="scf-response">
			<label for="scf_response">1 + 1 =</label>
			<input name="scf_response" id="scf_response" type="text" size="33" maxlength="99" value="" placeholder="2" />
		</fieldset>
		<fieldset class="scf-message">
			<label for="scf_message">Message (Required)</label>
			<textarea name="scf_message" id="scf_message" cols="33" rows="7" placeholder="Your message"></textarea>
		</fieldset>
		<div class="scf-submit">
			<input type="submit" name="Submit" id="scf_contact" value="Send email">
			<input type="hidden" name="scf_key" value="process">
		</div>
	</form>
</div>

And here is a complete set of CSS hooks for styling the form (visit the settings page to add custom styles):

div#simple-contact-form {}
div#simple-contact-form form {}
#simple-contact-form fieldset {}
#simple-contact-form label {}
#simple-contact-form input {}
#simple-contact-form textarea {}

#simple-contact-form fieldset input {} /* excludes submit button */
#simple-contact-form div.scf-submit input {} /* submit button */

#simple-contact-form input:focus,
#simple-contact-form textarea:focus {}

p.scf_spam,
p.scf_error {}
p.scf_success {}
p.scf_reset {}

#scf_success {}
#simple-contact-form fieldset input.scf_error {}
#simple-contact-form fieldset textarea.scf_error {}

Demos

I’ve got two demos of SBCF online, one here at Perishable Press and the other at my test site, Bluefeed.net. If you want to send a test email, please use the one at Bluefeed.net – thanks.

Download

Download SBCF from the WP Plugin Directory:

Download Simple Basic Contact Form