How to Add a Contact Form to Your WordPress Site

Communication.

It’s one of the many strengths of the web.

And if you have an active website, you need a way for visitors to get in touch with you.

Posting an email address on a contact page works okay, but there are a few problems with this simple approach.

First, you’ll get tons of spam emails from spammers that “scrape” the web for email addresses.

And secondly, you won’t know how new contacts found you. The contact form can have a pre-defined subject line that makes it clear where the email is coming from.

So how do you add a contact form to your WordPress site?

With a plugin!

And there are lots of great contact form plugins to choose from.

In this tutorial, I’ll recommend my favorite contact form plugin and show you how to set it up on your site.

How to add a contact form

As mentioned already, the first step is to install a plugin. For contact forms, I recommend WPForms.

WPForms plugin on wordpress.org

WPForms also has premium options available for more functionality. However, you can create a basic contact form easily with the free version.

You can search for WPForms via the Plugins menu (click Add New first) to install it on your site.

Once installed, you’re ready to create your first form.

Create a form

With WPForms installed, you’ll find a new top-level menu added to your WordPress admin dashboard.

WPForms Menu

Click the Add New button and you’ll be taken to the form creator.

WPForms makes things incredibly easy for us and provides an option to begin with a basic contact form configuration.

WPForms Form Template

After selecting this option, you’ll see the form preview on the right-side of the screen with the pre-added fields.

WPForms Simple Contact Form

You can click any field on the right-side to reveal additional settings. On the left-side, you can see all the standard fields available for inclusion.

There are also some fancy fields like address fields and date pickers, but these are only available in the pro version.

You can add/remove any fields you’d like, but this default configuration is fine for a basic contact form.

Next, we’ll take a quick look at some of the form configuration options.

Configure the form

The most important options are the notifications and confirmations.

In the Settings panel, you’ll find three different menus available. The Notifications menu lets you configure the email that you’ll receive when someone submits the form.

WPForms notification settings

I love the flexibility here. You can customize the subject line dynamically with information from any field, and setup the reply-to and from emails based on the visitor’s input.

Next, the Confirmation menu contains the options to configure the message that visitors see after submitting your form.

WPForms confirmations menu

You can write a custom message, show an existing page on your site, or redirect the visitor to any URL (internal or external). These options provide all the flexibility you need to create a custom form confirmation message.

Add the form to your site

The final step is to add the form you just created to your site.

WPForms provides shortcodes for adding forms into any post or page on your site. There are a few places you can find the shortcode for your forms, but the simplest is the Embed button at the top of the form builder.

WPForms embed form option

Clicking it reveals a small popup window including the shortcode and a quick Youtube video explaining how to use it.

WPForms shortcode popup

All you need to do is copy and paste the shortcode into any post or page. If you’re using the Gutenberg editor, WordPress will automatically create a shortcode block for you when you paste it in, like this:

WPForms shortcode added in a post

You won’t see the form visually in the editor, but it shows up just fine when you view the post on the front-end of the site.

Wpforms Form Front End

Adding forms with WordPress

Like most features in WordPress, a contact form can be added with a plugin.

There are lots of contact form plugins available, but WPForms stands out as my favorite. If you follow along with the steps above, you’ll have no trouble adding a simple form to your own site.

Do you have any questions about how to add a contact form to WordPress? Post in the comments below.

Related Posts

5 Comments

  1. Cassie Cassie

    Very helpful. Thanks………….!!!!!!!!!!!!!!

  2. Samdani Samdani

    The way shared here is very easy to add contact form page . I appreciate this initiative greatly .

  3. Boxofficeticket Boxofficeticket

    Contact page is very important as it helps to make visitors base. And it was exactly what i was searching for my blog. Thanks for sharing the plugin.

  4. gapsel gapsel

    It works! Thank you.

  5. Sharon Hamlin Sharon Hamlin

    Hello Ben,
    Thanks for your vast information about contact page.Its very important for any site.Liked this amazing resource.

Post a comment

Your email address will not be published. Required fields are marked *