Up next in 10
How to Create a Contact Form in WordPress
3K views
Sep 27, 2023
Unlock the power of communication with your website visitors in this insightful video tutorial: "How to Create a Contact Form in WordPress." Whether you're running a blog, an e-commerce store, or a business site, providing an easy and efficient way for your audience to get in touch is crucial. In this step-by-step guide, you'll learn the ins and outs of crafting and embedding a contact form on your WordPress website. No coding skills required – just follow along to enhance user engagement and accessibility. Improve user experience and bolster your online presence by watching this video and implementing a user-friendly contact form on your WordPress site today.
View Video Transcript
0:00
Hi guys
0:01
Today we'll be seeing how you can add a contact form to your WordPress website
0:05
So let's say you have a website and you want to give your visitors a way to contact you
0:11
You can do that by adding a contact form So today we're going to create a contact form like this
0:18
So once you create this form Anyone who is visiting your website will be able to fill up this form
0:24
And when they click submit You'll get an email with the message they have sent
0:31
So this will give your visitors a way to reach you when they need help or when they have something to share
0:36
Okay? So I'm Xuvang from WebsiteLearners.com And let's create a contact form
0:43
Okay So we're going to create the form in 3 steps The first step
0:48
Is to install a plugin in WordPress which helps us create the form
0:52
Okay? So to install the plugin Let's go to our dashboard And then go to plugins
1:24
And now you'll see this new button called Ninja Forms Once we install this plugin
1:30
We can now go to step 2 which is to create a form
1:34
So to create the form Just click Ninja Forms And here you can see that there is a default contact form
1:45
So first, let's delete that by clicking here and then click delete
1:54
and it will be deleted Now, let's create a new form by clicking add new
2:01
And here you'll see different types of forms you can create So, I'm going to choose the contact us form
2:10
And as soon as you click it, your form will be created
2:16
So, you can see here that we have a simple contact form which asks for the name Email
2:23
and Message and also has a Submit button Okay So once we have created the form We can go to the next step which is to add this form to our website So to add this form to our website Let close this
2:39
And then go to pages And click add new So now we are going to create a new page
2:47
where we can put our contact form So I am going to enter the page title
2:52
as contact us and then to add the form we have got a contact form
3:28
So this is how easily you can create a contact form in WordPress So now let's move to the next part of this tutorial
3:36
where we see how you can add the form to pages created with elementar
3:41
So let's go to home Now if you have followed a previous video
3:47
you would have pages like this which were created with elementar Now if you want to add your contact form to this type of page
3:55
You can do that in just 3 steps First, you need to go to the page where you want to add the contact form
4:02
So if you want to add the form to your about page
4:06
Just go to about And then click edit with elementor Now in this section, search for form
4:18
And you'll find the ninja forms widget Now just go to the place where you want to add the form
4:25
So let's say you want to add the form here So just go there
4:31
And click the plus icon to add a new section And now just drag and drop the ninja forms into this section
4:41
Now choose the form which you created And then click apply And you can see that the form has been inserted
4:50
Now if you want to change the size of the form Just click here
5:54
We have got an email from WordPress saying that we have a new message
5:59
Now if we open this you can see the message which we sent in the form
6:04
Okay? So now if you want to reply to this message You can click reply
6:10
And the email will be sent to that person's email address Okay
6:15
Now this email will be sent to the email ID which you used while setting up WordPress
6:20
Now if you want to change the email ID where you receive your messages
6:53
Next, what if you want to create your own form? Where instead of just name and email
7:00
you can ask for any information you want. We can do it by creating our own form
7:05
using the Ninja Forms plugin. Okay? So to create your own form
7:09
just go to your dashboard, and click Ninja Forms. Now click add new
7:18
and choose the blank form and now you get a lot of options which can be added to your form So now to create the form just select the items which you want to add So I going to select these And then finally I going to add a submit button
7:48
So once you added everything Just click done And then click publish
7:58
Now it will ask you to give a name for the form
8:03
So I'll call this, my form And click publish And now the form will be created
8:12
So now to add this form to any page We'll just close this
8:17
And go to pages And then go to the page where you want to add the form
8:27
So we'll select the old form which is here And press delete
8:36
And then we'll add the form by clicking here And select the new form which we created
8:43
Which was my form So we'll select that And click insert Now if we click update
8:53
and view the page You can see that we have now got the form which we created Okay
9:07
So this is how you can create any form in WordPress Now if you're looking for more features in your form
9:13
Like having the option to upload files directly in the form Or having the ability to change the layouts easily
9:19
Like this You can check out the ninja form add-ons which is given in the link below this video
9:29
So you can click that link to see the additional features you can add to your form
9:34
So this is how you can create a contact form or any other form in WordPress
9:39
Now if you want to add the contact page you created to your menu
9:44
You can see how to do that in this video Next, if you'd like to see the next video in this WordPress series
9:53
you can watch this video so that's it guys I'll see you in the next video
10:02
Take care Bye Bye
#Computers & Electronics
#Internet & Telecom