Hi guys, Today we’ll be seeinghow you can Add A Contact Form, to your wordpress website So let’s say you have a website and you want to give yourvisitors, a way to contact you You can do that byadding a contact form So today, We’re going to create acontact form like this So once you create this form Anyone who is visiting yoursite will be able to fill-up this form and when they click ‘submit’ you’ll get an email withthe message they have sent So this will give yourvisitors a way to reach you, when they need help or when theyhave something to share. Okay!
So I’m Subhang fromwebsitelearners and let’s createour contact form! We’re going to createthe form in 3 steps The first step is to install a plugin inwordpress which will help us create the form Okay so to install the plugin Let’s go to our dashboard And then go to ‘Plugins’ and click ‘Add New’ Now search for aplugin called ‘Ninja Forms’ And you’ll get this plugin So let’s click Install and activate Okay.
so the pluginhas been installed And now you’ll see this newbutton called ‘ninja forms’ Once, we install the plugin, we can now go to step 2 which is to ‘Create a form’ So to create the form just click ‘Ninja Forms’ And here you can see that,there is a default contact form So first let’s delete that by clicking here and then click ‘delete’ And it’ll be deleted Now let’s create a newform, by clicking ‘Add New’ And here, you’ll seedifferent type of forms you can create I’m going to choosethe ‘contact us’ form And as soon as you click it,your form will be created! So you can see here that, wehave a simple contact form, which asks for the name,email, and message & also has a submit button Okay! So once we havecreated 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’s close this And then go to pages And click ‘add new’ So now we’re going to createa new page where we can put our contact form So, I’m going to enter thepage title as ‘Contact Us’ And then, to add the form click ‘add form’ And now if you clickthis dropdown You’ll see the form which wecreated, in the last step So let’s select that And now if weclick ‘insert’ the form will beinserted into our page Now let’s click ‘publish’ And view the page,by clicking here Okay!
Now as you can see, wehave got our contact form So this is how easily, you cancreate a contact form in wordpress So now let’s move to the next part of this tutorial where we see, how you can add the form to pages created with elementor So let’s go to home Now, if you have followedour previous video you would have pageslike this which were createdwith elementor Now, if you want toadd your contact form, to this type of page You can do that in just 3 steps 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’ And then click “edit with elementor” Now in this section search for ‘form’ And you’ll find the’ninja forms’ widget Now just go to the place where you want to add the form.
So let’s say you wantto add the form here, So just go there And click the ‘plus’ icon To add a new section Now just drag & dropthe ninja forms, into this section Now choose the formwhich you created And then click ‘apply’ And you can see that theform has been inserted Now if you want to changethe size of the form Just click here And then change thesize of the form, by dragging this slider Now once you’re done, click update And, you can view thepage by clicking here Now if we scroll down you can see that, we nowhave our contact form Okay! So this how you can addyour contact form to a page, using elementor Next, let’s test this form and see how it works Okay!
So we’ll enter our details And then click ‘submit’ And it says, formsubmitted successfully Now as soon as someonesubmits this form you should get an email,with their message So 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 wehave a new message Now if we open this, you can see the message which wesent in the form Okay!
Now to reply tothis message, you can click “reply” And the email will be sentto that person’s email address Okay! Now this email will besend to the email id, which you used, whilesetting-up wordpress Now, if you want tochange, the email ID, where you receiveyour messages You can do that, bygoing to your dashboard And then go into settings. and click ‘general’ Now here, you canchange the email ID where you want to receivethe notifications So just change theaddress here And scroll down and click ‘save’ Okay!
Now you know how the formworks & how to change the email where youreceive notifications Next, what if, you wantto create your own form? Where instead of just,name & email you can ask for anyinformation you want? We can do it by creatingour own form using the ninja forms plugin Okay! So to create your own form, just go to your dashboard And click “Ninja Forms” Now click “Add New” And choose the “Blank Form” And now, you will get alot of options which can be added to your form Now to create the form, just select the items,which you want to add I’m going to select these and then finally, I’m goingto add a submit button So once you addedeverything Just click ‘done’ And then click ‘publish’ Now it will ask you togive a name for the form So I’ll call this ‘my form’ And click ‘publish’ And now the formwill be created So, now to add theform to any page We’ll just close this and go to pages And then go to the page,where you want to add the form We’ll select the oldform, which is here And press ‘delete’ And then, we’ll add the newform, by clicking here And select the new formwhich we created which is “my form” So, we’ll select that And click ‘insert’ Now if we click update and “view the page” You can see that, wehave now got the form which we created Okay!
So this is how youcan create any form, in wordpress Now if you’re looking formore features, in your form Like having the optionto upload files, directly in the form or having the ability tochange the layouts easily, like this you can check out the”Ninja Form Add Ons”, which is given in thelink below this video So you can click thatlink to see the additional features you canadd to your form So, this how you cancreate a contact form, or any other form,in wordpress Now if you want to add thecontact page you created, to your menu, you cansee how to do that in this video Next, if you’d like to see thenext video in this WordPress series, you canwatch this video So, that’s it Guys! I’ll see you inthe next video Take care, babye!