Skip to main content

MonsterInsights Blog

Hints, tips, tutorials and resources.

create-contact-form-in-wordpress

How to Create a Contact Form in WordPress – The Simple Way

Do you want to add a contact form on your WordPress site? By adding a contact form on your site, you can provide an easy way for your site visitors to contact you for your products and services.

In this article, we’ll show you the SIMPLE way to create a contact form in WordPress.

Why Add a Contact Form on Your Site?

Once there was a time when people used to add their email address on a contact page expecting people to contact them. It somehow worked, but not as efficiently as a contact form does. Times changed, and so did users needs and expectations.

Now it’s your turn to step up your game and get with the times! Using a contact form is way better than simply including your email address for the following reasons:

  1. User-friendly: Imagine your users copying your email address, and then opening their email account to send you an email. It’s a boring and tedious process. On the other hand, a contact form provides a ready-to-use place for users to enter their message and hit send immediately. It’s way more convenient, and, in addition, will keep users from navigating away from your site.
  2. Spam Protection: If you display your email address openly on your site, there’s a good chance you’ll get lots of spam messages. But, by using a contact form, you can get rid of those pesky spam bots.
  3. Organized Information: When emailing, people will send you information in their own unique “style” and you’ll need to process it yourself. But, with a contact form, you’ll receive an organized and consistent information from your users. In other words: you can guide them through the messaging process so that they only send you what’s relevant.

Now, let’s check out the steps to create a contact form in WordPress easily.

Choose the Best Contact Form Plugin

The first thing you’ll need to do is choose the best contact form plugin for your site.

With so many form plugin choices available, the process of finding the “right” one for your needs can be an exhausting process. So, for your convenience, we’ve reviewed and handpicked the best contact form plugins for you. You can choose one from our list. Easy-peasy!

We’ve chosen WPForms for this tutorial as we think it’s the absolute best contact form plugin for WordPress. We use WPForms on this site as well as on our other websites.

wpforms-best-wp-contact-form-plugin

Here’re the reasons why we think WPForms is the best contact form plugin:

  1. It’s the most beginner-friendly contact form plugin available. You can create simple contact forms to advanced online forms easily without needing to touch any code.
  2. It comes in both free and paid versions so you have multiple options when choosing a suitable plan.

Now that we’ve decided on the contact form plugin, let’s go ahead and install it on your site.

Step 2: Install the Contact Form Plugin on Your Site

To start, open your WordPress dashboard and install the WPForms Lite plugin by going to Plugins » Add New.

In the search field, type WPForms to find the plugin. It’s the one with Sullie the bear waving at you.

add-wpforms

Once you find the right one, click Install Now button.

After it’s installed, you’ll need to click the Activate button to complete the installation process.

activate-wpforms

Then, you’ll see a welcome page appear on your screen and a WPForms menu in your WordPress admin area.

welcome-wpforms

Step 3: Create a Contact Form in WordPress

Now that you’ve successfully installed WPForms, you’re ready to create a form in WordPress.

Go to WPForms » Add New in your WordPress admin area.

add-new-form

It’ll open form setup page. Enter your form name and select the Simple Contact Form.

wpforms-form-setup

This will open WPForms drag and drop form builder, and there you’ll see a ready-to-use simple contact form. It’s a pre-made form in WPForms.

wpforms-form-builder

The pre-made form has the basic fields Name, Email, and Message box. If this suits your needs, you can go ahead and click the Save button at the top.

Here, you can also add additional fields to your contact form simply by dragging them from the left-hand side panel to the right-hand side panel.

Using WPForms Lite, you can use only the standard fields on your form. If you want to use Fancy Fields and Payment Fields, you’ll need to purchase WPForms Pro. It allows you to create advanced forms like order forms, donation forms, survey forms, etc.

If you want to customize the form, you can simply drag the fields and reorder them. Also, you can customize the fields by clicking the Field Options tab.

wpforms-field-options

Once you’re done customizing, you can save it.

Step 4: Configure Notifications and Confirmations

Now that you’ve created your contact form, you’ll need to configure your form notifications and confirmations properly.

A form notification is the email you’ll get after a user submits a message via the contact form your site.

To configure your form notifications, go to Settings » Notifications in your form creation area.

wpforms-notifications

You’ll see default settings already there which you can simply leave untouched if you want the administrator email to receive the messages. This feature makes it easy for the beginners.

Also of interest: a form confirmation is what your website visitor sees after submitting a message via the form on your site. It can be a thank you email, display a page, or redirect them to a specific URL.

To configure your form confirmation, go to Settings » Confirmation in your form creation area.

wpforms-confirmation

You can see the form confirmation type Message by default which you can leave as is or change it to Show page or Go to URL.

If you made any changes, make sure to click the Save button.

Step 5: Add Your WordPress Contact Form in a Page

Now that you’ve created and configured your contact form settings, it’s ready for use in your WordPress page or post.

So, create a new page or open to edit an existing page where you want to add the contact form.

In your page/post editor, go to the Add Form button and click it.

add-form-contact-page

A popup box will appear. Select the contact form you want to add and click the Add Form button.

insert-form

A contact form shortcode will be added to your page content. Now go ahead and save your page.

wpforms-shortcode

Then you can open/ preview the page to see how your contact form looks. Here’s how it looks using the default WordPress theme Twenty Seventeen theme.

contact-form-preview

And, that’s how you can add a form in your WordPress page or post.

Step 6: Add Your Contact Form in the Sidebars

Now, if you want to add your contact form in the sidebars or other widget-ready areas, like your site’s footer, you can use the WPForms widget.

In your WordPress dashboard, go to Appearance » Widegts and navigate to the WPForms widget.

wpforms-widget

Then, drag the widget to the sidebar area on the right-hand side of the page.

Add the title for your widget and select your form from the drop down menu and click the Save button.

add-widget

That’s it!

Track Your WordPress Form Conversions

Now that you’ve added a contact form on your site, it’s important to know how your contact forms are doing.

By tracking your WordPress forms, you can see the total number of views and conversions your forms are triggering as well as the conversion rate for your forms. Plus, you can see which form is collecting the most views and submissions and its conversion rates.

To help you with forms tracking, we’ve created the MonsterInsights Google Analytics plugin.

monsterinsights-wp-google-analytics-plugin

It has a powerful forms tracking addon that automatically tracks your form conversions.

It’s a user-friendly tool that you can configure in just a few clicks without having to touch any code. Just install and activate MonsterInsights Forms, and the plugin will start tracking your forms automatically.

monsterinsights-forms-report

Not to mention, it supports WPForms as well as all the other WordPress form plugins.

Read our complete guide on how to track WordPress form conversions for beginners.

We hope this article helped you to learn how to create a contact form in WordPress. If you liked this article, you might want to check out our guide on how to set up Google AMP on your WordPress site.

Also, don’t forget to follow us on Twitter and Facebook for more Google Analytics tutorials.

Comments

Congratulations, you have the opportunity to be the first commenter.
Have a question or suggestion? Please leave a comment to start the discussion.

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.