Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Create a Contact Form in WordPress (Step by Step)

Are you looking to create a contact form and add it to your WordPress site?

Every website needs a contact form, so visitors can easily contact you about your products and services. By default, WordPress does not come with a built-in contact form, but there is an easy way to add contact forms to your site.

In this article, we’ll show you how to easily create a contact form in WordPress without touching a single line of code.

How to create a contact form in WordPress (step by step)

Why Do You Need a WordPress Contact Form?

You might be wondering why do I need a contact form? Can’t I just add my email address on my website, so people can email me?

That’s a very common question from beginners because they are afraid that adding a contact form requires coding knowledge.

Luckily, you can use a WordPress plugin to simply add a contact form to your WordPress website with zero coding knowledge.

Below are the top 3 reasons why a contact form is better than pasting your email address on a page.

  • Spam Protection – Spam bots regularly scrape websites for the mailto: email address tag. When you post your email address on the website, you will start to receive a lot of spam emails. On the other hand, your contact form can block contact form spam and stop almost all spam emails.
  • Consistent Information – When emailing, people don’t always send you all the information that you need. With a contact form, you can tell the user exactly what information you’re looking for, like their phone number, budget, project details, and more.
  • Saves Time – Contact forms help you save time in more ways than you can imagine. Aside from consistent information, you can also use form confirmations to tell the user the next steps they should take. Like, watch a video or wait up to 24 hours to get a response, so they don’t send you multiple inquires.

With that said, let’s show you how to easily create a contact form in WordPress, step by step.

Video Tutorial

Subscribe to WPBeginner

If you prefer written instructions, then please continue reading.

Step 1. Choosing the Best WordPress Contact Form Plugin

The first thing you need to do is choose a WordPress contact form plugin.

While there are several free and paid WordPress contact form plugins you can choose from, we use WPForms on our site and believe it’s the best option in the market.

Below are the three reasons why we think WPForms is the best:

  1. It is the most beginner friendly contact form plugin available. You can use the drag & drop builder to easily create a contact form in just a few clicks.
  2. WPForms Lite is 100% free, and you can use it to create a simple contact form (over 5 million sites use it).
  3. When you are ready for more powerful features, then you can upgrade to WPForms Pro.

Now that we have decided on the contact form plugin, let’s go ahead and install it on your site.

Step 2. Install a Contact Form Plugin in WordPress

For this tutorial, we’ll use WPForms Lite because it’s free and easy to use.

You can install this plugin on your site by logging into your WordPress dashboard and going to Plugins » Add New.

Then, in the search field, type ‘WPForms’, and click on the ‘Install Now’ button.

Install WPForms plugin

This will automatically install the plugin on your site.

Next, you need to activate the plugin by clicking the ‘Activate’ button.

Activate WPForms plugin

If you don’t see the plugins menu or want more detailed instructions, then see our step by step guide on how to install a WordPress plugin.

Step 3. Create a Contact Form in WordPress

Now that you have activated WPForms, you are ready to create a contact form in WordPress.

To do this, navigate to WPForms » All Forms in your WordPress admin panel. Then, click the ‘Add New’ button.

Add new WPForms form

This will open the WPForms drag and drop form builder template library. Start by giving your contact form a name and then select your contact form template.

To choose a template simply hover over it and click the ‘Use Template’ button.

WPForms Lite comes with over 20+ free form templates to choose from. You can use these to create just about any type of contact form you like.

For the sake of this example, we will go ahead and select the ‘Simple Contact Form’ template. It will automatically add the Name, Email, and Message fields.

Choose WPForms form template

You can click on any of the form fields to edit them.

When you click on a form field it will bring up a ‘Field Options’ panel on the left where you can make changes.

Make edits in field options panel

You can also use your mouse to drag and drop the fields to change the order.

Change form fields order

If you want to add a new field, then simply select from the available fields on the left sidebar.

