Create WordPress Contact Form
Following are the steps I use to easily create WordPress contact form:
- Install Ninja Forms plugin.
- Create new Contact Us form from template.
- Add Contact Us form to Contact page in WordPress.
- Submit a test submission.
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.
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!
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:
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?
I would love to see what you come up with!
Post a link to your Contact Me or Contact Us page below.