Home » WordPress Basics » How to Add a Contact Form to Your WordPress Site

How to Add a Contact Form to Your WordPress Site

Rate this post

How to Add a Contact Form to Your WordPress Site


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.orgWPForms 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.

WP Site Partner logoWP Site Partner logo

Too busy for WordPress? We can add a contact form for you.

WP Site Partner is our new maintenance and customization service for busy WordPress users.

Learn More

Create a form

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

WPForms MenuWPForms 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 TemplateWPForms 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 FormWPForms 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 settingsWPForms 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 menuWPForms 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 optionWPForms 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 popupWPForms 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 postWPForms 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 on the front-endWPForms form on the 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.

Ben SibleyBen Sibley
Ben Sibley
Ben Sibley is a WordPress theme designer & developer, and founder of Compete Themes.

Check Also

Did BigCommerce Just Become the Best WP eCommerce Plugin?

Did BigCommerce Just Become the Best WP eCommerce Plugin?