{"id":46,"date":"2019-07-09T11:29:06","date_gmt":"2019-07-09T11:29:06","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts"},"modified":"2022-08-23T13:42:59","modified_gmt":"2022-08-23T13:42:59","slug":"contact-form-design-dos-and-donts","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/","title":{"rendered":"Contact Form Design: Dos and Don\u2019ts"},"content":{"rendered":"\r\n<p>Are you aiming for a high-converting design for your\u00a0contact form? Here&#8217;s a list of do&#8217;s and don&#8217;ts that will help you design the perfect contact form.<\/p>\r\n\r\n\r\n\r\n<p><strong>Pro Tip<\/strong>:\u00a0By the end of this read, if you&#8217;re looking for an easier way to create your form without coding it, try our\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/contact-form-generator\/\">free contact form generator<\/a>. If you still want to get your hands dirty with coding, we&#8217;ve got an\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/html-contact-form\/\">HTML contact form code tutorial<\/a>\u00a0that you can follow.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-do-s\"><strong>Do&#8217;s<\/strong><\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-hospitality-is-never-out-of-style\">Hospitality is never out of style<\/h3>\r\n\r\n\r\n\r\n<p>You can never be too polite. Use a friendly tone and an overall human approach, especially when you provide customer support. Be personal when trying to connect. After all, you\u2019re asking for users\u2019 personal data, so they should rest assured there\u2019s a human being behind that Submit button.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-choose-your-own-approach\">Choose your own approach<\/h3>\r\n\r\n\r\n\r\n<p>The contact form design should be straightforward, it\u2019s true. However, there are a few that stick with you because they are exactly the opposite of what one would expect. Don\u2019t be afraid to go for a different style, like this interactive PDF-like form design example that Focus Lab uses:<br \/><img decoding=\"async\" src=\"https:\/\/resources.123formbuilder.com\/hs-fs\/hubfs\/123Formbuilder_April2021_Folder\/Images\/focuslab-contact-form.png?width=765&amp;name=focuslab-contact-form.png\" alt=\"focuslab contact\" width=\"765\" \/><\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-spark-some-interest\"><strong>Spark some interest<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Use an incentive. Provide value to make your visitors get in touch, by showing them what they gain by submitting their info. For instance, some subscriber benefits, e.g. exclusive promotions, coupon codes, and more.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-embrace-ux-principles\"><strong>Embrace<\/strong>\u00a0<strong>UX principles<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>When you design your contact form, make sure you keep the user\u2019s journey in mind. Make it intuitive and group questions logically. Also, vertically, since users seem to prefer one-column forms.\u00a0<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-buttons is-content-justification-center btn btn-primary is-layout-flex wp-block-buttons-is-layout-flex\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"\/signup.html\">Unlimited Contact Form Options, Here<\/a><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p>When your business covers many regions and customers should be redirected to specific departments depending on their issue, use a step-by-step model.<\/p>\r\n\r\n\r\n\r\n<p>Also, it\u2019s important to consider that your form will be accessed by people with disabilities as well (e.g. blind people), so the contents should be accessible to screen readers.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-make-your-form-mobile\"><strong>Make your form mobile<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>It should go without saying that we\u2019re living in an increasingly mobile world. So when you expect people to contact you, you should consider the type of device they use and be prepared to welcome them all.<\/p>\r\n\r\n\r\n\r\n<p>Best practices for mobile-optimized contact forms include: opting for fewer fields, using auto-focus on the first field, placing labels above the fields, using the \u201cshow password\u201d option to avoid mistypes, replacing dropdowns with radio buttons, and allow\u00a0sufficient spacing between elements.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-put-some-meat-on-submit\"><strong>Put some meat on Submit<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Get creative with your Submit button. While it\u2019s true users respond better to rectangular buttons, if your website strives for artistry, there\u2019s no reason why you shouldn\u2019t experiment with a circular-shaped button. There are no limitations color-wise either, you just need to find a nice contrast and test which button color converts best for your business.<\/p>\r\n\r\n\r\n\r\n<p>Also, pay attention to your copy. Avoid \u201cSubmit\u201d and find friendlier alternatives, e.g. \u201cGet started for free\u201d, \u201cTalk to us\u201d, \u201cSubscribe today\u201d and so on.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-personalize-your-automatic-responses\"><strong>Personalize your automatic responses<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>After filling out your contact form, users see an autoresponder or get redirected to a\u00a0<a href=\"\/blog\/5-thank-you-messages-to-use-on-your-web-forms\/\">Thank You page<\/a>. With an\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/html-form-generator\/\">HTML form generator<\/a> such as 123FormBuilder, you can customize each of these options in order to create a warmer environment for those who expect an answer from you.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>In an autoresponder, make sure you let people know what is your average response time, in order to set realistic expectations.\u00a0<\/p>\r\n\r\n\r\n\r\n<p><strong>Pro Tip<\/strong>:\u00a0Don&#8217;t forget to write auto-reply messages that will impress your form submitters once they fill in your contact form. Here are some\u00a0<a href=\"\/blog\/autoresponders-you-can-use-with-your-web-forms\/\" target=\"_blank\" rel=\"noreferrer noopener\">automatic email response examples<\/a>\u00a0for your form.<\/p>\r\n\r\n\r\n\r\n<p>On the <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/create-a-thank-you-page-that-converts\">Thank You page<\/a> you can post a text, a funny image or GIF, a link to a resources page, a helpful download, or anything else that will grow user engagement. Here&#8217;s\u00a0<a href=\"\/blog\/form-thank-you-page\" target=\"_blank\" rel=\"noreferrer noopener\">why you need a thank you for your contact form<\/a>.<\/p>\r\n\r\n\r\n\r\n<p><strong>Pro Tip<\/strong>:\u00a0Designing a good Thank You page and writing a\u00a0<a href=\"\/blog\/5-thank-you-messages-to-use-on-your-web-forms\/\">compelling form success message<\/a>\u00a0goes a long way. Don&#8217;t skip the Thank You, ever.<\/p>\r\n\r\n\r\n\r\n<p>Lost for ideas on what exactly to write on your Thank You message? We have some pretty good ideas for you:\u00a0<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p class=\"has-text-align-center\"><a href=\"\/signup.html\">Inspiring Thank You messages your forms should have<\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-don-ts\"><strong>Don\u2019ts<\/strong><\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-the-hard-to-get-contact-form\"><strong>The hard-to-get contact form<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>If people need to scroll and click too much to find your contact form, it\u2019s a sign you need to rethink the user journey. It\u2019s only human to expect to find the contact area easily (or figure out how to navigate the website); otherwise, they will leave.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-don-t-make-them-think\"><strong>Don\u2019t make them think<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>It\u2019s nice to be creative, but it\u2019s more important to be relevant. Tell people why they should get in touch. Using a clear copy above your form is the perfect way to do it. So, before even thinking about the best design for your future contact form, you should define a purpose.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-aren-t-you-asking-for-too-much\"><strong>Aren\u2019t you asking for too much?<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>No one likes to fill out forms. It\u2019s just a necessary step to go through when people need to connect with a company. So when designing your contact form, make sure you only ask for the information you absolutely need. Actually, according to\u00a0<a href=\"https:\/\/blog.hubspot.com\/marketing\/state-of-email-lead-capture\" target=\"_blank\" rel=\"nofollow noopener\">Hubspot<\/a>, the best performing form length in 2019 is 5 fields. On that same note, regardless of the number of fields you work with, don\u2019t make them all mandatory.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-don-t-forget-data-validation\"><strong>Don\u2019t forget data validation<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Save your users some time and get error-free input. Provide hints on the right data format on the go instead of\u00a0<a href=\"\/blog\/getting-error-messages-just-right\/\" target=\"_blank\" rel=\"noreferrer noopener\">showing error messages<\/a>\u00a0after a user has filled out his\/her information. For instance, you can require a certain format for information such as email, phone number, date, or website.\u00a0<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-is-it-time-to-redesign-your-contact-us-page-altogether\">Is it time to redesign your Contact Us page altogether?<\/h2>\r\n\r\n\r\n\r\n<p>So you\u2019ve built your perfect contact form. It can\u2019t, however, stand on its own. You need a creative Contact Us page to build trust in your brand and get more people to connect.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>While it\u2019s easier to just place a form on this page \u2013 and more often than not, less really is more \u2013 you might want to add a few tweaks to make the contact page design more attractive and persuasive.<\/p>\r\n\r\n\r\n\r\n<p><strong>Pro Tip: <\/strong>Focus on your\u00a0contact form placement\u00a0carefully. Do you use the <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/how-to-generate-leads-online-for-free-with-forms\">form to gather business leads<\/a> or improve your customer service? Consider placing the form above the fold on your contact page. But also test the outcome.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-be-unique\"><strong>Be unique\u00a0<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Needless to say, this doesn\u2019t work for any type of brand. But when it\u2019s possible, why not let your imagination go wild and create a page that sticks with your website visitors?\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Choose either a minimalistic or a colorful approach, depending on what suits your brand best.<\/p>\r\n\r\n\r\n\r\n<p><strong>Pro Tip<\/strong>:\u00a0You can polish your contact form with CSS &#8211; the sky is the limit! But using a\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/full-css-form-customization.html\">form generator with CSS customization<\/a>\u00a0can save you time at making the form function correctly &#8211; no HTML and PHP headaches.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Use negative space to allow your contact details to catch the eye as Yummygum does.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/resources.123formbuilder.com\/hs-fs\/hubfs\/123Formbuilder_April2021_Folder\/Images\/yummygum-contact-page.png?width=765&amp;name=yummygum-contact-page.png\" alt=\"yummygum contact\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Or visual cues to draw attention to certain elements on the page, e.g. flags if you have multiple offices or showrooms across the globe.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-win-followers-at-no-cost\"><strong>Win followers at no cost<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>If you\u2019re sending emails to your audience, the contact page design should include a newsletter subscription section as well. Make it easy for users to join your mailing list and partake of your updates, as email marketing is still a powerful tool when used the right way. If you\u2019re able to offer an incentive for new subscribers, that\u2019s even better.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-location-location-location\"><strong>Location, location, location\u00a0<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>I don\u2019t know about others, but I find it unsettling not to know where a business is located. There are many ways to use maps or other elements that show users where your company is, even if you only have an online presence. Disclosing your whereabouts is one of the elements that build customer trust in your brand.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-enable-visuals\"><strong>Enable visuals<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Give life to your contact page by using animation, a video (e.g. from previous conferences, if you are an event organizer), or a header image of your team. Whatever you choose, your visuals should be authentic, like those used by Fentimans.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Tip:\u00a0Try our\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/form-designer\">free form designer<\/a>\u00a0to customize the looks of your contact form without coding.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-buttons is-content-justification-center btn btn-primary is-layout-flex wp-block-buttons-is-layout-flex\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"\/signup.html\">Get A Versatile, Easy to Use Form Builder Now<\/a><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p>Make sure that these elements, while engaging, don\u2019t steal the space of your contact form, which shouldn\u2019t be placed below the fold. After all, you don\u2019t want your visitors to miss it!\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-leverage-social-proof\"><strong>Leverage social proof\u00a0<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Another thing that will probably never grow old is social proof. Displaying a handful of partner companies will inspire others to connect with you way more than any other sales effort.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>If your product or service is aimed at individuals, encourage visitors to <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/join-the-affiliate-program\">join your large community by showing off that big<\/a> number next to your contact form.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-brag-about-your-social-life\"><strong>Brag about your social life<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Well, your company\u2019s, to be more specific. The best contact pages I\u2019ve seen use social media profiles (with branded buttons) to escort visitors on those platforms where they have the strongest presence.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-provide-alternative-ways-to-connect\"><strong>Provide alternative ways to connect<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Not everyone wants to send their data in. You can engage people in many other ways, such as placing a chat box at the bottom of your contact page to let users seek immediate assistance.<\/p>\r\n\r\n\r\n\r\n<p>Depending on your field of activity, you may also resort to a phone number, email, a WhatsApp contact, or a forum.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Furthermore, if your company has different contact pages for different departments (e.g. Sales, Support, PR), segment them to point users in the right direction.<\/p>\r\n\r\n\r\n\r\n<p><strong>Pro Tip<\/strong>:\u00a0Opt for a\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/\">form builder<\/a> with conditional logic that can segment messages and change the form&#8217;s layout based on user behavior. The <a href=\"\/blog\/best-form-builders\">best web form tools<\/a> on the market offer this perk.<\/p>\r\n\r\n\r\n\r\n<p>A few contact page designs I\u2019ve reviewed provide a FAQ link or a Browse by Topic section to spare users the hassle of reporting an issue that was already addressed or help them find exactly what they need on your website.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-buttons is-content-justification-center btn btn-primary is-layout-flex wp-block-buttons-is-layout-flex\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"\/signup.html\">Here is the Form Builder YOU Need<\/a><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-the-no-form-contact-page\"><strong>The no-form contact page<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>After all, not every business considers a contact form mandatory. Some choose to provide other friendly connection alternatives, like Gucci, for example. You can find their phone number, live chat option or send an email if you prefer.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2>\r\n\r\n\r\n\r\n<p>There are many methods to improve your contact form and contact page design and subsequently reap an increased conversion rate. However, ultimately each brand is unique and results might differ. This means that no matter what idea you come up with, you should test it out and measure the data before implementation, as well as planning a robust\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/data-management\/\">data management<\/a>\u00a0strategy.<\/p>\r\n\r\n\r\n\r\n<p>To get the best performance out of your form, consider using a\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/contact-form-generator\/\">contact form builder such as ours.<\/a><\/p>\r\n\r\n\r\n\r\n<p>Lastly, we provide a list of\u00a0<a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/free-form-templates\/gallery-contact\/\">contact form templates<\/a>\u00a0that you can use as you see fit.\u00a0<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-buttons is-content-justification-center btn btn-primary is-layout-flex wp-block-buttons-is-layout-flex\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"\/signup.html\">Start Building Attractive Forms<\/a><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Are you aiming for a high-converting design for your\u00a0contact form? Here&#8217;s a list of do&#8217;s and don&#8217;ts that will help you design the perfect contact form. Pro Tip:\u00a0By the end of this read, if you&#8217;re looking for an easier way to create your form without coding it, try our\u00a0free contact form generator. If you still [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":316,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[16,18,20],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-form-favourites","category-level-up-your-forms","category-ultimate-guides"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Contact Form Design: Tips &amp; Best Practices | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Tips and tricks for a high-converting contact form design. Offer a great user experience on your contact page by leveraging these tested tactics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Form Design: Dos and Don\u2019ts\" \/>\n<meta property=\"og:description\" content=\"Tips and tricks for a high-converting contact form design. Offer a great user experience on your contact page by leveraging these tested tactics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-09T11:29:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-23T13:42:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/07\/contact-form-dos-and-donts.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"533\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Oscar Erk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Oscar Erk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Contact Form Design: Tips & Best Practices | 123FormBuilder","description":"Tips and tricks for a high-converting contact form design. Offer a great user experience on your contact page by leveraging these tested tactics.","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:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/","og_locale":"en_US","og_type":"article","og_title":"Contact Form Design: Dos and Don\u2019ts","og_description":"Tips and tricks for a high-converting contact form design. Offer a great user experience on your contact page by leveraging these tested tactics.","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/","og_site_name":"123FormBuilder Blog","article_published_time":"2019-07-09T11:29:06+00:00","article_modified_time":"2022-08-23T13:42:59+00:00","og_image":[{"width":800,"height":533,"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/07\/contact-form-dos-and-donts.jpg","type":"image\/jpeg"}],"author":"Oscar Erk","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Oscar Erk","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/"},"author":{"name":"Oscar Erk","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#\/schema\/person\/cdebd32c7d95dbb692eb685554790929"},"headline":"Contact Form Design: Dos and Don\u2019ts","datePublished":"2019-07-09T11:29:06+00:00","dateModified":"2022-08-23T13:42:59+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/"},"wordCount":1866,"publisher":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#organization"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/07\/contact-form-dos-and-donts.jpg","articleSection":["Best Practices","Form Tips","Guides"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/","name":"Contact Form Design: Tips & Best Practices | 123FormBuilder","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/07\/contact-form-dos-and-donts.jpg","datePublished":"2019-07-09T11:29:06+00:00","dateModified":"2022-08-23T13:42:59+00:00","description":"Tips and tricks for a high-converting contact form design. Offer a great user experience on your contact page by leveraging these tested tactics.","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/07\/contact-form-dos-and-donts.jpg","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/07\/contact-form-dos-and-donts.jpg","width":800,"height":533,"caption":"people filling in a paper form"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/contact-form-design-dos-and-donts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Form Tips","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/tag\/level-up-your-forms"},{"@type":"ListItem","position":3,"name":"Contact Form Design: Dos and Don\u2019ts"}]},{"@type":"WebSite","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#website","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/","name":"123FormBuilder Blog","description":"","publisher":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#organization","name":"123FormBuilder Blog","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2020\/12\/logo.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2020\/12\/logo.png","width":131,"height":25,"caption":"123FormBuilder Blog"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#\/schema\/person\/cdebd32c7d95dbb692eb685554790929","name":"Oscar Erk","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/afa59182d087bbb3a497493c89d3791b8d8f86724a08cf49ee5e55c34f1c4305?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/afa59182d087bbb3a497493c89d3791b8d8f86724a08cf49ee5e55c34f1c4305?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/afa59182d087bbb3a497493c89d3791b8d8f86724a08cf49ee5e55c34f1c4305?s=96&d=mm&r=g","caption":"Oscar Erk"},"url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/author\/oscar-erk123formbuilder-com"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":15,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":6968,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/posts\/46\/revisions\/6968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/media\/316"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}