Making a Contact Form in WordPress with Ninja Forms

Making a Contact Form in WordPress with Ninja Forms

WordPress does a lot of things on its own, but a creating form isn’t one of them. While there are lots of great options for creating simple forms, in this video, I’m going to show you why I think Ninja Forms is the best free option out there.

Creating The Contact Form

Once Ninja Forms is installed and activated, click on Ninja Forms -> Add New. Here, you’ll be shown a few templates that can serve as starting points. Select the “Contact Us” template.

Using the Ninja Forms Contact Form template

You will then be brought to a screen with a few pre-populated fields on it. The only thing we’re going to add is an anti-spam field. Add that by clicking the Blue “+” Sign in the bottom right. In the Fields section that appears, scroll down and select the “Anti-Spam” field. Click and Drag it between “Message” and “Submit.”

The purpose of this field is to ask the user a question with a specific answer. If the answer is correct, the message is not spam. Once the field is in-place, click on the cog that appears when you hover over the field. You will determine the anti-spam question and answer:

Anti-Spam field settings

After you ask your question, click “Done” and then “Publish.” Your form is now created. Let’s add it to a page!

Adding The Form to a Page

Click the “X” in the top right corner to go back to the WordPress Dashboard. Then to go Pages -> Add New. Name the page “Contact.”

From here, there are 2 ways to add a form in Ninja Forms. The first is using the “Add Form” button:

Add Form button

Click “Add Form” and then search or select the form you just created. A shortcode will be added to the editor. This will be replaced with the form you created in the previous step.

If you scroll down a bit, you’ll also see a section on the right that says, “Append Form” on the right. You can choose this if you want your form to be added to directly after the content area.

One the shortcode is in place, click Publish. Congratulations! You know have a contact form on your site.

See More

In the video above, we cover a couple of other topics, like changing the email address and viewing submissions from right within WordPress.

Finally, if you want to extend Ninja Forms, definitely check out their premium features.