Make a Contact Us page using Jetpack

There are many ways to create a contact page, but the one thing hey all have in common is that they use a plugin for the actual form that people fill out. Normally I used Contact Form 7 as the plugin, but since I am using Jetpack in the live demo site for Pure & Simple, I decided to give this a try and created this tutorial based on Jetpack.

For a basic form, it’s very solid and we know it’s coded well because it’s from the developers over at Automattic (makers of WordPress).

Each contact form can easily be customized to fit your needs. When a user submits your contact form, the feedback will be filtered through Akismet (if it is active on your site) to make sure it’s not spam. Any legitimate feedback will then be emailed to you, and added to your feedback management area.

NOTE: Even though I am using Jetpack for this, you can still create this contact page and use any other contact form plugin such as Contact Form 7, Gravity Forms, or any other plugin to add to your page.

Activating the Contact Form and Secure it

1. Go to Jetpack >> Settings >> Contact Form
2. Click to activate it
3. Recommended – If you have Akismet activated (the plugin) go to Jetpack >> Akismet >> enter in your API Key
4. Save Changes

Create Your Contact Page

1. Go to Pages >> Add New
2. Title your page and add whatever content you want into the editor
3. In your page editor, click where you want to add your contact form shortcode and click on the “Add Contact Form” button just above the editor
4. Follow the instructions on the popup window and create your form, then click on Add this form to my Post
5. Click Publish or Update for your contact page

Screencast – Contact Form