How to Create a Contact Form in WordPress

How to Create a Contact Form in WordPress

Are you looking to add a contact form on your WordPress site? Contact forms can certainly help your readers get in contact with you for any reason that you can imagine. In this video we will show you how to create a contact form for your site as simply as possible.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Summary of this tutorial:

For creating your contact form, you would first want to decide on a form plugin. For that purpose we recommend WPForms:

With the plugin selected you would want to add it under Plugins, Add New. Search for WPForms and click to install and activate the plugin.

When starting with WPForms you would go under WPForms, Add New to begin creating a form. Add the name for the form and select Simple Contact Form as that is what we are wanting to add to the site.

You will be given options for different fields you can add or you can leave it with the default fields as they are already set up with some of the standard fields with a contact form.

Each has some customization options on the left once selected for letting you change the title of it and a few other options.

You can add the shortcode to a post or page by visiting the page editor and there will be a new add form button. Select the form you created and then click add form to insert the shortcode for you.

Should you want the form in a widget you can use the WPForms widget that allows you to select the form for you to add and then save.

Posted in

28 Comments

  1. Pick Cick on January 23, 2017 at 4:28 pm

    Nice one. Keep it coming. Thanks.

  2. Martin Newbie Affiliate on January 26, 2017 at 8:13 am

    Nice little plugin, one to use for my clients, thanks for sharing

  3. Una Neary on May 28, 2017 at 8:31 am

    Thank you for this. Been looking for an alternative to Contact Form 7 which seems to now play up since the last update. Love your videos – because they are short and straight to the point.

  4. david bourke on May 30, 2017 at 3:07 am

    Thanks, great help. great channel.

  5. harsh sharma on June 5, 2017 at 4:10 pm

    hey how do you make those beautigul thumbnails
    what software do you use to create??

    • WPBeginner - WordPress Tutorials on June 5, 2017 at 6:50 pm

      We use photoshop to modify the images and add text.

  6. ShawnJames310 on June 26, 2017 at 12:39 am

    dang i love you thank you so much

  7. Honeybee Baldridge on July 13, 2017 at 12:19 am

    This was incredibly helpful! Thanks so much!

  8. DaddyLoopsMusic on October 2, 2017 at 9:03 pm

    thankyou for this great information, love your work

  9. Jesus Loves on January 27, 2018 at 10:09 am

    Thanks, it was very Helpful

  10. Lisa West on February 28, 2018 at 7:56 pm

    Thank you!! That was so easy and helpful!! πŸ™‚

  11. Patricia Johnson on March 16, 2018 at 9:23 am

    Thank you, awesome

  12. Arsalaan Khan on April 2, 2018 at 9:55 am

    Amazing ! Thank you so much .

  13. Nishit Patel on June 4, 2018 at 3:11 pm

    Thank you.

  14. Ashkan Ahmadi on July 10, 2018 at 8:52 pm

    Thank you I did exactly as you but I do not receive any email :/

  15. John Ciampa on March 2, 2019 at 8:43 pm

    Thank you!

    • WPBeginner - WordPress Tutorials on March 5, 2019 at 4:58 pm

      You’re welcome πŸ™‚

  16. swtbrry32 on April 18, 2019 at 2:16 am

    This plugin works with all WP themes?

    • WPBeginner - WordPress Tutorials on April 18, 2019 at 4:00 pm

      It should as long as the theme does not specifically state it does not support the plugin for some reason

  17. david sena on May 28, 2019 at 9:53 am

    i keep getting some false false embedded texts in the code, any help with that?

    • WPBeginner - WordPress Tutorials on May 28, 2019 at 7:44 pm

      It would depend on what you are seeing, if you reach out to the plugin’s support they should be able to help remove the embedded text πŸ™‚

  18. Kevin Allen on June 27, 2019 at 4:08 pm

    Hey there great tutorial. I have a question though when I click on my contact page edit button it brings me to a page that looks different then the page you show my page just says contact and then underneath that it says edit with elementor Which would bring me to the standard edit page with an elementary I don’t see anywhere where it allows me to add to form any suggestions would be greatly appreciated.

    • WPBeginner - WordPress Tutorials on July 1, 2019 at 5:41 pm

      It sounds like you’re looking at a pre-generated contact page created by Elementor. You would want to create the contact form in the WPForms admin area then add the shortcode or WPForms block to the page depending on what Elementor allows

  19. Cris Beilstein on July 16, 2019 at 10:00 pm

    Thank you – great tutorial… I’ve been putting off tackling this for months because I thought it would be hairy. You made it a 10 min job!

    • WPBeginner - WordPress Tutorials on July 17, 2019 at 2:18 pm

      Glad our guide could help make this an easy process πŸ™‚

  20. Astrokid on October 10, 2019 at 8:52 am

    thank u so much, GOD bless you

    • WPBeginner - WordPress Tutorials on October 10, 2019 at 2:33 pm

      You’re welcome πŸ™‚

Leave a Comment

You must be logged in to post a comment.

How to S.T.A.R.T.

an Online Business

Learn how to choose a profitable business model, get the funding you need, pick a market, refine your plan and launch your business!

Free 5 Day Mini Course

Let me build your blog and it will be...

NEED A BLOG?

DONE RIGHT.

 

DONE FAST.

Save Time. Save Money.