Join The Troop: a community of fearless female entreprenurs at Jennifer-Franklin.com

troop (noun): a community of fearless female entrepreneurs

Sign up for VIP access to my FREE library of resources to help you start and grow your online business.

Create WordPress Contact Form

In a previous post, I shared with you four important pages your website needs now. Today, I am going to show you how to create WordPress contact form on your Contact Me or Contact Us page.

Create WordPress Contact Form

Following are the steps I use to easily create WordPress contact form:

  1. Install Ninja Forms plugin.
  2. Create new Contact Us form from template.
  3. Add Contact Us form to Contact page in WordPress.
  4. Submit a test submission.
create-wordpress-contact-form-jennifer-franklin-01

1 | Install Ninja Forms Plugin

First, I use and recommend you install the Ninja Forms plugin.

The Ninja Forms plugin has over 5 million downloads and is completely FREE!

In addition to the Contact Us form, the Ninja Forms plugin will allow you to customize other forms you may need later on including the following: Quote Requests, Event Registrations, Sign Up Forms.

This amazing little plugin comes with a Contact Form template pre-installed which makes setting up your contact page super simple.

2 | Create New Form

Next, you will create a new Ninja Form from your WordPress dashboard. Under FORMS on the left hand side, click on ADD NEW.

You will then be prompted to choose from one of three Ninja Form templates or create your own. Click on the CONTACT US template.

This will create a form with the following fields pre-installed: Name, Email, Subject and Message.

You can add and remove fields as needed.

Click on the gear icon to edit each field individually. Be sure to click DONE to save your changes.

Finally, you will need to update the Emails & Actions settings from the link at the top left of your Ninja Forms dashboard page.

Here you can toggle on and off the following: Save to Database, Success Message, Email Confirmation, Email Notification.

Update each of the above sections to meet your needs. Click on the GEAR ICON located under ACTIONS.

Ready to see how your Contact Form looks so far?

Click on PREVIEW.

If you are satisfied with the results, click PUBLISH.

Next, you will add the Contact Us Ninja Form to your website!

Woop! Woop!

 

Pro Tip: Make sure to update the default email address with your business' email address so that all new submissions will be sent directly to your inbox.

3 | Add Contact Form To Website

You can easily add the Contact Us form to your website with a widget, shortcode, template function, or append it automatically to any content you choose.

One of the easiest ways I have found to add your newly created contact form to your Contact Us page is with a shortcode.

Create a new page or click on edit to update your current Contact Us page.

Simply copy the shortcode found on the Ninja Form dashboard page and paste the shortcode into the WYSIWYG text editor of the Contact Us page.

Save or Publish your page and your Contact Us form is ready to go!

When the shortcode is pasted into the Text Editor the contact form is populated like this:

4 | Submit A Test Submission

The last step is to fill out and submit a test submission. If everything is set up correctly, you will receive an email confirming the information submitted.

What do you think? Are you ready to create WordPress contact form using Ninja Forms? 

See ya soon,

Love Jen Signature Logo | Jennifer-Franklin.com

Like what you see? Join the troop!

Join hundreds of other fearless female entrepreneurs and receive access to my free library of resources for starting and growing your online business.

You are about to enter a Spam Free Zone. Unsubscribe at any time. Powered by ConvertKit

Leave a Comment