Setup Jetpack Contact Form Module in WordPress

JetPack for WordPress is a must have plugin for any WordPress installation. The cool guys at Automattic, the same people who were behind WordPress developed this superb plugin. It ports many powerful features available on WordPress.com to self-hosted WordPress sites improving the performance and functionality of blogs and websites powered by WordPress. In this post, I will show steps to setup Jetpack Contact Form Module in WordPress. The plugin comes up with 37 modules at the time this article was written that beefs up your WordPress blog/website. Cool, isn’t it? But that’s a lot. But there are few modules that come handy. The Contact Form module is the second most used Contact Form after Contact Form 7. Some highlights of this form are: –

  • Contact forms can be added to a page, post, or a widget.
  • The forms are customizable.
  • It has built in spam filter that works together with Akismet Plugin.
  • The email notification is customizable.

Setup Jetpack Contact Form Module in WordPress

Step 1. Install Jetpack Plugin and Activate Contact Form Module

In the first steps, download and install the Jetpack plugin in WordPress. You need to signup for wordpress.com and create a account to link your WordPress site with Jetpack. Once Jetpack plugin is installed, activate Contact Form module. Go to WordPress Dashboard > Jetpack > Settings as shown below.

Setup Jetpack Contact Form Module in WordPress

Locate Contact Form module and click Activate as shown above. Once activated, you are ready to add contact form in a page. Jetpack contact form works differently than other contact form plugins. You can create forms on the post/page editor.

Step 2. Create a Page and add Contact Form

To create a new page, go to Dashboard > Pages > Add New. Type name of the page, like Contact Me, or Contact Us as shown below. Type some information like, please fill this form to contact us, etc. Then, click Add Contact Form button as shown below.

2-add-jetpack-contact-form

Add Contact Form popup will appear as shown below. This is where lot of work will be done to make the contact form.

Setup Jetpack Contact Form Module in WordPress

Step 3. Configure Contact Form

The form has two main tabs: Form Builders and Email Notifications as you can see aboveYou can select a particular form and click edit to edit the fields. Or you can also arrange the order of the fields. You have option to add, edit or delete fields.

4-add-jetpack-contact-form-edit

You can add a new field by clicking Add a new field as shown above. You can add various field types like – Name, Checkbox, Dropdown, Radio, Email, Website, Text and Textarea to your contact form as shown above. Click Email notifications tab to setup email notification.

Also Read:   Add Social Sharing Buttons with AddThis Plugin in WordPress

Setup Jetpack’s Contact Form Module in WordPress

In email notifications tab, you can configure the email address where you will receive the email notification. Add an email address in the form field. If you want to add multiple recipients, separate it with a comma with any spaces. (Note: If you leave it blank, it will send to the default admin email address of the WordPress installation.)

Step 4. Add form to Post

When the form is ready. Add the form to the page or post. To do so, select Form builder tab again. Then, click the option, Add this form to my post. 

6-save-the-page

You will then see some shortcodes in the page as shown above. Click on Publish/Update to save the page. Click on the Permalink below the title of the page to see the new contact page.

Setup Jetpack Contact Form Module in WordPress

And your contact page will look similar to above screenshot. Try this plugin if you want simple contact form functionality in your WordPress blog/website. Jetpack is more than just a contact from module. It has a lot of more modules that greatly enhances the functionality of the website. You can visit the Jetpack’s website for more information.

The following two tabs change content below.

Jems

I am Jems. I am an occasional blogger and technology enthusiastic. I have a passion to learn. I wear multiple hats of web developer, consultant, data analyst and digital marketer. 🙂

Share This Post