Skip to contentSkip to main navigation Skip to footer

How To Add A Contact Form In WordPress? (9 Easy Steps)

This is a step-by-step guide to adding a contact form in WordPress. You can add a contact form in WordPress in any post, page, or Widget ready area of the site. Contact Forms allow a user to connect or communicate with a visited site. A Contact Form is a pre-formatted page with some fields like visitor’s name, comment box, etc. to edit by a site visitor and this information is sent to the site owner automatically by Email.

By default, WordPress doesn’t provide any pre-loaded or in-built Contact Form. Several Plugins are available in WordPress Plugins Directory to add a Contact Form to WordPress Site. Here we are using a Plugin WPForms to show how to add a Contact Form to a WordPress site.


Add A Contact Form In WordPress Using WPForms Plugin

Step 1: Search The Plugin.

WPForms is a WordPress contact form plugin. Search Result For WPForms Plugin.

Add a contact form in WordPress- Search plugin
Search result.

Step 2: Install It.

By clicking on Install Now button, the Plugin will get installed on your WordPress site. Now it’s time to activate the Plugin.

Step 3: Activate the Plugin.

Dashboard >> Plugins >> Installed Plugins.

Add a contact form in WordPress- Activate the plugin - wordpress contact form
Activate the Plugin.

After activating the plugin, the WPForms option will appear in the Dashboard.

how to add a contact form in wordpress- add a new form

Step 4: Add New Form.

Dashboard >> WPForms >> Add New.

Add a contact form in WordPress- new form - contact form wordpress
Add New.

As you click on Add New option, it will bring up Setup Page. See the image. The setup page has many options to configure our Contact Form. The panel under setup has Fields, Settings, etc. options to configure a Contact Form.

Click On Fields Option.

Under the fields option, you will get predefined Contact Form Templates, you can start with a blank one, or make use of an existing Template like Simple Contact Form. Here we are using Simple Contact Form as our example Template.

how to add contact form to wordpress- select template
Setup Page.

Step 5: Click On the Simple Contact Form template.

how to add a contact form on wordpress- fields
Edit Screen.

On the screen, a pre-formatted Simple Contact Form comes with four fields by default. You can add other fields using the drag-and-drop interface of Add fields Tab. Here we are adding the Paragraph text field as an example.

add a contact form to wordpress- text
Paragraph Field.

Now a new Paragraph field is added to the form. The left-hand side panel comes with a Setting option for a selected field. You can change the label, add a description, etc. for a selected field. A field can be deleted by clicking on the delete icon at the top right corner of the field.

Now it’s time to move to Settings options to configure Email, From Name, and other options.

Step 6: Click On Settings.

wordpress how to add contact form- - form

There are several options are available in Settings like General, Notification, etc.

General option:
Here you can edit the form name, form description, caption of Submit Button, etc. We are leaving them as it is.

adding a contact form to wordpress- set notification

Notification option:
Let’s look at each option available in the Notification option.

If you want to stop notifications then set the toggle Button Notifications to Off, by default it is set to On.

add contact form to wordpress- notification

Send To Email Address:

By default, these notifications are sent to the site admin email address. The {admin_email} Smart Tag is set by default, which means that if you use it then a notification E-mail will be sent to the admin Email address configured in WordPress Site. You can change it to any other Email address, even you can set more than one Email address separated by a comma right here.

Email Subject:
The subject of the Email, by default, is New Entry followed by Form Name, you can change it to whatever you want.

From Name:
Name of the notification e-mail sender.

Form Email:
E-mail Address of notification E-mail sender.

A notification e-mail reply will be sent to this address.

Step 6: Click On Save.

After configuring your Contact Form press the Save button given in the upper right corner of the screen.

Step 7: Getting Shortcode.

Dashboard >> WPForms >>All forms.

Add a contact form in WordPress- shortcode - how to add contact form in wordpress

Copy the Shortcode, you can paste it into any post. See the image.

Add a contact form in WordPress- find shortcode - wordpress add contact form

Let’s see the effect of inserting a shortcode. See the image.

Add a contact form in WordPress- contact form - wordpress contact pages
Contact Us.

You can also insert WPForms Widget in any Widget ready area.

Step 8: Widget Insert.

Go to Dashboard >> Appearance >> widget.

wordpress email form
WPForm Widget.

Step 9: Add To Widget Ready Area.

You can insert this Widget in any Widget ready area available in your theme. We are inserting it in the Footer area.

Add a contact form in WordPress- ready area - wordpress contact page
WPForms Widget In Footer Area.

Now fill Title say Contact Us and set the Form as Simple Contact Form from the drop-down option, you can also check both checkboxes if you want to display the Form name and Form Description. After setting all fields click on Save Button.

Let’s see the Contact Form in the footer area.

Add A Contact Form On the WordPress site using Widget - wordpress contact us form
Contact Form.

Wrapping Up

And that’s how you can add a contact form in WordPress. As a website owner, collecting the contact information of your users can help you better understand od market and improve your customer database. With the data collected, you can customize personalized recommendations and messages for your users. There are countless benefits and advantages to collecting users’ information.

If you like reading this blog, also read our step-by-step guide on How to Fix the WordPress White Screen of Death? (6 Common Tips) and How to Create an Engaging FAQ Section Using Elementor? (5 Easy Steps).

icons icons icons icons icons icons icons

Stuck Somewhere?
Connect With JustHyre

Hire WordPress Engineers for custom jobs like Website Customization, SEO Optimization, Clearing a Hacked Website, Installation & Configuration & more.

Connnect with JustHyre

There are no comments yet

Leave a comment

Your email address will not be published. Required fields are marked *