You can drag it over to your form or click on it, and it will automatically be added to your form.

Drag and drop new form fields

When you’re done customizing your form, make sure to click on the ‘Save’ button.

Step 4. Configuring WordPress Form Notification and Confirmations

Now that you have created your contact form, it’s important that you properly configure the form notification and form confirmation options.

Form confirmation is what your website visitor sees after they submit the form. This can be a simple thank you message, a page where you’ve uploaded downloable PDFs, or anything you’d like.

Form notification is the email you get after someone submits the contact form on your WordPress blog.

To customize the confirmation message, click on the ‘Settings’ tab and then the ‘Confirmations’ tab inside the form builder.

There’s already a default thank you message.

However, you can customize this in the ‘Confirmation Message’ box, if you’d like.

Go to form confirmation message

If you want to redirect users after successful form submission instead of showing a message, then select ‘Go to URL’ from the ‘Confirmation Type’ drop down.

Then, enter the URL where you want to redirect users too.

Redirect to page after confirmation

If you make any changes here, then make sure to click the ‘Save’ button.

After that, you can make sure the form notification settings are correct. Simply click on the ‘Notifications’ tab from the same ‘Settings’ menu.

The best part about WPForms is that the default settings are ideal for beginners. When you go to the notification settings, all fields will be pre-filled dynamically.

Go to form notifications tab

The notifications by default are sent to the admin email that you have set up when you created your site.

If you want to send it to a custom email address, then you can change that. If you want to send the notification to multiple emails, then just separate each email address by a comma.

The ‘Email Subject Line’ is pre-filled with your form name. The ‘From Name’ field is automatically populated with your user’s name.

Change form email notifications

When you reply to the form inquiry, it will go to the email that your user filled in the contact form.

Make sure you click the ‘Save’ button if you make changes here.

If you want to send your form email to multiple people or different departments, then see our guide on how to create a contact form with multiple recipients.

If you’re having issues with receiving form emails, then see our guide on how to fix WordPress not sending email issue.

Step 5. Adding WordPress Contact Form in a Page

Now that you are done configuring your WordPress contact form, it’s time to add it to a page.

You can either add it to an existing contact page or create a new page in WordPress.

If you want to create a new contact form page simply go to Pages » Add New and then give your page a name.

We will be using the WPForms block to add the form in a page. Simply click on the ‘Plus’ add block button and search for ‘WPForms’.

Then, click on the ‘WPForms’ block.

Create new contact page and add WPForms block

The WPForm block will now appear in the content area of your page.

You need to click on the drop down menu to select the form you created earlier.

Select contact form from drop down

WPForms will load your contact form preview inside the editor. You can now click the ‘Publish’ or ‘Update’ button to save your form.

Now, you can visit your website to see it in action.

Here’s what the form looked like on a sample WordPress contact page:

WordPress contact form example

If you only wanted to add the contact form on page, then you’re done here. Congratulations.

WPForms also comes with a WordPress contact form shortcode. You can use this by visiting WPForms » All Forms and then copy the shortcode next to your form.

Copy form shortcode

Then, all you need to do is open up the page where you want to add it and click the ‘Plus’ add block button and search for ‘Shortcode’.

Next, click the ‘Shortcode’ block.

Add shortcode block

Then, paste the shortcode that you copied above into the box.

After that, click ‘Update’ or ‘Publish’ and your contact form will be live on your website, just like above.

Paste form shortcode and save

To learn more about shortcodes, see our ultimate guide on how to add a shortcode in WordPress.

Step 6. Adding WordPress Contact Form in a Sidebar

WPForms also comes with a WordPress contact form widget that you can use to add your contact form to a sidebar or any other widget-ready area in your WordPress theme.

To do this, you need to go to Appearance » Widgets and then click the ‘Plus’ add block icon in the widget area you want to add your form.

Add new widget block

Next, search for ‘WPForms’.

Then, click on the ‘WPForms’ block to add it to your sidebar.

