Contact Form: How To Setup Contact Form In WordPress Site

In this video tutorial I am going to teach you guys how to create a contact form in your wordpress site.

Log into your wordpress site.

In the wordpress dashboard scroll down and hover over plugins option and click ‘Add new’.

Next, on the right side of the page , type and search for Ninja Forms By The WP Ninjas.

Next click install and then again activate the Ninja forms plugin.

Once you activated the plugin, you can find it on the left side of the wordpress dashboard. Hover over it and click here.

Next, on the right hand side of the page, click Add New button.

Next from the list of options, click ‘contact us’ option.

Here you can see your typical simple form here.

To add more form fields, click this Plus icon in the bottom.

Next, click on the form field that you prefer here, say the phone number field I would like to add.

All I need to do is Click on it, next on the left bottom of the form has been added, move and place the field where you want to appear in the form and click done button.

You can also change the title of the contact form, to change click Advanced option, and then click display settings.

Change the Title of the Form here and click DONE button.

Finally click Publish button to save all settings.

Next close this contact dashboard.

Now you can see your contact form is setup.

Copy the short code and lets go to the page where we need this contact form added.

Here on the contact page click the dropdown icon in the right top corner and select ‘Code Editor’.

Next, paste the short code you copied and click Publish button.

You can see here in the wordpress site the contact form has been sucessfully added.

We can test the contact form by entering the appropriate contact information here and submit the form.

next head to the dashboard ninja form plugin and click submissions.

On the right side of the page you can select the form and then you can select the message recieved and click edit button to read it.

And we are done creating and testing the contact form, visitors to the site can send their contact info and queries sucessfully.

With this we come to the end on this video tutorial, please click on the bell icon and subscribe to our channel for more videos like this, if you like the video like and comment on the video thank you.

Leave a Reply

Close Menu