{"id":53,"date":"2019-08-30T07:55:54","date_gmt":"2019-08-30T07:55:54","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101"},"modified":"2022-05-12T13:28:10","modified_gmt":"2022-05-12T13:28:10","slug":"above-the-fold-vs-below-the-fold-web-page-design-101","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/","title":{"rendered":"Where Do Contact Forms Fit in a Page: Above or Below the Fold?"},"content":{"rendered":"

I can only imagine the chats the guys had over the first newspaper ever published and how they must have argued on what to put under the fold and what to put above the fold. It must have been one of those long brainstorming sessions – you know them, the endless, <\/span>we-will-never-reach-an-agreement<\/span><\/i> kind of brainstorming.\u00a0<\/span><\/p>\n

Somehow, they reached the best conclusion they could ever reach, though: everything above the fold draws attention. The same concept propagated through the decades and various geographical locations and when it came to asking what to put on a website, modern-day fellow graphic designers already knew: above the fold of a website is where the <\/span>good stuff<\/span><\/i> should lay.\u00a0<\/span><\/p>\n

That is the short version.\u00a0<\/span><\/p>\n

The extended version on what above the fold web design and above the fold marketing?\u00a0<\/span><\/p>\n

We\u2019ll tackle it in the article ahead – so keep reading if you want to find out more.\u00a0<\/span><\/p>\n

The Premises of a Brilliant Contact Page\u00a0<\/span><\/h2>\n

Don\u2019t look at your website contact page as yet another one of those pages you <\/span>have to<\/span><\/i> include on your website.\u00a0<\/span><\/p>\n

Look at it as one of the main gates through which customers step into your Sales Funnel. Alternatively, look at it as the gate through which you can build steady, long-lasting relationships with them by providing them with the help they need when they need it.\u00a0<\/span><\/p>\n

It would be best if you created your contact us form and page in a way that makes your business feel inviting and welcoming for the user.\u00a0<\/span><\/p>\n

Regardless of whether you want to build a<\/span> Shopify contact form<\/span><\/a> or a<\/span> Wix contact form<\/span><\/a>, your contact form design and wording should be spotless. As mentioned above, this is not just another <\/span>must-have<\/span><\/i> page on your site – it\u2019s how you draw people in and start a conversation.\u00a0<\/span><\/p>\n

Some of the essential tips to keep in mind when creating the Contact Us website form include the following:\u00a0<\/span><\/p>\n

    \n
  1. Show personality.<\/b> Really, you wouldn\u2019t welcome a new friend into your house with a bland \u201cwelcome.\u201d Do the same with your contact page too. Your business has a voice of its own, and your users\/ customers deserve to come in contact with that, instead of an annoying page that doesn\u2019t actually <\/span>say<\/span><\/i> much about who you are.\u00a0<\/span><\/li>\n
  2. Be personable.<\/b> Your customers have to feel like you\u2019re approachable as a business – so be warm in the way you invite them to contact you. This personable approach can be reflected in both the design of the page and the actual copy.\u00a0<\/span><\/li>\n
  3. Don\u2019t be afraid to point them to your FAQ<\/b> or even further down the Funnel. In some situations, you might be able to link your visitors to commonly asked questions – or even presentation pages for your product or your product\u2019s features (which can help to push them down the sales funnel).\u00a0<\/span><\/li>\n
  4. Keep it simple.<\/b> Don\u2019t overcomplicate it. The simpler your form is<\/a>, the easier it will be for users to get in touch with you. Don\u2019t ask too many questions – but allow yourself to be asked as many questions as one might need.\u00a0<\/span><\/li>\n
  5. Be straightforward.<\/b> Don\u2019t beat around the bush – try to lead your visitors to what they need as soon as they land on the page. The way you organize the copy and the design itself will play a crucial role in this!<\/span><\/li>\n
  6. Be conversational.<\/b> Regardless of what you might sell and who your customers are, you can allow yourself to be a little conversational. The extent to which you can be conversational varies a lot on what your business stands for and whom your target audience is – but making your contact form too official and formal might put your visitors off.\u00a0<\/span><\/li>\n
  7. Give them options.<\/b> Make your contact form easy to interact with – offer your users drop-down options and link options to make sure this is extremely easy for them. Don\u2019t let them fumble in the dark – clear out their way and make it genuinely facile for them to find what they need or the contact form they need.\u00a0<\/span><\/li>\n<\/ol>\n

    With 123FormBuilder, you can choose from a variety of Contact Us page templates and easily personalize them to fit your desired tone of voice, style, brand, and target audience. We\u2019ll give you the basic model, and you can play with it as you deem necessary. Alternatively, you can use the<\/span> free contact form<\/span><\/a> builder and create one from scratch.\u00a0<\/span><\/p>\n

    Note:\u00a0If you do want to code the contact form yourself, we offer an\u00a0HTML contact form code<\/a>\u00a0that you can use as inspiration.<\/p>\n

    Where Does the Contact Form Go on the Page?<\/span><\/h2>\n

    This is where we started, and this is where we circle back.\u00a0<\/span><\/p>\n

    You can build the best contact form in the world.\u00a0<\/span><\/p>\n

    You can make it engaging and fun, and you can create the most intriguing and attractive design for it.\u00a0<\/span><\/p>\n

    But it won\u2019t mean much if people ignore it.\u00a0<\/span><\/p>\n

    So, where should you add the contact form to a website? Where on the contact form page should you add your form? Should you settle for an above the fold design or keep your form under the fold?\u00a0<\/span><\/p>\n

    Well, the answer is a bit more complicated.\u00a0<\/span><\/p>\n

    Should the Contact Form Go Above the Fold?<\/span><\/h2>\n

    Best practices in contact page design (and web design in general) say that whatever is most attractive on your site should go above the fold.\u00a0\u00a0<\/span><\/p>\n

    However, just because this is the commonly-accepted status-quo of the web design world, it doesn\u2019t mean things should <\/span>always<\/span><\/i> stay the same. Your website contact form might not pose the same challenges, and it may not target people with the same purpose as your neighbor\u2019s – and vice-versa.\u00a0<\/span><\/p>\n

    There are at least a couple of arguments to have against the traditional above the fold marketing paradigm:\u00a0<\/span><\/p>\n

      \n
    1. Everyone does it<\/b>, which tends to make all websites look like variations of the same template. It\u2019s hard to stand out from the crowd when you\u2019re wearing the same pair of blue jeans and white T-shirts as everyone else.\u00a0<\/span><\/li>\n
    2. Most of the above the fold website examples feel disrupting.<\/b> Just imagine a salesman showing up at your door. Moreover, just imagine the unimaginable: you actually listen to him. And right in the middle of this fantastic story he\u2019s built around his product, he drops the bomb: he wants your contact details. His story isn\u2019t over, but he needs to stop at around 2 minutes and 32 seconds because that\u2019s what studies told him works best. Feels familiar?\u00a0<\/span><\/li>\n
    3. Not all website forms are created equal.<\/b> For some, you need a massive call to action that pops right from the very beginning, above the website fold. For others, you need to be a little more subtle and drop it at the end of your story, rather than wave it like a flag right at the beginning of it.\u00a0<\/span><\/li>\n
    4. Not all websites are created equal.<\/b> The most modern site structures forgo the <\/span>fold<\/span><\/i> altogether. And when there is no actual fold, there\u2019s no <\/span>above <\/span><\/i>and <\/span>below<\/span><\/i> it either.\u00a0<\/span><\/li>\n<\/ol>\n

      So, how do you answer the question in our title?\u00a0<\/span><\/p>\n

      Should the Contact Form Go Below the Fold?<\/span><\/h2>\n

      Simply put, <\/span>it depends<\/span><\/i>.\u00a0<\/span><\/p>\n

      It is probably safer to include your contact form above the fold. But don\u2019t do this blindly, <\/span>just because<\/span><\/i>. Think it through. Think of your brand, your users, your customers, and where do you want them to be once you\u2019re \u201cdone\u201d\u00a0 with your page?\u00a0<\/span><\/p>\n

      You think, therefore you <\/span>are<\/span><\/i>. Challenge the paradigm, test things out, and see how it goes – no two businesses are 100% alike, even when they sell the same product, use the same data management<\/a> strategy, and target the same audience. And yours needs to be the one standing out above the fold in your customers\u2019 memory!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

      I can only imagine the chats the guys had over the first newspaper ever published and how they must have argued on what to put under the fold and what to put above the fold. It must have been one of those long brainstorming sessions – you know them, the endless, we-will-never-reach-an-agreement kind of brainstorming.\u00a0 […]<\/p>\n","protected":false},"author":31,"featured_media":755,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[18,20],"tags":[],"class_list":["post-53","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-level-up-your-forms","category-ultimate-guides"],"yoast_head":"\nContact Form Placement: Above the Fold or Below the Fold?<\/title>\n<meta name=\"description\" content=\"Above the fold? Below the fold? Decisions, decisions! Which option is best for your forms, though? The answer is surprising - so click here and learn more!\" \/>\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\/above-the-fold-vs-below-the-fold-web-page-design-101\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Where Do Contact Forms Fit in a Page: Above or Below the Fold?\" \/>\n<meta property=\"og:description\" content=\"Above the fold? Below the fold? Decisions, decisions! Which option is best for your forms, though? The answer is surprising - so click here and learn more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-30T07:55:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-12T13:28:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/08\/contact-form-above-or-below-fold.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1067\" \/>\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=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Contact Form Placement: Above the Fold or Below the Fold?","description":"Above the fold? Below the fold? Decisions, decisions! Which option is best for your forms, though? The answer is surprising - so click here and learn more!","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\/above-the-fold-vs-below-the-fold-web-page-design-101\/","og_locale":"en_US","og_type":"article","og_title":"Where Do Contact Forms Fit in a Page: Above or Below the Fold?","og_description":"Above the fold? Below the fold? Decisions, decisions! Which option is best for your forms, though? The answer is surprising - so click here and learn more!","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/","og_site_name":"123FormBuilder Blog","article_published_time":"2019-08-30T07:55:54+00:00","article_modified_time":"2022-05-12T13:28:10+00:00","og_image":[{"width":1600,"height":1067,"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/08\/contact-form-above-or-below-fold.jpg","type":"image\/jpeg"}],"author":"Oscar Erk","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Oscar Erk","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/"},"author":{"name":"Oscar Erk","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#\/schema\/person\/cdebd32c7d95dbb692eb685554790929"},"headline":"Where Do Contact Forms Fit in a Page: Above or Below the Fold?","datePublished":"2019-08-30T07:55:54+00:00","dateModified":"2022-05-12T13:28:10+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/"},"wordCount":1326,"publisher":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#organization"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/08\/contact-form-above-or-below-fold.jpg","articleSection":["Form Tips","Guides"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/","name":"Contact Form Placement: Above the Fold or Below the Fold?","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/08\/contact-form-above-or-below-fold.jpg","datePublished":"2019-08-30T07:55:54+00:00","dateModified":"2022-05-12T13:28:10+00:00","description":"Above the fold? Below the fold? Decisions, decisions! Which option is best for your forms, though? The answer is surprising - so click here and learn more!","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/08\/contact-form-above-or-below-fold.jpg","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/2\/2019\/08\/contact-form-above-or-below-fold.jpg","width":1600,"height":1067,"caption":"above or below fold contact form design"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/above-the-fold-vs-below-the-fold-web-page-design-101\/#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":"Where Do Contact Forms Fit in a Page: Above or Below the Fold?"}]},{"@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\/53","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=53"}],"version-history":[{"count":6,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/posts\/53\/revisions"}],"predecessor-version":[{"id":3331,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/posts\/53\/revisions\/3331"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/media\/755"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/categories?post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/blog\/wp-json\/wp\/v2\/tags?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}