{"id":8195,"date":"2021-07-27T11:09:02","date_gmt":"2021-07-27T11:09:02","guid":{"rendered":"https:\/\/colibriwp.com\/blog\/?p=8195"},"modified":"2021-07-22T11:45:42","modified_gmt":"2021-07-22T11:45:42","slug":"how-to-create-wordpress-forms","status":"publish","type":"post","link":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/","title":{"rendered":"How to Create WordPress Forms for Better User Engagement"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Many aspects contribute to the overall user experience of your website &#8211; whether they are pages, posts, layouts, images, WordPress forms, and so on. In order for a website to be successful, catchy, and visually appealing to users, you need to pay attention to these elements.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Therefore, if you own a WordPress website and you\u2019ve pieced together some of the most important pages and posts, you\u2019ll need a form to keep your visitors in contact with you.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What\u2019s a form, you might ask. A form is a structured document that has a specific purpose. It offers you a way to easily collect data as well as creating a database with your visitors for marketing purposes. Basically, it has some fields that a user needs to fill in, in exchange for something.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Below I\u2019ll list some types of online forms you need on your website. Stay close!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Best case practices<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Every website needs a form &#8211; whether it\u2019s a form of website design or a form that helps you gather contacts. They may not be bringing the creativity out, but they\u2019ll surely skyrocket your website\u2019s conversion rate. Let\u2019s see some of the best case practices!<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\n<h3><span style=\"font-weight: 400;\">Contact form<\/span><\/h3>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8203\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image6.jpg\" alt=\"Contact form\" width=\"1000\" height=\"512\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This one is a must! <\/span><span style=\"font-weight: 400;\">Having a <a href=\"https:\/\/colibriwp.com\/blog\/how-to-add-a-contact-form-in-wordpress\/\">contact form on your WordPress website<\/a> will allow your visitors to get in touch with you. This way, you\u2019ll provide professional customer service and gain happy clients. When using a contact form, you can add various fields for specific information that you want to collect.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\n<h3><span style=\"font-weight: 400;\">User registration<\/span><\/h3>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8202\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image5.jpg\" alt=\"User registration form\" width=\"1000\" height=\"638\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If you want to let people register to your website, you can easily create their accounts with a user registration form. You can specify various custom roles for your users, such as admin, editor, guest, contributor, etc.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\n<h3><span style=\"font-weight: 400;\">GDPR compliant form<\/span><\/h3>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8204\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image7-1.png\" alt=\"GDPR-friendly contact form\" width=\"1000\" height=\"680\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Since the GDPR came into force, many methods of getting consent are no longer valid. To keep everything legal and ensure that you can use the collected data, you\u2019ll need a GDPR compliant form on your website.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\n<h3><span style=\"font-weight: 400;\">Pop up form<\/span><\/h3>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8199\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image2-1.jpg\" alt=\"Pop-up form\" width=\"1000\" height=\"782\" \/><\/p>\n<p><span style=\"font-weight: 400;\">How does a <\/span><a href=\"https:\/\/kaliforms.com\/blog\/wordpress-popup-form\/\"><span style=\"font-weight: 400;\">pop-up form<\/span><\/a><span style=\"font-weight: 400;\"> work? Well, instead of placing the form on a new page or post, it will simply open in a popup. Lately, it has become a trend, and<\/span> <span style=\"font-weight: 400;\">it will be much easier for your visitors to get in touch with you without having to leave the page.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\n<h3><span style=\"font-weight: 400;\">Multi-page form<\/span><\/h3>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8205\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image8-1.png\" alt=\"Multistep form\" width=\"1000\" height=\"893\" \/><\/p>\n<p><span style=\"font-weight: 400;\">When people see comprehensive forms with many fields to fill in, they tend to leave your website. But we\u2019ve got a solution for you &#8211; a form that is divided into pages. Splitting forms into pages will help you increase website conversion rates and not lose customers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It seems easy-peasy to create an online form, right? Au contraire! As simple as it may appear, if you want to keep your visitors engaged, there are some configurations you need to keep in mind.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">10 Dos and Don\u2019ts of online forms<\/span><\/h2>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u2705 Make it relevant<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">First of all, you\u2019ll need to think about what type of form you want to create for your website. Regarding your topic\u2019s form, you can start building it and adding fields that match the purpose of your form.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u2705 Keep it cool and simple<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Don\u2019t make your form too long by adding many questions. Make it simple for your website\u2019s visitors and add only the essential questions. This way, your visitors won\u2019t leave the form and will fill it out carefully.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u274c Don\u2019t be ambiguous<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">When building comprehensive forms, there will be the possibility to include questions that need additional information for your visitors. Ensure that you provide all the necessary information they need to be able to fill in your form.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u2705 Add a descriptive title<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Every time you want to create a form for your website, add a simple and clear title to let visitors know what they fill in. Don\u2019t try to add complex words because you\u2019ll confuse people. If you want to create a contact form for your page, just write these two words to make it clear and straightforward.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u2705 Always start with friendly questions<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Whatever type of form you create, always start with easy queries like first and last name, phone number, email, address, etc. And always build your questions logically by starting with personal information and then continuing with specific questions.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u274c Don\u2019t use long forms<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If you\u2019re creating a form that contains more queries, I advise you to break it into more pages with a progress bar. Forms with many fields might bore your visitors, and a multi-page form will decrease the chances of people leaving your form.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u2705 Add a CTA button<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If you want to look like a pro, I advise you to include a clear CTA button at the end of the form. A CTA button can help you increase your website\u2019s conversion rate and keep a professional image for your business. Instead of using words like \u201csubmit your form\u201d, you can make it more specific and use \u201ccontact us\u201d for a contact form or \u201cget in touch\u201d.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u274c Don\u2019t bore your visitors<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Try to focus on your form\u2019s purpose and don\u2019t include unnecessary questions. Be short and to the point! Also, try to keep the design clean, catchy, and enjoyable. Make a great first impression!<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u2705 Design your online form<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Make sure that your form looks good. Try to match the colors, add catchy images if needed, include charts, and play with fonts until they fit with all your form\u2019s elements. Quality graphics will always impress visitors and make them stay.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u274c Don\u2019t forget to test your form<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">The last and the most important thing, don\u2019t forget to test your form or look at it with fresh eyes. There may be times when you omit some pieces of information, fields, or design elements. You can also ask a friend or a co-worker to check your form.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Recommended plugins for creating WordPress forms<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">If you want to create an eye-catching yet intuitive form, get started with one of these powerful WordPress form plugins listed below.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><a href=\"https:\/\/kaliforms.com\"><span style=\"font-weight: 400;\">Kali Forms<img loading=\"lazy\" class=\"aligncenter wp-image-8209\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image12.jpg\" alt=\"Kali - WordPress forms\" width=\"1000\" height=\"580\" \/><\/span><\/a><\/h3>\n<p><span style=\"font-weight: 400;\">Kali Forms is the perfect WordPress form builder for anyone. <\/span><span style=\"font-weight: 400;\">Whether you&#8217;re a business owner, blogger, agency, or designer, if you want to create a WordPress form, then you need to use Kali Forms. <\/span><span style=\"font-weight: 400;\">This plugin will undoubtedly adapt to your workflow!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Notable features:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Drag and drop builder;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mobile responsiveness;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Advanced fields \u2013 collect information from users through a big bunch of field types;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Digital signature \u2013 add digital signatures to your form;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Conditional logic \u2013 hide and show fields in your forms based on your user selections;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Multi-page forms \u2013 group your page fields on different pages;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Form notifications \u2013 trigger one or multiple notifications on each submission form;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Submissions handling \u2013 store submission data in your database;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">reCAPTCHA and Akismet integration \u2013 prevent spam submissions through Google reCAPTCHA and Akismet services;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Form templates \u2013 pre-made templates that can be added to your form;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Form calculator \u2013 perform simple or complex calculations through your form fields;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">PayPal and Stripe integration \u2013 allow payments through the PayPal and Stripe payment gateways.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enhance eCommerce &#8211; Increase e-Commerce flexibility by adding multiple product fields;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">MailChimp, MailerLite, ConvertKit, ActiveCampaign, Sendfox, Sendinblue; Mailpoet, Moosend, Campaign Monitor \u2013 add users to your newsletters;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Google Analytics \u2013 track user behavior on your forms;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">User registration \u2013 create, edit, and login users;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">HubSpot integration.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><a href=\"https:\/\/wpforms.com\"><span style=\"font-weight: 400;\">WP Forms<\/span><\/a><\/h3>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8211\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image14.jpg\" alt=\"WP Forms\" width=\"1000\" height=\"601\" \/><\/p>\n<p><span style=\"font-weight: 400;\">WP Forms is a drag-and-drop WordPress form builder that\u2019s easy-to-use and provides powerful features. We know that building forms in WordPress can be time-consuming; that\u2019s why WP Forms makes this process easy.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Notable features:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Drag and drop builder;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Responsive mobile-friendly;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Multi-page forms;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Form templates;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Spam protection;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">User registration;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">MailChimp, Constant Contact, AWeber, GetResponse, Campaign Monitor, ActiveCampaign, Sendinblue, Salesforce, and Drip integration \u2013 add users to your newsletters;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create surveys and polls;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Signature addon;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Webhooks;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">PayPal, Stripe, Authorize.Net integration &#8211; to collect payments;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">File uploads &#8211; to allow users to upload their files.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><a href=\"https:\/\/www.gravityforms.com\"><span style=\"font-weight: 400;\">Gravity Forms<\/span><\/a><\/h3>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8200\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image3.jpg\" alt=\"Gravity forms\" width=\"1000\" height=\"562\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Gravity forms is another good choice for creating beautiful, powerful, and accessible forms. It provides a big bunch of add-ons to help you build more advanced types of forms. But there\u2019s a catch &#8211; it doesn\u2019t offer a free version. However, you can try their demo for free.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Notable features:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Drag and drop builder;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Over 30 form fields;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Conditional logic;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Email notifications;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Front-end forms;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">14+ marketing add-ons;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Spam protection;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">WordPress post creation;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Limit and schedule forms;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">File uploads;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/themeisle.com\/blog\/wordpress-payment-form\/\"><span style=\"font-weight: 400;\">Payment forms<\/span><\/a><span style=\"font-weight: 400;\"> using PayPal or Stripe;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">User registration forms;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Form calculator;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Surveys and polls.<\/span><\/li>\n<\/ul>\n<p>Now, that we know which are some of the best WordPress form plugins out there, it&#8217;s time to create our first form.<\/p>\n<p>For the purpose of this example, I&#8217;m going to use Kali Forms.<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Create a contact form with Kali Forms, the WordPress form builder plugin<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">First of all, install and activate the plugin. It\u2019s a super easy process that won\u2019t take you more than a few minutes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, you can follow this tutorial on <\/span><span style=\"font-weight: 400;\">installing and activating a WordPress plugin<\/span><span style=\"font-weight: 400;\"> if you never did this before.<\/span><\/p>\n<div class='embed-container'><iframe loading=\"lazy\" title=\"How to Install, Deactivate and Work with WordPress Plugins\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.youtube.com\/embed\/tRmW1Texk3k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p><a href=\"https:\/\/kaliforms.com\"><span style=\"font-weight: 400;\">Kali Forms<\/span><\/a><span style=\"font-weight: 400;\"> is a great plugin that helps you simplify your work and speed up the process. It is one of the most powerful and user-friendly WordPress form plugins that integrates a significant amount of features.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s see how to handle it!<\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\">Create a new form<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Whatever you do with your website, you\u2019ll definitely need a contact page with a contact form. So, I\u2019ll show you in this tutorial how to create a contact form for your website.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">After installing and activating Kali Forms, go to your <\/span><b>WordPress menu &gt; Kali Forms &gt; Add New<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8198\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image1.jpg\" alt=\"Kali forms - WordPress forms\" width=\"1000\" height=\"638\" \/><\/p>\n<p><span style=\"font-weight: 400;\">You will be redirected to a page with pre-designed templates. As you can see, there is already a contact form template, but right now, we will show you how to create one from scratch. Press on <\/span><b>Create New, <\/b><span style=\"font-weight: 400;\">and let\u2019s go on.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8213\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image16.jpg\" alt=\"One-click WordPress forms\" width=\"1000\" height=\"652\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Start by naming your form so people know what they fill in. You can give it whatever name you find suitable for your contact form.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8212\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image15.jpg\" alt=\"Add new WordPress contact form\" width=\"1000\" height=\"635\" \/><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\">Adding form fields<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The one thing you need to know from the beginning is that you can play around with things \u2013 all form fields are highly customizable. Once you select the blank form, you\u2019ll see the menu on the left. To customize a specific field, you just have to click on it after dragging and dropping it into your form.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">From there on, you can name your field, add a description to it, and make it required to fill or not. It\u2019s super easy, so let\u2019s see what we need for this specific form:<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span style=\"font-weight: 400;\">A <\/span><b>Free Text <\/b><span style=\"font-weight: 400;\">field for typing a message;<\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-weight: 400;\">Two <\/span><b>Text boxes <\/b><span style=\"font-weight: 400;\">for the first and last name;<\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-weight: 400;\">An <\/span><b>Email <\/b><span style=\"font-weight: 400;\">field for the contact info;<\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-weight: 400;\">A <\/span><b>Textarea <\/b><span style=\"font-weight: 400;\">field for your customers\u2019 message;<\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-weight: 400;\">A <\/span><b>Submit <\/b><span style=\"font-weight: 400;\">button for submitting the form.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8207\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image10.jpg\" alt=\"Form fields\" width=\"1000\" height=\"606\" \/><\/p>\n<p><span style=\"font-weight: 400;\">You can also notice that I\u2019ve made all the fields required to fill to ensure that you will gather all the necessary information.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8208\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image11.jpg\" alt=\"Required WordPress form fields\" width=\"1000\" height=\"605\" \/><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\">Customize your form<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You can send people an automated confirmation e-mail after they filled in the contact form. It\u2019s a nice gesture that makes a difference. Just go to <\/span><b>Notifications<\/b><span style=\"font-weight: 400;\">, and the whole process of creating the e-mail is there.<img loading=\"lazy\" class=\"aligncenter wp-image-8201\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image4.jpg\" alt=\"Customizing the WordPress form\" width=\"1000\" height=\"607\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">After this, you can go to <\/span><b>Settings<\/b><span style=\"font-weight: 400;\"> and customize what\u2019s left. You can change your Form Style or even display a thank-you message right after filling in the form. It\u2019s up to you if you feel like doing these things. Update your customers by sending them newsletters \u2013 this means that you\u2019ll have to go <\/span><a href=\"https:\/\/kaliforms.com\/pricing\/\"><span style=\"font-weight: 400;\">premium<\/span><\/a><span style=\"font-weight: 400;\">, but it\u2019s definitely worth it!<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8210\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image13.png\" alt=\"Forms settings\" width=\"1000\" height=\"605\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Click <\/span><b>Save, <\/b><span style=\"font-weight: 400;\">and your contact form is ready for your website!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Add the contact form to your website<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">After saving the contact form, go back to Kali Forms and copy the shortcode. Then, you can paste it wherever you need &#8211; into a page or post.<img loading=\"lazy\" class=\"aligncenter wp-image-8206\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/image9.jpg\" alt=\"WordPress forms shortcodes for Kali forms\" width=\"1000\" height=\"584\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now that you have all this information about how complex yet easy-to-use Kali Forms is, the only thing left is for you to give it a try!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">And that\u2019s all, folks! I hope this article helped you acknowledge all the necessary information about creating forms in WordPress.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Long story short, people hate filling out forms. If you want to keep them coming back to your website and recommending it to their friends, make sure you follow our tips on designing professional WordPress forms.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Remember this: \u201cquality never goes out of style\u201d!<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">If you liked this article, and you want to learn more about how to<\/span><a href=\"https:\/\/colibriwp.com\/\"> <span style=\"font-weight: 400;\">design a WordPress website<\/span><\/a><span style=\"font-weight: 400;\">, make sure to subscribe to Colibri&#8217;s<\/span><a href=\"https:\/\/www.youtube.com\/channel\/UCN3ZM-C7TJgklVfseVHamHQ\"> <span style=\"font-weight: 400;\">Youtube channel<\/span><\/a><span style=\"font-weight: 400;\"> and follow us on<\/span><a href=\"https:\/\/twitter.com\/WpColibri\"><span style=\"font-weight: 400;\"> Twitter<\/span><\/a><span style=\"font-weight: 400;\"> and<\/span><a href=\"https:\/\/www.facebook.com\/ColibriWP\"> <span style=\"font-weight: 400;\">Facebook!<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"font-weight: 400;\">[sibwp_form id=1]<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Many aspects contribute to the overall user experience of your website &#8211; whether they are pages, posts, layouts, images, WordPress forms, and so on. In order for a website to be successful, catchy, and visually appealing to users, you need to pay attention to these elements. Therefore, if you own a WordPress website and you\u2019ve&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/\">Read more<\/a><\/p>\n","protected":false},"author":6,"featured_media":8215,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[159],"tags":[253],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create WordPress Forms for Better User Engagement<\/title>\n<meta name=\"description\" content=\"It&#039;s time to find out which are some of the best WordPress forms plugins out there, how to create a form, and some dos and don&#039;ts. Deal?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create WordPress Forms for Better User Engagement\" \/>\n<meta property=\"og:description\" content=\"It&#039;s time to find out which are some of the best WordPress forms plugins out there, how to create a form, and some dos and don&#039;ts. Deal?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/\" \/>\n<meta property=\"og:site_name\" content=\"ColibriWP Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-27T11:09:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-22T11:45:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/7463.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"4000\" \/>\n\t<meta property=\"og:image:height\" content=\"2453\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andreea Popa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\",\"url\":\"https:\/\/colibriwp.com\/blog\/\",\"name\":\"ColibriWP Blog\",\"description\":\"WordPress know-how to boost your design skills\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/colibriwp.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/7463.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/7463.jpg\",\"width\":4000,\"height\":2453,\"caption\":\"neon style login ui form design with shiny effect\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#webpage\",\"url\":\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/\",\"name\":\"How to Create WordPress Forms for Better User Engagement\",\"isPartOf\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#primaryimage\"},\"datePublished\":\"2021-07-27T11:09:02+00:00\",\"dateModified\":\"2021-07-22T11:45:42+00:00\",\"author\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311\"},\"description\":\"It's time to find out which are some of the best WordPress forms plugins out there, how to create a form, and some dos and don'ts. Deal?\",\"breadcrumb\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/colibriwp.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create WordPress Forms for Better User Engagement\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311\",\"name\":\"Andreea Popa\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/05\/andreea-popa.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/05\/andreea-popa.jpg\",\"caption\":\"Andreea Popa\"},\"description\":\"Andreea is a blog manager who spends most of her days writing and \\\"polishing\\\" articles. She's a mountain lover, and one of her favorite activities is playing with her North African hedgehog, named\\u00a0Frederick.\",\"url\":\"#molongui-disabled-link\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create WordPress Forms for Better User Engagement","description":"It's time to find out which are some of the best WordPress forms plugins out there, how to create a form, and some dos and don'ts. Deal?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/","og_locale":"en_US","og_type":"article","og_title":"How to Create WordPress Forms for Better User Engagement","og_description":"It's time to find out which are some of the best WordPress forms plugins out there, how to create a form, and some dos and don'ts. Deal?","og_url":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/","og_site_name":"ColibriWP Blog","article_published_time":"2021-07-27T11:09:02+00:00","article_modified_time":"2021-07-22T11:45:42+00:00","og_image":[{"width":4000,"height":2453,"url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/7463.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andreea Popa","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/colibriwp.com\/blog\/#website","url":"https:\/\/colibriwp.com\/blog\/","name":"ColibriWP Blog","description":"WordPress know-how to boost your design skills","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colibriwp.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#primaryimage","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/7463.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/07\/7463.jpg","width":4000,"height":2453,"caption":"neon style login ui form design with shiny effect"},{"@type":"WebPage","@id":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#webpage","url":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/","name":"How to Create WordPress Forms for Better User Engagement","isPartOf":{"@id":"https:\/\/colibriwp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#primaryimage"},"datePublished":"2021-07-27T11:09:02+00:00","dateModified":"2021-07-22T11:45:42+00:00","author":{"@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311"},"description":"It's time to find out which are some of the best WordPress forms plugins out there, how to create a form, and some dos and don'ts. Deal?","breadcrumb":{"@id":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colibriwp.com\/blog\/how-to-create-wordpress-forms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colibriwp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create WordPress Forms for Better User Engagement"}]},{"@type":"Person","@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311","name":"Andreea Popa","image":{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/05\/andreea-popa.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/05\/andreea-popa.jpg","caption":"Andreea Popa"},"description":"Andreea is a blog manager who spends most of her days writing and \"polishing\" articles. She's a mountain lover, and one of her favorite activities is playing with her North African hedgehog, named\u00a0Frederick.","url":"#molongui-disabled-link"}]}},"_links":{"self":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/8195"}],"collection":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/comments?post=8195"}],"version-history":[{"count":7,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/8195\/revisions"}],"predecessor-version":[{"id":8223,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/8195\/revisions\/8223"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media\/8215"}],"wp:attachment":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media?parent=8195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/categories?post=8195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/tags?post=8195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}