Hi guys, Today well be seeing how you can Add A Contact Form,to your wordpress website. So lets 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 So today,Were going to create a contact form like this 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 youll 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.Okay!
So I am virender from bloginguru.info and lets create our contact form! Were going to create the form in 3 steps The first step is to install a plugin in wordpress which will help us create the form Okay.
so to install the plugin Lets go to our dashboard And then go to Plugins and click Add New Now search for a plugin called Ninja Forms And youll get this plugin So lets click Install and activate Okay,
so the plugin has been installed And now youll see this new button 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 lets delete that by clicking here and then click delete And itll be deleted.
Now lets create a new form, by clicking Add New And here, youll see different type of forms you can create Im going to choose the contact us form And as soon as you click it, your form will be created! 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 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 Lets close this And then go to pages And click add new So now were going to create a new page where we can put our contact form So, Im going to enter the page title as Contact Us And then, to add the form click add form And now if you click this drop down Youll see the form which we created,
in the last step So lets select that And now if we click insert the form will be inserted into our page Now lets click publish And view the page, by clicking here Okay! Now as you can see, we have got our contact form So this is how easily, you can create a contact form in wordpress So now lets move to the next part of this tutorial where we see, how you can add the form to pages created with elementor.
So lets go to home Now, if you have followed our previous article you would have pages like this which were created with elementor Now, if you want to add 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 youll find the ninja forms widget.
Now just go to the place where you want to add the form,So lets say you want to add the form here,So just go there And click the plus icon 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 And you can see that the form has been inserted.
Now if you want to change the size of the form Just click here And then change the size of the form,by dragging this slider Now once youre done,click update And, you can view the page by clicking here Now if we scroll down you can see that, we now have our contact form Okay!
So this how you can add your contact form to a page,using elementor Next, lets test this form and see how it works Okay!So well enter our details And then click submit And it says, form submitted successfully Now as soon as someone submits this formyou should get an email, with their message So lets check our email!
Well 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 Okay! Now to reply to this message,you can click reply And the email will be sent to that persons email address Okay!
Now this email will be send to the email id,which you used, while setting-up wordpress Now, 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 So just change the address here And scroll down and click save Okay!
Now you know how the form works & how to change the email where you receive notifications Next, what if, you want to create your own form? Where instead of just, name & email you can ask for any information you want? We can do it by creating our 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 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 Im going to select these and then finally, Im going to add a submit button So once you added everything Just click done.
And then click publish Now it will ask you to give a name for the form So Ill call this my form And click publish And now the form will be created So, now to add the form to any page Well just close this and go to pages And then go to the page, where you want to add the form Well select the old form, which is here And press delete And then, well add the new form, by clicking here And select the new form which we created which is my form So, well select that And click insert Now if we click update and view the page You can see that, we have now got the form which we created Okay!
So this is how you can create any form,in wordpress Now if youre looking for more features, in your form Like having the option to upload files,directly in the formor having the ability to change the layouts easily,like this you can check out the Ninja Form Add Ons,So, this how you can create a contact form,or any other form, in wordpress Now if you want to add the contact page you created,to your menu, thats it Guys!Ill see you in the next article Take care,babye!