{"id":54306,"date":"2022-01-04T10:37:59","date_gmt":"2022-01-04T05:07:59","guid":{"rendered":"https:\/\/www.tothenew.com\/blog\/?p=54306"},"modified":"2022-01-04T10:40:32","modified_gmt":"2022-01-04T05:10:32","slug":"less-is-more-form-conversions","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/less-is-more-form-conversions\/","title":{"rendered":"Less is More &#8211; Form Conversions"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In this post-pandemic era, we have seen companies focus heavily on digital marketing channels\u00a0 such as webinars, virtual conferences, podcasts, etc.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The endgame for all these marketing efforts is a form fill. Marketers try to get the attention of their audience to sign up for their events over the plethora of other events out there.\u00a0<\/span><\/p>\n<h3><span style=\"text-decoration: underline;\"><b>Building the Perfect Form<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Getting people to come to your landing page or view your ad is easy but getting them to sign up is where it gets tricky. People hesitate signing up these days primarily due to privacy concerns. Lately media coverage on how big companies track our every move, has worried people about their privacy and they are not willing to fill out their actual details in forms, let alone form with multiple fields.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A marketer needs to identify which fields do we REALLY need, and once they think about that, they\u2019d come to a shocking realization that\u00a0 they don\u2019t need to have 10-12 fields in a simple form.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These days marketing automation platforms (MAP) like HubSpot are intelligent enough to populate upper-level information on contacts with their immeasurable databases. Commonly asked for information, like Company Name, Industry, Annual Revenue, State, Country, etc, can be populated by the platform itself. Let&#8217;s put on our technical hats and understand the how part.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When someone puts their official email address that includes the company domain such as (niceguy@blabla.com), MAPs run that email id through their database to derive the Company Name from that domain. It provides us the information that \u201cBlaBla\u201d is the company name, <\/span><a href=\"http:\/\/www.blabla.com\"><span style=\"font-weight: 400;\">www.blabla.com<\/span><\/a><span style=\"font-weight: 400;\"> is the website domain name, and it also gets the Industry and the annual revenue of the company from public sources where the company would have published that information.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Moving on to fields like City, State, Country, &#8211; information for these fields is simple to gather. MAPs work with our ISPs to get this information and refer to them as inferred fields.<\/span><\/p>\n<h3><span style=\"text-decoration: underline;\"><b>An Extra Kick to Boost <\/b><strong>Form Conversion Rate<\/strong><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">What if your form is smaller now but the conversion rate is still low? Here\u2019s a best practice to increase that &#8211; Two-Step Form Fill Process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this workflow, you start by showing only 3 fields on the form in phase 1 &#8211; First Name, Last Name, and Email Address (You can change first and last name to anything else but Email Address is a mandatory field in many platforms). When someone fills these 3 fields and clicks on \u201cContinue\u201d we&#8217;ll show 3 more fields that are necessary to our business logic. Many psychological studies confirm that if\/when a person has already invested some time, money, or information they will provide some more of that to get the process finished.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By using this approach we ourselves have seen much better results than we were getting when we were creating our forms with 6+ fields.<\/span><\/p>\n<h3><span style=\"text-decoration: underline;\"><b>Creating the Two-Step Form Fill Process<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">In HubSpot if we don\u2019t have an in-built CMS system, we can\u2019t create the 2-step or multi-step form system. So as an alternative we need to create 2 separate forms and tie them together with some simple JavaScript where Email Address will work as a binding glue. You can use the code below to do that.<\/span><\/p>\n<pre>&lt;script&gt;\r\n  var data = []\r\n\r\n  hbspt.forms.create({\r\n  portalId: \"Add HubSpot Portal ID HERE\",\r\n  formId: \"Add 1st Form ID\",\r\n  target: \"#multiStepForm\",\r\n  onFormSubmit: function(form) {\r\n    var incoming = $(form).serializeArray();\r\n    data.push(incoming);\r\n  },\r\n  onFormSubmitted: function(form) {\r\n    $('#multiStepForm').empty();\r\n    hbspt.forms.create({\r\n      portalId: \"Add HubSpot Portal ID HERE\",\r\n      formId: \"Add 2nd Form ID\",\r\n      target: \"#multiStepForm\",\r\n      onFormReady: function(form) {\r\n        form.find('input[name=\"email\"]').val(data[0].value).change();\r\n      }    \r\n    })\r\n  }\r\n});\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>In this post-pandemic era, we have seen companies focus heavily on digital marketing channels\u00a0 such as webinars, virtual conferences, podcasts, etc.\u00a0 The endgame for all these marketing efforts is a form fill. Marketers try to get the attention of their audience to sign up for their events over the plethora of other events out there.\u00a0 [&hellip;]<\/p>\n","protected":false},"author":1426,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":1},"categories":[2251,1964,1953],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/54306"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1426"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=54306"}],"version-history":[{"count":2,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/54306\/revisions"}],"predecessor-version":[{"id":54308,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/54306\/revisions\/54308"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=54306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=54306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=54306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}