How to Add a Contact Form in WordPress
4.8 (96.47%) 17 votes

So you built a stunning website or blog for your business, but nobody’s contacting you.

Terrible feeling, right?

Well, most likely, it’s because you haven’t added a contact form to your WordPress site yet.

Thankfully, WordPress makes it fairly simply to add a contact form by installing a plugin.

There are multiple options available (free and paid). The most commons options are:

You can stick with the free options for now, and upgrade later if you need to.

When it comes to the best option, I’d recommend using either WP Forms or Contact Form 7. They’re both free, easy to customize and user-friendly for beginners.

Here’s exactly how to add a contact form in WordPress, using either WP Forms or Contact Form 7.

How to Add a Contact Form with WP Forms

WP Forms

Step #1: Install and Activate the Plugin

  • Login to your WordPress admin dashboard, scroll down to Plugins on the left hand sidebar, and then click on Add New.
Install and activate plugin
  • In the search box on your right that says “Search Plugins”, type in WPForms . Once you see the WP Forms plugin show up, click Install Now.
WPforms plugin
  • After the plugin installation is complete, the Install Now button will update to say Activate. Click on it. Once the plugin is finished activating, you’ll receive a welcome message.

The plugin is now active on your website! Now to create your first contact form.

Step #2: Create Your First Contact Form

  • From your WordPress dashboard, you’ll notice a section titled WPForms on the left hand side. Click the link that’s titled Add New. Once the new page loads, you’ll be ready to setup your first contact form.
Add new form
  • Once the Add New page loads, you’ll see several pre-made form options called templates. You can use these, or keep it simple and click the button that says Create a Simple Contact Form.
Create simple contact form
  • WP Forms is a great contact form option primarily because it’s easy to use. Once your contact form editor loads, you’ll see a number of items like Name, Email, Address that you can drag and drop into your contact form. After you’re done customizing your form, click on the Save button in the upper right corner.
Customize and edit form

Step #3: Add the Contact Form to your WordPress Website

Your contact form is customized, with all the items you want. All that’s left to do is make it published on your site.

To do this, we’ll need to add the contact form to a page, post or sidebar on your WordPress site. Here’s how:

  • Go back to your WordPress dashboard
  • Go to the Pages section on the left sidebar, and pick the page where you want the form to show up (like your Contact Us page).
  • Near the top of the WordPress page, by the Add Media button, you’ll see two new buttons called Add Form and Add Contact Form. These are the buttons you’ll use to add a WP Forms contact form to your pages and posts.

    For specific forms, use the Add Form button. For the general contact form, use the Add Contact Form button. Since we made a customized form in the last step, click on the Add Form button.
Add contact form
  • Once you click the Add Form button, a popup will show you all of the available contact forms you can choose to add to the page. Select the form you created, and click the Add Form button.  
Insert customized form
  • Now you’ll see a piece of text, called a shortcode, on the page. That shortcode is now all you need to show the form publicly. Save your changes by Updating the page.
Insert shortcode

And just like that, you’re done!

If you’d rather show the WP Forms contact form on a sidebar, use a widget. Just follow these quick steps:

  • From your WordPress dashboard, click on Appearance on the left side of your dashboard. Under Appearance, you’ll see Widgets. Click the Widgets link.
  • From the Available Widgets section, scroll down to where you see WP Forms. Usually, it’s near the bottom of the page.
  • Once you locate the WP Forms widget, drag and drop it to your chosen location. You can choose to add a title, select the correct form and hit the Save button.
Widget sidebar

How to Add a Contact Form with Contact Form 7

Adding a contact form with the Contact Form 7 is extremely easy. Like most things with WordPress, there’s an intuitive plugin to set things up quickly.

Simply follow these steps:

Step #1: Install and Activate the Plugin

  • Log in to your WordPress dashboard, and navigate to Plugins on the left side of the screen. Under Plugins, you’ll see a link titled Add New. Click this.
  • Navigate to the search box that says “Search Plugins” on the right side of the screen, and type in Contact Form 7.
Install and activate contact form 7 plugin
  • Once you see the plugin show up like in the screenshot above, click Install Now. Stay on this page while the plugin installs. In a few seconds, the Install Now button will update to say Activate. Click the Activate button.

The plugin is active! Now let’s make your first contact form.

Step #2: Create Your First Contact Form

  • Go back to your main WordPress dashboard. From the left hand side, you’ll see a new item called Contact. Click the Contact link. This is where you’ll make all of the updates and changes to your Contact Form 7 forms moving forward.
  • If you’re not too tech-savvy, I wouldn’t recommend creating a new form from scratch. It’s easier to just use the premade form you already see listed.

    If you want to create a custom form, you can always customize it with HTML. If you know how to do this already, great. If not, consider hiring a developer for $10-50 to help you. You can find quality freelancers on platforms like Freelancer.com, Fiverr and Upwork.

    To edit and customize your form, simply click the form’s Title.
Edit contact form 7

Step #3: Add the Contact Form to your WordPress Website

  • Once you’re done customizing your contact form, you’ll be ready to add the form to any WordPress pages or posts where you’d like the form to show up.
  • Go back to the Contact area where you started. Copy the shortcode text that appears in your new form, to the right of the form’s title.
Contact form 7 shortcode
  • Now that you have the shortcode copied, go to the page or post where you want your contact form to appear. Paste the shortcode on the page or post, and Update your page.

Get More Contact Form Submissions

You did it!

You’ve entered the wonderful world of contact form submissions! I know, you can barely contain your excitement either.

Now you’re well on your way to building an incredible website that gets tons of website visitors and earns you the lifestyle you’re after.

If you have any questions while you set your contact forms up, feel free to contact us.

Originally published January 22, 2018, updated March 17, 2018