Make a WordPress Contact Form with Ninja Forms!

The internet wouldn’t be quite such an awesome place if it didn’t let people communicate like we can now. Being able to talk to one another openly and freely is at the heart of the modern web. Whether it’s through social media, a support channel, a blog, or any one of the hundreds of other ways we can share info online, we’re more successful when we have ways to reach out to one another. And that’s exactly 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. Follow along for just a couple of minutes and 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!

Building a WordPress Contact Form

Step 1: Download and install Ninja Forms.

You can either download Ninja Forms directly from the WordPress repository and upload to your website, or you can go to Plugins>Add New in your WordPress dashboard and then search for Ninja Forms there.

wordpress contact form ninja forms

Step 2: Open your new WordPress contact form builder!

Still in your WordPress dashboard, you should now see Forms as an option. Congratulations! Now you’ll want to add a contact form. Under Forms, click Add New to open the form builder. It looks like so:

screen-shot-2016-09-13-at-10-22-38-am

Step 3: Build your contact form

This is going to be really difficult, so… ok, who am I kidding. It’s stupid simple. See the grey “Contact Us” box there on your screen (I have it circled in red in the image above)? Click it. Boom. You have a contact form.

wordpress contact form ninja forms

Step 4 (optional): Modify your form

By default you can see that you have a field for Name, Email, Message, and Submit. If you want more, less or different fields, you can click the blue circle with the white plus sign in 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. To learn more about the Ninja Forms builder, check out our documentation!

wordpress contact form ninja forms field drawer

Step 5: Add your form to a page

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

Option 1: Shortcode. Close the builder (Publish/Save if you’ve made modifications) and in the dashboard navigate to Forms>All Forms. Here you’ll see each form you have made in one column, and also a shortcode column. You can copy and past that shortcode onto any page to display your form on that page. The form will appear right where your shortcode is pasted.

ss5

Option 2: Append a Ninja Form box. Navigate in your dashboard to Pages>[page you want to add a form to]. Open that page and on the right hand sidebar of the page builder you’ll see a box labeled “Append a Ninja Forms”. Select the name of the form you want in that dropdown, and the form will be added to the bottom of that page!

wordpress contact form append a ninja form box in page builder

Option 3: Ninja Forms Widget. Navigate in your dashboard to Appearance>Widgets. You’ll see Ninja Forms Widget listed as an option there. You can choose to place the form of your choice into the sidebar, content top, or content bottom using the widget!

wordpress contact form ninja form widget

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 have questions please don’t hesitate to ask away in the comments below, enjoy Ninja Forms, and happy blogging!

Need a contact form for your #WordPress website? Follow this quick Ninja Forms tutorial!Click To Tweet