RafflePress Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

How to Create a Contact Form in WordPress Step-by-Step

Last Updated on October 16, 2020 by Stacey Corrin

Do you want to learn how to create a contact form in WordPress?

Contact forms offer website visitors and potential customers the easiest way to get in touch with your business. So adding a form to your WordPress site is an excellent way to improve user experience.

Yet, WordPress doesn’t offer a contact form by default, so you might think creating one is hard. The truth is, with the right tools, it’s easier than you think.

That’s why in this step-by-step guide, we’ll show you how to create a contact form in WordPress, so even non-techy users can build one, no coding required.

Before we dive in, let’s explore why your WordPress website needs a contact form.

Why You Need a Contact Form for WordPress

It’s easy to say to yourself, “Why do I need a contact form? Surely I could make my email address visible and let people contact me that way?”

Sure, you could do that. But you’d get loads of spam mail as a result.

Spambots regularly scour websites for the mailto: email address tag. So if your email is out in the open, you can expect tons of unwanted emails.

In contrast, people can’t see your email address with a contact form. And you can use the anti-spam that comes with most contact form builders to avoid unsolicited mail.

Furthermore, people don’t always email the full information you need, making it harder to answer questions and offer a solution. A contact form lets you tell people exactly what you need, such as their phone number, customer account number, and more.

Not only does that save time hunting down the correct details, but it also allows you to solve problems faster, offering a memorable customer experience.

Additionally, you can connect to your email marketing service to make things even simpler by automating marketing or using email automation workflows with a contact form.

How to Create a Contact Form in WordPress

Here’s an example of the type of simple contact form we’ll make today:

how to create a contact form in WordPress

We’ll also show you how to add your form to your contact page and website sidebar.

But before that, you’ll need to choose a contact form plugin to make adding a contact form easier. Follow the steps below to get started.

Step 1: Choose the Best Contact Form Plugin

There are several free and paid contact form plugins available for WordPress. So, choosing one that fits your business needs is a challenge.

For this tutorial, we’ll use the best form builder plugin on the market, WPForms.

Here are just a few reasons why we think WPForms Pro is the best WordPress contact form plugin:

  • Beginner Friendly – The WPForms plugin is the most beginner-friendly form plugin around. The drag and drop form builder is easy to use and lets you create any type of form on your site with just a few clicks; no code required.
  • Extensive Functionality – Build smarter forms with form templates, conditional logic, file-upload forms, surveys, payment forms, multi-step forms, plus more addons. You can use them to grow your email list and get more information needed to serve your customers better.
  • Spam Protection – Protect form submissions from spammers with CAPTCHA, Google reCAPTCHA, and hCaptcha.
  • Payment Options – Accept payments from Stripe, PayPal, and other payment processors easily.
  • Tried and Tested – Over 3 million websites use WPForms to power their contact forms, and thousands of users have given the plugin 5-star ratings, demonstrating the positive impact it’s made.
WPForms contact form plugin with 5 star reviews

Plus, WPForms offers a free version for site owners on a budget, called WPForms Lite.

You can find it by heading to Plugins » Add New from your WordPress dashboard and searching for WPForms. Alternatively, you find it easily by heading to WordPress.org.

You can check out our in-depth WPForms review here.

Now that you know which contact form plugin to use let’s look at how to create a contact form in WordPress with WPForms.

Step 2: Install Your WordPress Contact Form Plugin

WPForms is the best plugin for learning how to create a contact form in WordPress

Click here to get started with WPForms and download the plugin to your computer. Then go ahead and upload the plugin to your website.

If you need help with this step, see this step-by-step guide to install a WordPress plugin. Once you’ve done that, move on to the next step.

Step 3: Create a New Contact Form In WordPress

Now that WPForms is activated on your website, it’s time to create your first contact form.

From your WordPress dashboard, click the WPForms menu in the left-hand panel, and click Add New.

Add a new contact form in WordPress

This opens the WPForms form builder with a range of form templates to choose from and customize. Start by choosing a form name. This can be anything that helps you identify it easily in WordPress.

how to create a contact form in WordPress: Step 3 create a form

Now hover your mouse over the Simple Contact Form template and click the button labeled “Create a Simple Contact Form.” This will open the template in the form builder for you to add form customizations.

Choose the simple contact form template

The Simple Contact Form template automatically fills your form with all the form field labels you’re likely to need, including the first and last name fields, email address fields, and message fields.

