Register Now

Login

Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Login

Register Now

Thank you for registering with WPTricks

How to Create a Contact Form in WordPress

How to Create a Contact Form in WordPress



This video shows how you can add a contact form to your WordPress website.

Learn how to make a website here:

Get the best tools for your website ➜

Whether you are creating a simple blog, a professional website on WordPress, the contact page is always an essential element. This video shows you how to create a contact form in 3 steps.

When you create and install the contact form, anyone who needs your help or just wants to share something, will be able to fill in the required fields (usually the name, email, and message) and send a message to you. You will immediately be notified of the new message through email and you will be able to reply to it.

STEPS:

STEP 1: Installing the contact form plugin
To install the plugin, log in to your WordPress dashboard and open Plugins — Add new. In the right top corner, you will find the search field. Type “Ninja Forms”. In the search results, click “Install”, and then “Activate”. After that, it will be displayed in Plugins — Installed plugins.

STEP 2: Create your contact form
In the left side menu, click Ninja Forms, and delete the default contact form. For that, click on the gear wheel button and select Delete.
To create a new form, click the Add New button and select four types of contact forms. Let’s select Contact Us form. By default, it will contain Name, Email, Message fields and Submit button.

STEP 3: Adding this form to your page
– Default WordPress page
To add the contact form to default WordPress page, on side menu go to Pages — Add New. Name the page “Contact Us”. In the text editor, click Add Form button and in a drop-down menu select the form created in the previous step. Click Insert button and publish the page. View the page to see whether the contact form was added properly.

– Adding to an Elementor Page
When you use Elementor to create a page, open the page you want to add the form and click Edit with Elementor at the top. In the Elements section, search for forms and select Ninja Forms Widget.
Choose a section of the page where you want to add the form and click + to add the new one. Drag and drop the widget from the left side of the screen, and select the created form from the drop-down menu. To insert the form, click Apply button. You are also able to change the form size.

STEP 5: Demo – How it works
Now let’s test the contact form. Open the page with contact form, add your name, email, and message & click submit.
Immediately, you will get an email to the address you selected while creating the WordPress website.

To change the address, go to WordPress dashboard, choose Settings — General. Add new address, and in the bottom of the page, click Save Changes button.

BONUS: If you want to create your own form:
Go to Ninja Forms in WordPress dashboard, choose Add New — Blank form;
select all the elements in the right side menu,
click Done — Publish, give a name, and click Publish again.
To add your own form to the page, do it the same way as you added the default form.

To get the ability to change the form layout, or add additional elements like file uploads, get Ninja Forms Add-Ons here:

To see how to add the contact page to your menu, watch this video:

——————
Get the best tools for your website ➜

Video Gear We Use:

Our Video Editing Tool:

We’re Hiring:

Want your website developed by us? Email us your requirements to contact@websitelearners.com

Follow Us on Instagram:

Or Facebook:

Or Twitter:

For Business inquiries: contact@websitelearners.com

2019's Best Selling WordPress Themes

Comments ( 32 )

  1. Get the best tools for your website ➜ https://websitelearners.com/tools/

    Video Gear We Use: https://kit.com/websitelearners/video-gear-we-use

    Our Video Editing Tool: https://bit.ly/2Od546p

    We're Hiring: https://websitelearners.com/careers/

    Want your website developed by us? Email us your requirements to contact@websitelearners.com

    Follow Us on Instagram: https://www.instagram.com/websitelearners/

    Or Facebook: http://fb.me/websitelearners

    Or Twitter: https://twitter.com/websitelearners

    Business inquiries: contact@websitelearners.com

  2. hi Subhang I am making a site on local host and I am not getting any email while submitting the form…please help

  3. Does this plugin save the email adresses? Is it GDPR friendly? 😀

  4. What a explanation brother…you are awesome thank you bro i just subscribed your channel for more videos.thank you
    http://digitalshows.in/

  5. Sir form is working but I didn't get mail on my email id which is mentioned on wordpress plz help

  6. HEY Subhang thank you again , you are 10000000000

  7. Thank you shubhang!…this was an amazing and really helpful. I have query …can we add payment gateway in this form.?

  8. Pls keep it making more and more…..loves your way of explaining😇

  9. I am unable to receive the form entries in my admin email. Is there any setting which needs to be done in cpanel? I have namecheap hosting

  10. Great tutorial bro! Thank you!
    But, maybe you could add the video on how to protect this form? Or any other contact form. I know there are lots of positive feedbacks about Bestwebsoft's Google Captcha. Will be waiting for : )

  11. I followed the steps but I did not see the form so I could not resize it as we.

  12. Booking appointment forum how to create.

  13. Thank you so much buddy because of u i can make my website so easily and edit my content keep up the good work bro!! Website Learners

  14. form created properly but I can't add it.

  15. Thanks alot bro……….lots of lov from Pakistan

  16. im not able to change my email id where shows in admin control, on settings general to get the mails from site

  17. I am not received any email please tell me the solution

  18. where do I put my email that it will be sent to???? to receive my gmail

  19. Man….you're vids are always super helpful and neat. Thanks a lot.

  20. you are great man u are doing a great job…lots of dua from Bangladesh.

  21. Brother i followed the step as you mentioned but receiving email in my inbox is still vague to me , why i cant receive email ??? any idea

  22. Is it possible to display different forms based on dropdown selection in a single page

  23. great!! but emails are not being forwarded to mail id..

  24. Sir.. I wanna customize contact us page.. I emailed on my site with my another email but there is no mail.. What to do?

Leave a reply

Captcha Click on image to update the captcha .