Add WPForms widget block

After that, you need to select your contact form from the drop down.

This will automatically load a preview of your form.

Select form from drop down

Next, click the ‘Update’ button to save your changes.

Now, you can visit your site to see your contact form live in your sidebar or other widget area.

To learn more about widgets, see our guide on how to add and use widgets in WordPress.

Sidebar contact form example

We hope this article helped you create a simple contact form in WordPress. You may also want to see our guide on how to create an email newsletter the right way, and our expert picks of the best business phone services for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

155 CommentsLeave a Reply

  1. Hello, thanks for the help. You mentioned that the email address can be changed. Can you please share how this is done and where?

    Thanks

  2. I followed all the steps but for whatever reason, this form doesn’t work. I uninstalled and installed it few times. I followed exactly as on video but when sending a test contact form I don’t receive any emails or notifications.

  3. I followed your video to put a contact form on my site and you made it easy and enjoyable. I noticed that you had your address and contact information on the side. How do I put my contact information there? Thank you in advance.

    Eric

    • If you mean from the video, we placed another block on the page and manually added the text :)

      Admin

    • It would depend on the form plugin you decide to use and there are different locations for that customization.

      Admin

  4. I fid all these but when I tried to test it, I didn’t get any notification in my mail from my website. Please what could be the cause?

    Thank you

  5. Thanks! this plugin is nice. i am using it and it is very simple & easy to build forms in less time.

  6. Wow! It sure doesn’t get any easier than that!

    Great instructions! Nice slow talking too, easy to understand.

    Keep up the GREAT work!

  7. I’ve installed WPForms Lite and activated it but it doesn’t show up in the side menu bar in WordPress. I can see it in the Plugins but I don’t have an option to select settings just deactivate.
    So I’m unable to access the plugin at all. Any suggestions?
    Cheers, Geoff

    • You may want to try reinstalling the plugin in case there was a hiccup with your download. Otherwise, please reach out directly to WPForms’ support and they would be able to assist.

      Admin

  8. please when i click on submit, i go to my mail and i dont see any mail

    i have tried it several times

  9. I am getting very frustrated with your tutorials. They seem to be out of date because the view that I get is different than what you are showing. Please update these tutorials.

  10. I just installed WPForms and created a contact form for my website.

    When I visit the contact page, I see two contact forms; the one from WPForms and another one. I don’t have any other form plugin except WPForm.

    How can I resolve this?

    • By default, WordPress does not have a contact form tool, you would want to check through your plugins again for plugins that add a contact form tool.

      Admin

      • I later found out that the problem was from my theme. I contacted support and they gave me a code to disable it.

        Thanks for your feedback.

  11. I have my form set up but when I test it in my site and click the submit button nothing happens. I set it up using the block editor.

  12. Hi. I am unable to add the contact form in Pages. When I click on Pages in my dashboard, there is no Add Forms field. Is there another way? I am on localhost.

  13. I have installed the WPforms plugin. but where do i check my form entries from? I am unable to see the entries that my viewers are giving. Please help.

    • Under the WPForms menu item, there should be entires as an option. If you are unable to see the entires, you would want to reach out to WPForms’ support and they would assist with your specific issue.

      Admin

    • You’re welcome, our guide should work for every WordPress.org site so it should work for you as well :)

      Admin

    • If you are editing a post/page with the block editor you would want to add the WPForms block instead of looking for a button :)

      Admin

  14. I need help, I have created a form and would like to know how I can receive the information once submit button is pressed, where does my information go.

    • It would depend on what form you are using but the default is to email the submissions to the email under Settings>General

      Admin

  15. I have made my contact form too many times to count. I have tried to upload it also several times. it will be in the preview. It will NOT publish.
    I have followed your directions every time. I have invested over ten hours on this one edit.
    What am I doing wrong?

    • It would depend on which plugin you’re using. If you reach out to your contact form plugin’s support they should be able to assist with what the issue could be.

      Admin

  16. Thanks for the great tutorial! Off to update and activate my Contact Form. Let the emails begin :)

  17. Do we have to install another plugin, if we upgrade from the lite version to WPForms Pro?

    • When you add your license key the lite version should replace itself with the pro version for you.

      Admin

  18. This is great…sounds easy enough. I’m going to try it with my granddaughters website. Thanks…

  19. The contact form is one of the must have elements of a website.
    This article is all you need to learn making the best and proffessional contact form.

    • That’s quite strange, you could start by disabling your other plugins to see if it is a plugin conflict. Otherwise, please reach out to WPForms’ support directly and they should be able to assist with the issue :)

      Admin

  20. I’ve installed WP forms Lite, but can’t see the configuration options anywhere in settings – there isn’t much at all there. Any clues?

    • It would depend on what specific option you’re looking for as some options are in the forms themselves. If you reach out to the plugin’s support they can help point you to what you’re looking for :)

      Admin

  21. I created the Simple contact form and the problem I am having is the email that is sent goes into the Junk Email folder. I have tried adding the domain and sender as safe but it still goes to Junk Email. How can I stop this?

  22. Hi there, thank you for your insightful articles, they have helped me a lot!
    I am wondering if you know how to insert a code that allows the user to remove a file that has been uploaded to a Contact 7 form? Say it was uploaded by mistake and they want to remove it and try again. At the moment my form doesn’t allow me to delete any uploaded files… Appreciate your help.

    • For a question specific to contact form 7, you would want to reach out to the plugin’s support and they should be able to assist.

      Admin

  23. Thanks for the wonderful article, I have been following it to create my site but I have problem with adding my Form to the contact page. When I click on add page it opens a bar to add title but I don’t see the add form option. I have not been able to add my contacts form to my contacts page.
    Please I need you to help me. Thanks

  24. When I make a new page, I don’t see an “add form” button. This is WP 5.0.2, freshly reset.

    • For the new blocks editor you would want to add a WPForms block and that would allow you to add the form :)

      Admin

  25. Thank you for your hard work and the videos. I learn a lot from your videos. However, one thing I noticed consistently is that often you skip some steps or zip past a simple action that confuses the newcomers, especially when you are ‘WPbeginner’ instructors. Example. While tutoring the making of a Contact Us form, before publishing/updating it, you zipped past the text We’d Love to Hear From You text. This is the text you entered but did not show and that confused me a lot as to how come that text did not show up in my form because I have been following you step by step to create the form on my new website while I am watching your video. I went back and forth and created 4 forms to no avail–the text just would not show up. Then I said to my self, what the heck! and entered it on my own and proceeded to remaining video. I noticed the same issue in your other videos as well. Could you be a little slower and specific? Please note, this is not a criticism; this is a constructive suggestion. You folks do a great job and without you, I would not have my website created on my own and I would not be writing to you here. Thanks a million for doing this

    • Hi Himanshu,

      Thank you for your kind feedback, we really appreciate it. We are aware of the issue you are referring to, and our team is continuously working on improving the videos. We will put more effort into it.

      Meanwhile, if you are unable to follow instructions shown in a video or one of our tutorials, then please do not hesitate to ask us. You can do so by leaving a comment or sending us a message using the contact form on our website. We try our best to answer all user questions.

      Admin

  26. The simple form is all I need and it looks good and is looking good on cell phone too.

    I set the reCaptcha up but it doesn’t show up on the contact page where the form code is.

    Is there a short code for that also? and if so where in the settings is it?

    Thanks…

  27. Hello,
    I followed al the steps, I see the contact form on my site. I can fill in a message, and after I submit the message I neatly see the ‘thank you’ message. Butt.. I do nog receive the mesage in my e-mail account. What am I doing wrong?
    Thank you very much for your answer on this.
    Regards, Michel

Leave a Reply to santoshrana Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.