How to Create a Contact Form in WordPress step by step

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 So 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’ 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.

We’re 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 go to our dashboard And then go to ‘Plugins’ and click ‘Add New’ Now search for a plugin called ‘Ninja Forms’ And you’ll get this plugin So let’s click Install and activate. Now the plugin has been installed And now you’ll 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 you can see that, there is a default contact form So first let’s delete that by clicking ‘delete’ And it’ll be deleted Now let’s create a new form, by clicking ‘Add New’ 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! So you can see that, we have a simple contact form, which asks for the name, email, and message & also has a submit button.

So once we have created the form we can go to the next step3, which is to “Add this form, to website” So to Add this form, to website Let’s close current panel And then go to pages And click ‘add new’ So now to create a new page where we can put our contact form So, enter the page title as ‘Contact Us’ And then, to add the form click ‘add form’ And now if you click this dropdown You’ll see the form which created, in the last step So let’s select that And now if you click ‘insert’ the form will be inserted into our page Now let’s click ‘publish’ And view the page, Now as you can see, you have got your contact form 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 where we see, how you can add the form to pages created with elementor So let’s go to home 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 the search 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, 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 And then change the size of the form, by dragging this slider Now once you’re done, click update And, you can view the page by clicking previewe Now if we scroll down you can see that, we now have contact form.

Leave a Reply