How to Create a Contact Form in WordPress Website

How to Create a Contact Form in WordPress Website

Hi guys, Today we’ll be seeing how you’ll add a Contact Form, to your WordPress website So for example you have a web site and you wish to provide your visitors, some way to contact you you’ll be able to do this by adding a contact form So today, We’re going to create a contact form like this So once you create this type Anyone who is visiting your site will be able to fill-up this form and once they click ‘submit’ you will get an email with the message they have sent So this will give your visitors how to reach you, once they need help or when they have something to share.

Let’s create our contact form! We’re going to createthe form in 3 steps the primary step is to put in a plugin in WordPress which can help us create the form Okay so to install the plugin Let’s move to our dashboard then go to ‘Plugins’ and click on ‘Add New’ Now search for aplugin called ‘Ninja Forms’ and you will get this plugin So let’s click Install and activate

Okay, so the plugin has been installed And now you will see this new button called ‘ninja forms’ Once, we install the plugin, we can now move to step 2 which is to ‘Create a form’ So to make the form just click ‘Ninja Forms’ And here you’ll see that, there’s a default contact form So first let’s delete that by clicking here then click ‘delete’ and it will be deleted

Now let’s create a brand new form, by clicking ‘Add New’ And here, you will see the various kinds of forms you’ll create I’m going to choose the ‘contact us’ form, And as soon as you click it, your form are going to be created! So you’ll see here that, we’ve an easy contact form, which asks for the name, email, and message & also features a submit button Okay! So once we’ve created the shape we will attend the next step, which is to “Add this type , to our website” So to feature this type , to our website Let’s close this then attend pages and click on ‘add new’ So now we’re getting to create a brand new page where we are able to put our contact form So, I’m going to enter the page title as ‘Contact Us’

And then, to add the form click ‘add form’ And now if you click this dropdown you will see the form which we created, within the last step So let’s select that And now if we click ‘insert’ the form is going to be inserted into our page Now let’s click ‘publish’ and examine the page, by clicking here Okay! Now as you’ll be able to see, we’ve got our contact form So this is often how easily, you’ll create a contact form in WordPress So now let’s move to the subsequent a part of this article where we see, how you’ll be able to add the form to pages created with elementor So let’s visit home now, if you would like to feature your contact form, to the current sort of page you’ll do this in only 3 steps First, attend the page, where you want to add the contact form So if you wish to add the form to your about page just go to ‘about’ then click “edit with elementor”

Now in this section look for ‘form’ and you will find the’ninja forms’ widget Now just attend the place where you want to feature the form, So for instance you would like to feature the form here, So just go there and click on the ‘plus’ icon to feature a replacement section Now just drag & drop the ninja forms, into this section Now choose the shape which you created then click ‘apply’ And you’ll see that the form has been inserted Now if you would like to vary the dimensions of the form Just click here then change the dimensions of the form, by dragging this slider Now once you’re done, click update And, you’ll view the page by clicking here Now if we scroll down you’ll see that, we now have our contact form Okay! So this how you’ll add your 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 then click ‘submit’ And it says, the form submitted successfully Now as soon as someone submits this kind you need to get an email, with their message So let’s check our email! We’ll attend our inbox And as you’ll see! we have got an email, from WordPress, saying that we have a fresh message Now if we open this, you will see the message which we sent within the form Okay! Now to reply to this message, you’ll click “reply” and thus the e-mail is getting to be sent thereto person’s email address Okay! Now this email is getting to be sent to the e-mail id, which you used, while setting-up WordPress Now, if you’d wish to vary, the e-mail ID, where you receive your messages you’ll do that, by going to your dashboard then enter settings. and click on on ‘general’ Nowhere, you’ll change the e-mail ID where you’d wish to receive the notifications So just change the address here And scroll down and click on on ‘save’ Okay! Now you recognize how the formworks & the thanks to changing the e-mail where you receive notifications Next, what if, you’d wish to make your own form? Where instead of just, name & email you’ll invite any information you want? we’ll appear the hay by creating our own form using the ninja forms plugin Okay! So to form your own form, just attend your dashboard and click on on “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 form the form , just select the items , which you’d wish to feature I’m going to select these then finally, I’m goingto add a submit button So once you addedeverything Just click ‘done’ then click ‘publish’ Now it’ll ask you togive a name for the form So I’ll call this ‘Form 01’ and click on on ‘publish’ And now the shape are getting to be created So, now to feature the form to any page We’ll just close this and attend pages then attend the page, where you’d wish to add the form We’ll select the oldform, which is here And press ‘delete’ then , we’ll add the newform, by clicking here and choose the new form which we created which is “my form” So, we’ll select that and click on on ‘Insert’ Now if we click update and “view the page” you will see that, we’ve now got the form which we created Okay! So this is often how you’ll create any form, in WordPress So, this how you’ll create a contact form, or the opposite form, in WordPress

So, that’s it, Guys! I hope guys this article is helpful to you

Leave a Reply