HOW TO CREATE A CONTACT FORM ON WORDPRESS

HOW TO CREATE A CONTACT FORM ON WORDPRESS

HOW TO CREATE A CONTACT FORM ON WORDPRESS

Compete guide on how to create a contact form on wordpress website step by step.

Today we will know how to create a contact form on wordPress website in this article.
So let’s say you have a website and you want to give your visitors, a way to contact you.
You can do that by adding a contact form.
I am going to explain you, how to create a contact form on wordpress website.

So once you create this form Anyone who is visiting your site will be able to fill up this form.
And when they click ‘submit’ you’ll get an email with the message they have sent.
So this will give your visitors a way to reach you, when they need help or when they have something to share.

let’s create our contact form.
You can create the form in 3 steps.

STEP 1: Install a plugin

The first step is to install a plugin in WordPress which will help us create the form.
To install the plugin, let’s go to your dashboard, and then go to ‘Plugins‘ and then click ‘Add New‘.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

Now search for a plugin called ‘Ninja Forms‘ And you’ll get this plugin.

So let’s click Install and activate.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

So the plugin has been installed.
And now you’ll see this new button called ‘ninja forms‘ on your dashboard. Once, we install the plugin.

STEP 2: Create a form.

So to create the form just click ‘Ninja Forms‘.

And here you can see that, there is a default contact form.

First let’s delete that by clicking setting button  and then click ‘delete‘. And it’ll be deleted.

Now let’s create a new form, by clicking ‘Add New‘.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

And here, you’ll see different type of forms you can create.
I’m going to choose the ‘contact us‘ form And as soon as you click it, your form will be created!

HOW TO CREATE A CONTACT FORM ON WORDPRESS

So you can see here that, we have a simple contact form, which asks for the name, email, and message & also has a submit button.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

So once we have created the form, we can go to the next step.

Which is to “Add this form, to our website”.

STEP 3: Add this form, to our website.

For adding this form, to our website. Let’s close this. And then go to pages. Then click ‘add new‘.
So now we’re going to create a new page where we can put our contact form.
Enter the page title as ‘Contact Us‘. And then, to add the form. click ‘add form‘.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

And now if you click this drop-down.
You’ll see the form which we created, in the last step.
Select that and now if we click ‘insert’ the form will be inserted into our page.
Now let’s click ‘publish’ to the right sidebar. And view the page.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

As you can see, we have got our contact form.
This is how easily, you can create a contact form in WordPress.

Let’s move on to the next part. where we see, how you can add the form to pages created with elementor.

So let’s go home.
Now I am assuming if you have about page which was created with elementor.

If you want to add your contact form, to this type of page. You can do that in just 3 steps.

change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Add the contact form with elementor.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

But how to add it with elementor, let’s see how.

First, go to the page, where you want to add the contact form.
So if you want to add the form to your about page.
Just go to ‘about page‘ and then click “edit with elementor“.

HOW TO CREATE A CONTACT FORM ON WORDPRESS

Now in this section search for ‘form’.
And you’ll find the ‘ninja forms’ widget in elementor search.
Now just go to the place where you want to add the form.
To add a new section. Now just drag & drop the ninja forms, into this section.
Now choose the form which you created. And then click ‘apply’

HOW TO CREATE A CONTACT FORM ON WORDPRESS
HOW TO CREATE A CONTACT FORM ON WORDPRESS

And you can see that the form has been inserted. Now if you want to change the size of the form. Just click style. And then change the size of the form, by dragging the slider.
Now once you’re done, click update at the bottom.

And, you can view the page by clicking eye icon at the bottom next to update button.
Now if we scroll down, you can see that we now have our contact form.
So this how you can add your contact form to a page, using elementor.

Next, let’s test this form and see how it works.

So we’ll enter our details, And then click ‘submit‘.
And it says, the form submitted successfully.
Now as soon as someone submits this form
you should get an email, with their message.

Now let ‘s check our email.
We’ll go to our inbox, And as you can see, We have got an email, from wordpress, saying that we have a new message.

Now if we open this, you can see the message which we sent in the form.

Now to reply to this message, you can click “reply“. And the email will be sent to that person’s email address.
Now, remember this all email comes in the email id, which you used, while setting-up wordpress.

You can change, the email ID also.

If you want to change, the email ID, where you receive your messages.
You can do that, by going to your dashboard, And then go into settings, and click ‘general‘.
Now here, you can change the email ID, where you want to receive the notifications

HOW TO CREATE A CONTACT FORM ON WORDPRESS

So just change the address here, And scroll down, and click ‘save’.
Now you know how the form works & how to change the email where you receive notifications.

Do you want to create your own form?

you can ask for any information you want by the form.
You can do it by creating your own form, using the ninja forms plugin.
So to create your own form,

  • Just go to your dashboard.
  • And click “Ninja Forms“.
  • Then click “Add New“.
  • And choose the “Blank Form“.


And now, you will get a lot of options which can be added to your form.
Now to create the form, just select the items, which you want to add.
So once you added everything, Just click ‘done’, And then click ‘publish’.
Now it will ask you to give a name for the form. Give a name of your form, And click ‘publish’.

And now the form will be created. So, now to add the form to any page, You know how to do it.

Now you know every thing about how to create a contact form on wordpress website.

so the problem, how to create a contact form on wordpress is solved. 

If you find my guides useful, please share my page below. This keeps me motivated to keep all the information on this site up to date and accurate.

Please share this

Here’s what I suggest you

Also see our step by step guide on how to make a website.

Also see our step by step guide on HOW TO STAR A BLOG.

How to do SEO for higher in google ranking for beginners.

RANJIT SINGH

I’ve been helping people build websites since 2014. I wrote this FREE guide to help anyone – How to make a website – make their own website without having to learn code. Hello, My name is Ranjit Singh behind loudmeout.com and SEOcountry.net

Leave a Reply

Close Menu
Step by Step With No Step Skipped