Make a WordPress Contact Form with Ninja Forms

If you are new to the world of building websites, one question you may have is, “why do I need a contact form?”  And to be honest, the answer is, you don’t.  You can add an email address link to your website and go on your merry way.

But, when you add a contact form to your website, it protects your site from spam it helps you organize your customer information, i.e., through submissions;  and a form is also a LOT easier to see than a link, which means more leads. This is why every WordPress website needs a basic WordPress contact form!

So how do you get a contact form on your WordPress website? It’s incredibly easy and completely free.  We’ll walk you through just a few easy steps to get a WordPress contact form (or any other basic form) up and running on your site right now. Give your visitors a way to reach you that’s painless, private, and even fun!

How to make a Contact Us form with WordPress

You can create this production-ready contact us form in just two steps.  Step one, install and activate our free Ninja Forms plugin.  Step two, head over to the Ninja Forms and generate your contact form template. After that, add the newly created form to your page or post, and that’s it!

In all, this should take you no longer than five minutes, so let’s begin.

Step 1: Install and Activate install Ninja Forms

You can either download Ninja Forms directly, or you can go to Plugins > Add New in your WordPress dashboard and then search for Ninja Forms there. For a detailed overview, see our installation guide for step-by-step instructions.

Step 2: Build your Contact Us WordPress form

From your WordPress Dashboard, navigate to Ninja Forms > Add New to access the form templates.  See the blue “Contact Us” box on your screen (I have it highlighted in the image below).

Click it. Boom! You have a contact form.

That’s it!  All you need to do now is add the form to your WordPress page or post.

Modify your WordPress Contact Us form ( optional ) 

By default, you can see that you have three form fields;  Name, Email, Message, and a Submit button. If you want more, less, or different fields, click the blue/+ circle icon at the bottom right of your screen. That will slide out a drawer with many more options.

You can also click the little gear on the right-hand side of any field you’ve added to modify that individual field. To remove a field, hover over the gear, and a trash can icon will appear.

For form building dos and don’ts, check out our guide to building a form.  Looking for additional Ninja Forms resources?  Review our documentation page for a complete guide to all things Ninja Forms.

How to add the Contact Us form to your WordPress website

Once you have your form ready to go, you have three simple options for adding your new WordPress contact form to any page you choose, anywhere you choose.

Shortcode Method

To add the form via shortcode, navigate to Ninja Forms > Dashboard.   The dashboard is where you will find a list of all your forms.  Locate the form, and copy the shortcode ( command + c / ctrl + c).

To apply the shortcode, open up the page or post you wish to add the form to and paste the shortcode into the text editor.  You can add the shortcode to a shortcode block, but it’s not necessary our shortcode will work in the paragraph block just fine.

The form won’t be visible using the shortcode, so you need to update your page/post and preview to view the WordPress form.

Block Method

Within the page or post, click on the Block Inserter icon and search for Ninja Forms.  Click on the Ninja Form icon and then choose your feedback form from the Select Form dropdown.  If you do it right, you will see a form preview.   Update the page/post, and that’s it!  You are ready to start collecting customer feedback.

Append a Ninja Form Method

If you want to include your WordPress form at the bottom of your page or post, you can do that with our Append a Ninja Form meta-box.  Select the form from the Append a Ninja Form dropdown and update your page or post.  Since the form is being appended to the bottom of the page/post, a preview will not be visible until you view the page/post on the front end.

See, making a Contact form with WordPress is a breeze!

That’s all there is to it! You now have an open channel of communication with your site’s visitors via a WordPress contact form. As your site grows, you may want to start looking into other communication options, too, like a newsletter signup form. The possibilities are limited only by your imagination.

If you enjoyed this article and would like to receive content straight to your inbox, I highly recommend signing up for our newsletter. You will recieve weekly tips on new ways to use  Ninja Forms.

And at the end of every month, you will recieve an exclusive newsletter with our latest news and recently published content. Don’t delay! Fill out our newsletter sign-up form below ⬇️