{"id":671,"date":"2018-10-14T11:37:46","date_gmt":"2018-10-14T06:07:46","guid":{"rendered":"https:\/\/awpguide.com\/?p=671"},"modified":"2018-12-08T19:24:51","modified_gmt":"2018-12-08T13:54:51","slug":"how-to-create-contact-forms-using-wpforms","status":"publish","type":"post","link":"https:\/\/awpguide.com\/wp-guides\/how-to-create-contact-forms-using-wpforms\/","title":{"rendered":"How To Create Contact Forms Using WPForms"},"content":{"rendered":"<p>Last day, we have taught you <a title=\"How To Create Contact Forms Using Contact Form 7\" href=\"https:\/\/awpguide.com\/wp-guides\/how-to-create-contact-forms-using-contact-form-7\/\">how can you create a contact form using Contact Form 7<\/a>. In this post, we are going to show you another free and drag and drop plugin <a class=\"thirstylink\" title=\"WPForms\" href=\"https:\/\/awpguide.com\/refer\/wpforms\/\" rel=\"nofollow noopener\">WPForms<\/a>. You can read how to create contact form using WPForms from here.<\/p>\n<h2>How To\u00a0Create Contact Forms Using WPForms<\/h2>\n<p>First of all, you need to go to the WordPress admin area and add new plugins. There, you need to search for <a title=\"WPForms Lite\" href=\"https:\/\/wordpress.org\/plugins\/wpforms-lite\/\" rel=\"nofollow noopener\">WPForms<\/a>. Simply install the plugin there.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-749\" title=\"install WPForms plugin\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/install-WPForms-plugin.png\" alt=\"Create Contact Forms Using WPForms\" width=\"1180\" height=\"620\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/install-WPForms-plugin.png 1180w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/install-WPForms-plugin-300x158.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/install-WPForms-plugin-768x404.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/install-WPForms-plugin-1024x538.png 1024w\" sizes=\"(max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<p>After installing, activate the plugin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-750\" title=\"activate WPForms\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/activate-WPForms.png\" alt=\"activate WPForms lite plugin\" width=\"1174\" height=\"575\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/activate-WPForms.png 1174w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/activate-WPForms-300x147.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/activate-WPForms-768x376.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/activate-WPForms-1024x502.png 1024w\" sizes=\"(max-width: 1174px) 100vw, 1174px\" \/><\/p>\n<p>You can see a new menu called WPForms on the left bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-751\" title=\"WPForms settings\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-settings.png\" alt=\"WPForms plugin settings\" width=\"1139\" height=\"626\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-settings.png 1139w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-settings-300x165.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-settings-768x422.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-settings-1024x563.png 1024w\" sizes=\"(max-width: 1139px) 100vw, 1139px\" \/><\/p>\n<p>You don&#8217;t have a form right now. So, you need to create one.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-752\" title=\"add new WPForms form\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/add-new-WPForms-form.png\" alt=\"add new contact form using WPForms\" width=\"1150\" height=\"567\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/add-new-WPForms-form.png 1150w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/add-new-WPForms-form-300x148.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/add-new-WPForms-form-768x379.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/add-new-WPForms-form-1024x505.png 1024w\" sizes=\"(max-width: 1150px) 100vw, 1150px\" \/><\/p>\n<p>Name your form and choose the simple contact form from the list.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-753\" title=\"WPForms name\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-name.png\" alt=\"WPForms new form\" width=\"1360\" height=\"654\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-name.png 1360w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-name-300x144.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-name-768x369.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-name-1024x492.png 1024w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" \/><\/p>\n<p>By default, there will be 3 fields.<\/p>\n<ul>\n<li>Name<\/li>\n<li>Email<\/li>\n<li>Message<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-754\" title=\"WPForms contact form fields\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-contact-form-fields.png\" alt=\"wpforms fields\" width=\"1362\" height=\"598\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-contact-form-fields.png 1362w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-contact-form-fields-300x132.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-contact-form-fields-768x337.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-contact-form-fields-1024x450.png 1024w\" sizes=\"(max-width: 1362px) 100vw, 1362px\" \/><\/p>\n<p>You can drag and drop the fields from the left side from your form field. In my case, I wish to add a subject field. Simply drag a single line tet to the form and configure it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-755\" title=\"wpforms subject field\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-subject-field.png\" alt=\"adding subject filed in WPForms\" width=\"1254\" height=\"652\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-subject-field.png 1254w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-subject-field-300x156.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-subject-field-768x399.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-subject-field-1024x532.png 1024w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/><\/p>\n<p>For a basic form, the default fields are good enough. Go to the notification settings. There, you can configure the email address, subject line and reply to emails. By default, the form will send every new email\u00a0to the WordPress admin email address.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-756\" title=\"WPForms notifications\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-notifications.png\" alt=\"WPForms notification settings\" width=\"1353\" height=\"598\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-notifications.png 1353w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-notifications-300x133.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-notifications-768x339.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-notifications-1024x453.png 1024w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/p>\n<p>Now, save the form.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757\" title=\"save WPForms\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/save-WPForms.png\" alt=\"save contact form by WPForms\" width=\"1261\" height=\"595\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/save-WPForms.png 1261w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/save-WPForms-300x142.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/save-WPForms-768x362.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/save-WPForms-1024x483.png 1024w\" sizes=\"(max-width: 1261px) 100vw, 1261px\" \/><\/p>\n<p>The form will give you a custom shortcode. You need to copy it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-758\" title=\"WPForms shortcode\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-shortcode.png\" alt=\"free WPForms contact form shortcode\" width=\"1190\" height=\"558\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-shortcode.png 1190w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-shortcode-300x141.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-shortcode-768x360.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/WPForms-shortcode-1024x480.png 1024w\" sizes=\"(max-width: 1190px) 100vw, 1190px\" \/><\/p>\n<p><a title=\"How To Create Pages In WordPress\" href=\"https:\/\/awpguide.com\/wp-guides\/how-to-create-pages-in-wordpress\/\">Create a page<\/a> for adding the code. Something like General Inquiry or Contact Us. After that, paste the copied shortcode on the page, publish or update the page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-759\" title=\"update wpforms contact page\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/update-wpforms-contact-page.png\" alt=\"update shortcode of WPForms\" width=\"1167\" height=\"556\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/update-wpforms-contact-page.png 1167w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/update-wpforms-contact-page-300x143.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/update-wpforms-contact-page-768x366.png 768w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/update-wpforms-contact-page-1024x488.png 1024w\" sizes=\"(max-width: 1167px) 100vw, 1167px\" \/><\/p>\n<p>Check your website from the front end. You can see the contact form there.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-760\" title=\"wpforms contact page\" src=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-contact-page.png\" alt=\"WPForms contact form active\" width=\"839\" height=\"565\" srcset=\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-contact-page.png 839w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-contact-page-300x202.png 300w, https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wpforms-contact-page-768x517.png 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/p>\n<p>You can test the contact form by sending an email through it. It will be sent to your WordPress admin email address.<\/p>\n<p>We hope you enjoyed the read and found it useful. If you did, please consider sharing this post with your friends and fellow bloggers. For more related posts, check out <a title=\"AWPGuide Blog\" href=\"\/blog\">our blog section<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last day, we have taught you how can you create a contact form using Contact Form 7. In this post, &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How To Create Contact Forms Using WPForms\" class=\"read-more button\" href=\"https:\/\/awpguide.com\/wp-guides\/how-to-create-contact-forms-using-wpforms\/#more-671\" aria-label=\"Read more about How To Create Contact Forms Using WPForms\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":761,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/posts\/671"}],"collection":[{"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/comments?post=671"}],"version-history":[{"count":0,"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/posts\/671\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/media\/761"}],"wp:attachment":[{"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/media?parent=671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/categories?post=671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/awpguide.com\/wp-json\/wp\/v2\/tags?post=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}