Your template will appear in the contact form builder

You can easily rearrange the fields by clicking, dragging, and dropping them to a different place. It’s also possible to add extra fields to your form by selecting one from the left-hand panel and dragging it over to your form on the right.

You can also include custom CSS classes if you want further customizations.

You can drag and drop contact form field to customize your form

When you’re happy with how your form looks, click the Save button in the top-right corner of your screen.

Click save to preserve your contact form settings

Step 4: Set Up Form Notifications

Now that you’ve created your contact form, you need to configure your form notifications. To do that, navigate to Settings » Notifications.

How to create a contact form in WordPress Step 4: configure your contact form notifications

Form notifications are emails you’ll receive when someone fills and submits your contact form. The default notification settings have email notifications turned on. So if you don’t want to get an email every time someone submits a form, choose Off from the dropdown menu.

You can also customize the information included in email notifications here with smart tags. However, for a simple contact form, the default tags are just what you need. See the WPForms documentation to learn more about smart tags.

You can use smart tags in your form notification settings

With your notifications configured, click Save and move on to the next step.

Step 5: Configure Form Confirmations

For this step, we’ll look at your contact form confirmation messages. These are what users will see immediately after submitting a form on your website. You can find the confirmations section by clicking Settings » Confirmations.

Contact form confirmation messages

The default confirmation users will see upon submitting your contact form is the Message confirmation type. WPForms comes with a simple confirmation message ready to go. You can easily customize it by writing your own message in the text editor provided.

Besides the Message confirmation type, you can select two other types from the dropdown menu: Show Page and Go to URL (Redirect).

The Show Page confirmation type shows users a specific page on your website after submitting a form.

Show page form confirmation type

With the Go to URL (Redirect) option, you can send users to a page on a different website when the form is completed.

Go to URL form confirmation type

After choosing a confirmation type, click Save. You’ve now successfully created a contact form in WordPress.

Now it’s time to publish it! Keep reading to learn the 2 key ways to add your contact form to your WordPress website.

Step 6: Embed Your Contact Form in a Contact Page

The first method we’ll use to publish your contact form is to add it to a new WordPress page. If you already have a contact page, you can edit the page instead.

To create a new page in WordPress, navigate to Pages » Add New. We’ll use the WPForms WordPress block for this step.

To add the WPForms block to your page, click the plus (+) icon in the top menu and scroll down to the Widgets section.

click the plus icon to add a new WordPress block

Then find the WPForms WordPress block and click it to add it to the page editor.

Click the WPForms block to add it to your page

The WPForms block will now appear on the page. Click the dropdown menu and select the contact form you created earlier.

Choose your contact form from the drop down menu

Your contact form will now appear on your page with a preview of how it looks.

Now you'll see a preview of your contact form in the WordPress page editor

Now you can save or publish your page. Here’s what the form would look like on a contact page after publishing.

WordPress contact form published on a new contact page

WPForms also offers a shortcode for embedding your form. You can copy the contact form shortcode by visiting WPForms » All Forms and paste it into any WordPress post or page.

Step 7: Add Your WordPress Contact Form in a Sidebar

Another way to publish your contact form in WordPress is to add it to your website’s sidebar area. WPForms comes with a handy WordPress widget so you can add your contact form to any widget-ready area of your WordPress theme.

From your WordPress admin area, navigate to Appearance » Widgets. On this page, you’ll see all the widgets you can add to your WordPress sidebar areas.

Look for the WPForms widget and drag it over to your desired sidebar. We’ll add our widget to the right sidebar area.

Add the WPForms widget to your sidebar

Now give your widget a title and choose your contact form from the dropdown menu. Remember to click Save to preserve your widget settings.

Choose your contact form from the dropdown box

When you navigate to the front of your website, you’ll see your contact form in your chosen sidebar.

Published contact form in the WordPress sidebar area


You now know how to create a contact form in WordPress for your small business. We hope this article covered everything you needed to know.

You might also want to check out the other best WordPress plugins to use on your website.

Thanks for reading, and if you liked this article, don’t forget to follow us on YouTube, Twitter, and Facebook for more great tips to grow your business.

Add A Comment

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.

Copyright © 2021 SeedProd LLC. RafflePress™ is a trademark of SeedProd LLC

Terms & Conditions | Privacy Policy | Sitemap | RafflePress Coupon Code