Create a Contact Form in WordPress (Step by Step) tutorial - Manoj Patial

Create a Contact Form in WordPress (Step by Step) tutorial

best-wordpress-themes
Best WordPress themes
July 19, 2020
contact-form-banner-manojpatial

Let us know how to create a contact form and display it on the website in WordPress.

Every website should have a contact form so that visitors can easily contact you and send you a message about what they need from you. By default, WordPress does not come with a built-in contact form, but there many free plugins available that can be used to create contact form easily.

In this article, I’ll show you how to easily create a contact form in WordPress step by step.

Step 1. Select the best contact form plugin

The first thing you need to do is choose a WordPress contact form plugin.
As there are many free and paid contact form plugins available in WordPress. Personally I preferred Contact Form 7 a free and mostly used plugin in WordPress.
Below are the reasons why I think CF7 is the best plugin:

a. CF7 is very simple and easy to use for beginners.
b. CF7 is free and can be used to create a simple contact form.
c. We can use its addons to enhance its features.

Step 2. Install a contact form 7 plugin in WordPress

You can install CF7 plugin on your site by logging into your WordPress admin dashboard and going to Plugins » Add New.

In the search field, type ‘contact form 7’ and then click on the Install Now button to install the plugin.

contact-f7-1

After the plugin is installed, make sure you activate the plugin.

Now you can see a new menu ‘Contact’ in the admin dashboard menu bar

Step 3. Create a new contact form

After activating the CF7 plugin, you can create a new contact form by click on Add New.

contact-f7-2

This will open a new page where you should add Form name and you can choose Form fields as per your requirements. By default, this form provides some basic fields in the form tabs like Your Name, Your Email, Subject, and Your Message. You can add more fields by select specific fields under the Form tab.

When you’ll add a new field them you can see a popup with field option something like this.

You can make a change in the new field options as per your requirements and then click on the Insert Tag button to add the new field in the form.

In the Mail tab you need to add the recipient email address, From email address, subject and customize email format, etc.

No need to make changes in the Message tab, if you do not want to show custom error or other messages.

In each tab after making changes, you need to click on the Save button so that your changes will be there.

Step 4. Adding Contact Form in a web page

Now, you’ll get a shortcode that can be used to show form in a page.

For this, you need to create a new page and add the shortcode in the page editor. If you are using a page builder then some page builder provides a widget for CF7 form and you can see your form in the widget. After selecting the contact form in the widget the shortcode automatically will add on the page.

Now save the page and you can see the form on your contact page something like this

I hope you enjoyed the tutorial and this will be helpful to beginners. For more new aritcles subscribe my blog will be updated

0 0 vote
Article Rating
Manoj Patial
Manoj Patial
I am Manoj Patial, a website developer from India, I have more than 10 years of experience in website development. I developed more than 200+ website using Drupal, WordPress, PHP, Codeigniter, shopify, HubSpot and other CMS/PHP frameworks.
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Pin It on Pinterest

0
Would love your thoughts, please comment.x
()
x