{"id":1344,"date":"2022-03-06T18:03:04","date_gmt":"2022-03-06T23:03:04","guid":{"rendered":"https:\/\/basicwebguide.com\/?p=1344"},"modified":"2022-03-06T18:03:04","modified_gmt":"2022-03-06T23:03:04","slug":"how-to-add-contact-form-in-wordpress-a-guide-for-contact-form","status":"publish","type":"post","link":"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/","title":{"rendered":"How To Add Contact Form In WordPress? A Guide For Contact Form"},"content":{"rendered":"<p>The Contact form is the best way to <strong>create a communication path<\/strong> with your users and visitors. Every website should have a contact form, so its users can easily communicate and submit queries. In this article, we will learn <strong>how to add contact form in WordPress<\/strong> in a step-to-step guide.<\/p>\n<p>Unfortunately, <strong>WordPress doesn&#8217;t have any inbuilt feature<\/strong> to add a contact form to a site, but thankfully, it has tons of <strong>amazing plugins<\/strong> for this. You can easily create a <strong>contact form<\/strong> in WordPress within minutes only and provide a <strong>user interactive platform<\/strong> for visitors.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_61 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#Why_do_you_need_a_Contact_Form_in_WordPress\" title=\"Why do you need a Contact Form in WordPress?\">Why do you need a Contact Form in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#How_to_add_contact_form_in_WordPress\" title=\"How to add contact form in WordPress?\">How to add contact form in WordPress?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#Step_1_Install_WPForms_Plugin\" title=\"Step 1. Install WPForms Plugin\">Step 1. Install WPForms Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#Step_2_Create_a_Contact_form_in_WordPress\" title=\"Step 2. Create a Contact form in WordPress\">Step 2. Create a Contact form in WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#Step_3_Add_notification_email_and_confirmation_message\" title=\"Step 3. Add notification email and confirmation message\">Step 3. Add notification email and confirmation message<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#Step_4_Add_WordPress_Contact_form_to_a_page\" title=\"Step 4. Add WordPress Contact form to a page\">Step 4. Add WordPress Contact form to a page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#Step_5_Add_contact_form_to_the_widget\" title=\"Step 5. Add contact form to the widget\">Step 5. Add contact form to the widget<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/basicwebguide.com\/how-to-add-contact-form-in-wordpress-a-guide-for-contact-form\/#Final_Words\" title=\"Final Words\">Final Words<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Why_do_you_need_a_Contact_Form_in_WordPress\"><\/span><strong>Why do you need a Contact Form in WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-1346 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-122633.jpg\" alt=\"how to add contact form in WordPress\" width=\"736\" height=\"691\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-122633.jpg 736w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-122633-300x282.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-122633-20x20.jpg 20w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/><\/p>\n<p>Before starting how to add contact form in WordPress, you may wonder that <strong>do you really need<\/strong> a contact form? Instead of that, why you shouldn&#8217;t add an <strong>email newsletter to my website<\/strong> and gain subscribers?<\/p>\n<p>These questions are <strong>legitimate and notable,<\/strong> especially if you are a beginner. Your users can <strong>subscribe to your mail list<\/strong> and comment in the comment section; then, why there is a need for a contact form? Irritated by spammy comments? Read <span style=\"color: #3366ff;\"><strong><a style=\"color: #3366ff;\" href=\"https:\/\/basicwebguide.com\/how-to-disable-wordpress-comments\/\">how to disable WordPress comments.<\/a><\/strong><\/span><\/p>\n<p>As you can see in the <strong>above screenshot<\/strong>, the contact form is not only like a <strong>subscribe email<\/strong> but a comprehensive form. Following are the reasons <strong>why add contact form<\/strong> in WordPress:<\/p>\n<ul>\n<li><strong>Improve user experience:<\/strong> This is the most crucial reason to have a <strong>contact form on site<\/strong>. When a user <strong>visits the site<\/strong> and loves the content, and at the same time, he\/she has a <strong>specific query<\/strong> related to service, then he can contact you easily by filling out the form.<\/li>\n<li><strong>Professionalism:<\/strong> The contact forms offer a <strong>professional medium<\/strong> to resolve queries instead of bogus conversations on the comment box.<\/li>\n<li><strong>Spam protection:<\/strong> Spammers are always targeting a site to pull down the authenticity by creating a &#8220;<strong>spam wall.<\/strong>&#8221; The email subscribing list is on the radar of direct attack with the bombardment of <strong>irrelevant emails.<\/strong> Contact form provides the solution and provides a secure as well as a clear communication path.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_to_add_contact_form_in_WordPress\"><\/span><strong>How to add contact form in WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Great! You have learned what is contact form and why it is important for your WordPress site. As I already mentioned that WordPress doesn&#8217;t have an <strong>in-built contact form,<\/strong> and you can create contact form with the plugin. Now, it is time to explore how to add contact form in WordPress in an easy way.<\/p>\n<p>You can choose <strong>any plugin<\/strong> for creating a contact form at your convenience; however, I am using <span style=\"color: #3366ff;\"><strong><a style=\"color: #3366ff;\" href=\"https:\/\/wordpress.org\/plugins\/wpforms-lite\/\" target=\"_blank\" rel=\"noopener\">WPForms<\/a><\/strong><\/span> which is user-friendly and easy to use for this tutorial. Follow the <strong>step-by-step guide<\/strong> below to add contact form to your WordPress site.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Install_WPForms_Plugin\"><\/span><strong>Step 1. Install WPForms Plugin<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>Log in<\/strong> to your WordPress dashboard and look for a plugin on the sidebar.<\/li>\n<li>Click on the <strong>Plugin<\/strong> option, which leads to the new page.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-1348 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-125738.jpg\" alt=\"How to add contact form in WordPress\" width=\"1866\" height=\"469\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-125738.jpg 1866w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-125738-300x75.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-125738-1024x257.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-125738-768x193.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-125738-1536x386.jpg 1536w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-125738-20x5.jpg 20w\" sizes=\"(max-width: 1866px) 100vw, 1866px\" \/><\/p>\n<ul>\n<li>Select <strong>add new<\/strong> button to search a plugin; <strong>Plugins &gt;&gt; Add New.<\/strong><\/li>\n<li>Type <strong>WPForms<\/strong> on the search bar and hit enter button.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-1349 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-131219.jpg\" alt=\"how to create contact form\" width=\"777\" height=\"303\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-131219.jpg 777w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-131219-300x117.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-131219-768x299.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-131219-20x8.jpg 20w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/p>\n<ul>\n<li>Install and activate the plugin.<\/li>\n<li>Once activated, click on <strong>create your first form.<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1351 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-132335.jpg\" alt=\"How to add contact form in WordPress\" width=\"924\" height=\"271\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-132335.jpg 924w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-132335-300x88.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-132335-768x225.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-132335-20x6.jpg 20w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/p>\n<ul>\n<li>If you already have WPForms, then it was on the sidebar; click on add new.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Create_a_Contact_form_in_WordPress\"><\/span><strong>Step 2. Create a Contact form in WordPress<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Now you are on the dashboard of a new contact form page. <strong>Name your contact form<\/strong> before starting building the form.<\/p>\n<ul>\n<li>You can see various templates like blank forms, newsletters, etc. For a basic understanding, I am selecting the <strong>Simple Contact Form.<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1352 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-133203.jpg\" alt=\"Create a contact form\" width=\"1717\" height=\"574\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-133203.jpg 1717w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-133203-300x100.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-133203-1024x342.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-133203-768x257.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-133203-1536x513.jpg 1536w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-133203-20x7.jpg 20w\" sizes=\"(max-width: 1717px) 100vw, 1717px\" \/><\/p>\n<ul>\n<li>Hover the mouse over the simple contact form and click on <strong>Use template.<\/strong><\/li>\n<li>The <strong>simple<\/strong> WordPress Contact form appears on the screen.<\/li>\n<li>On the <strong>left side<\/strong>, you can see various buttons and fields to edit.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1354 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152132.jpg\" alt=\"How to add contact form in WordPress\" width=\"1861\" height=\"787\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152132.jpg 1861w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152132-300x127.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152132-1024x433.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152132-768x325.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152132-1536x650.jpg 1536w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152132-20x8.jpg 20w\" sizes=\"(max-width: 1861px) 100vw, 1861px\" \/><\/p>\n<ul>\n<li>Your changes are displayed on the<strong> right side.<\/strong><\/li>\n<li>You can add standard fields like drop-down, multiple-choice, fancy fields like website\/URL, signature, and payment fields as well.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1355 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152621.jpg\" alt=\"Create wordpress contact form\" width=\"433\" height=\"718\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152621.jpg 433w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152621-181x300.jpg 181w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-152621-12x20.jpg 12w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/><\/p>\n<ul>\n<li>Preview your editing and form at the top right side. If all are good, then click on the <strong>Save<\/strong> button.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Add_notification_email_and_confirmation_message\"><\/span><strong>Step 3. Add notification email and confirmation message<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Notification email and confirmation message are <strong>two important aspects<\/strong> of a contact form. Once you have created a <strong>WordPress Contact form<\/strong>, you must configure these settings properly; otherwise, the Contact form loop is incomplete.<\/p>\n<p>A <strong>notification email<\/strong> is a mail that you will collect after a visitor submits the form at your website. While the <strong>confirmation message<\/strong> is a message that is shown to a visitor who submits the form. Confirmation messages could be <strong>thank you, congratulations, etc.<\/strong><\/p>\n<ul>\n<li>Stay on the contact form page that you just create and look for the <strong>settings<\/strong> tab.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1356 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-154553.jpg\" alt=\"how to create contact form in wordpress\" width=\"555\" height=\"568\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-154553.jpg 555w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-154553-293x300.jpg 293w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-154553-20x20.jpg 20w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/p>\n<ul>\n<li>Click on the <strong>Notification<\/strong> option.<\/li>\n<li>Notification editing options appear on the right side of the screen.<\/li>\n<li>Activate the <strong>enable<\/strong> notification toggle.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1357 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-155442.jpg\" alt=\"how to add contact form in wordpress\" width=\"649\" height=\"763\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-155442.jpg 649w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-155442-255x300.jpg 255w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-155442-17x20.jpg 17w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/p>\n<ul>\n<li>Fill in the required areas like email sender, receiver, email subject, email message, and click on the <strong>Save<\/strong> button at the top of the page.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1359 aligncenter\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164547-300x192.jpg\" alt=\"Add notification email and confirmation message\" width=\"300\" height=\"192\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164547-300x192.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164547-20x13.jpg 20w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164547.jpg 550w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<ul>\n<li>Similarly, click on the <strong>confirmation<\/strong> option and start editing on the right side of the page.<\/li>\n<li>Select confirmation types like message, page, URL.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1360 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164630.jpg\" alt=\"how to add contact form in wordpress\" width=\"1048\" height=\"534\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164630.jpg 1048w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164630-300x153.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164630-1024x522.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164630-768x391.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-164630-20x10.jpg 20w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" \/><\/p>\n<ul>\n<li>Type your <strong>confirmation message<\/strong> what you want to show to the user and <strong>save<\/strong> the setting.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Add_WordPress_Contact_form_to_a_page\"><\/span><strong>Step 4. Add WordPress Contact form to a page<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Once you finished creating the Contact form settings, now time to add this form to the WordPress page. If you already have a suitable page then learn <strong><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/basicwebguide.com\/how-to-edit-pages-in-wordpress\/\">how to edit WordPress pages<\/a><\/span><\/strong>.<\/p>\n<ul>\n<li>Create a new page or add the contact form to an existing page; <strong>Pages &gt;&gt; Add New.<\/strong><\/li>\n<li>New page open on your text editor.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1361 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172303.jpg\" alt=\"how to add contact form in wordpress\" width=\"849\" height=\"388\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172303.jpg 849w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172303-300x137.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172303-768x351.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172303-20x9.jpg 20w\" sizes=\"(max-width: 849px) 100vw, 849px\" \/><\/p>\n<ul>\n<li>Look for <strong>WPForms<\/strong> on the editor (or click on the small + button and search WPForms) and add it as a new block to the page.<\/li>\n<li>Select your <strong>recently created<\/strong> contact form from the drop-down menu.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1362 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172737.jpg\" alt=\"add a contact form to site\" width=\"927\" height=\"555\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172737.jpg 927w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172737-300x180.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172737-768x460.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-172737-20x12.jpg 20w\" sizes=\"(max-width: 927px) 100vw, 927px\" \/><\/p>\n<ul>\n<li>The contact form will be <strong>loaded<\/strong> on the new page.<\/li>\n<li><strong>Publish<\/strong> the page.<\/li>\n<\/ul>\n<p><strong>Congratulations<\/strong>! You have completed the tutorial on how to add contact form in WordPress. Now you can view the contact form page by visiting your website.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Add_contact_form_to_the_widget\"><\/span><strong>Step 5. Add contact form to the widget<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This is the <strong>final but optional step<\/strong> of adding a Contact form to the site. This step is useful if you want to add Contact form to the sidebar or to the widget of the site.<\/p>\n<ul>\n<li>Go to the WordPress dashboard and look for the <strong>WPForms<\/strong> option.<\/li>\n<li>Head to the recently created contact form.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1363 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-174948.jpg\" alt=\"Add contact form to widget\" width=\"1414\" height=\"235\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-174948.jpg 1414w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-174948-300x50.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-174948-1024x170.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-174948-768x128.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-174948-20x3.jpg 20w\" sizes=\"(max-width: 1414px) 100vw, 1414px\" \/><\/p>\n<ul>\n<li>In front of the form title, you can see the <b>short code<\/b>, copy it.<\/li>\n<li>Paste this shortcode to any page or post.<\/li>\n<li>Now again head to the WordPress admin area or dashboard.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1364 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175635.jpg\" alt=\"How to add contact form in WordPress\" width=\"469\" height=\"375\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175635.jpg 469w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175635-300x240.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175635-20x16.jpg 20w\" sizes=\"(max-width: 469px) 100vw, 469px\" \/><\/p>\n<ul>\n<li>Look for the appearance option then click on widgets; <strong>Appearance &gt;&gt; Widgets.<\/strong><\/li>\n<li>Here you can see the WPForms widget.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1365 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175206.jpg\" alt=\"How To Add Contact Form In WordPress\" width=\"907\" height=\"337\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175206.jpg 907w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175206-300x111.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175206-768x285.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-06-175206-20x7.jpg 20w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/p>\n<ul>\n<li><strong>Add a title<\/strong> to the widget whatever you want and select the contact form you created using the <strong>drop-down<\/strong> button.<\/li>\n<li>Finally, <strong>save<\/strong> the setting. You can either see the <strong>preview or visit<\/strong> the website to ensure everything goes according to the plan.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Final_Words\"><\/span><strong>Final Words<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This is all about <strong>how to add contact form in WordPress<\/strong> and I hope you like the tutorial. We have discussed the contact form and their necessity for a website in detail. If you follow this easiest guide on adding contact forms in WordPress, then I assure you that you will not face any issues.<\/p>\n<p><strong>WPForms<\/strong> is the best solution for pro bloggers as well as very convenient for new users. However, you can choose any other <strong>contact form plugin<\/strong> that suits you and follow this guide on other plugins too. If you face any problems while creating a WordPress contact form, let me know through comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Contact form is the best way to create a communication path with your users and visitors. Every website should have a contact form, so its users can easily communicate and submit queries. In this article, we will learn how to add contact form in WordPress in a step-to-step guide. Unfortunately, WordPress doesn&#8217;t have any [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1368,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[1743,1755,1747,1742,1746,1749,1751,1754,1761,1737,1760,1736,1740,1753,1738,1757,1739,1752,1758,1744,1741,1756,1750,1748,1745,1759],"_links":{"self":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1344"}],"collection":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/comments?post=1344"}],"version-history":[{"count":9,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1344\/revisions"}],"predecessor-version":[{"id":1370,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1344\/revisions\/1370"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media\/1368"}],"wp:attachment":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media?parent=1344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/categories?post=1344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/tags?post=1344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}