{"id":21730,"date":"2020-04-02T11:00:11","date_gmt":"2020-04-02T10:00:11","guid":{"rendered":"https:\/\/fifteen-staging.fifteen.dev\/blog\/ways-to-make-your-contact-form-a-hit\/"},"modified":"2024-10-08T11:10:35","modified_gmt":"2024-10-08T10:10:35","slug":"ways-to-make-your-contact-form-a-hit","status":"publish","type":"post","link":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/","title":{"rendered":"Ways to Make Your Contact Form a Hit"},"content":{"rendered":"
\r\n

Contact forms are one of the most useful and important parts of a website. The reason being they help you to connect and win leads. At the same time, from a user’s point of view, it can be the most boring and time-consuming part of a site.<\/p>\r\n\r\n\r\n\r\n

You’ll see forms like this on a contact page of a website where a user would get in touch or enquire by filling a short simple form. In some cases they are much longer – these are normally registration forms.\u00a0<\/p>\r\n\r\n\r\n\r\n

Studies have shown that contact forms don’t convert that well. But everyone has a form of contact us page on their site, so why do they have a low conversion rate? In many cases, this page, in particular, is the afterthought.\u00a0<\/p>\r\n\r\n\r\n\r\n

\"\"<\/figure>\r\n\r\n\r\n\r\n

This page has another name, rather than a contact page it\u2019s a call to action page. You need to make sure it\u2019s not an afterthought.<\/p>\r\n\r\n\r\n\r\n

We will show you the 10 ways to make them a hit. I love a form and if your’s isn’t working then it’s time to change:<\/p>\r\n\r\n\r\n\r\n

Copy<\/h2>\r\n\r\n\r\n\r\n

Copy is king here. You should explain to your users what they are meant to do. Lead them into the form. Explain to them why contacting you will be the best option.\u00a0<\/p>\r\n\r\n\r\n\r\n

Don\u2019t beat around the bush – make a statement and tell them to contact you. However, don\u2019t overload a user with lots of information. The true purpose for a contact page (call to action between you and I), is a page that should be quite direct. Information that\u2019s not explaining why someone should contact you, then it should not appear on the page – keep it simple.\u00a0<\/p>\r\n\r\n\r\n\r\n

Overcrowding<\/h2>\r\n\r\n\r\n\r\n

Honestly, any form should keep to a minimum. Reduce the number of fields that a user has to fill in as this will increase conversion.\u00a0<\/p>\r\n\r\n\r\n\r\n

MarketingExperiements<\/a>\u00a0have shown that a form that consists of 5 fields gives a conversion rate of 13.5% over a form that is on the same page but with 9 fields having a rate of 10%. Therefore, shorter forms can increase your conversion. However, it all depends on what the form is and where it is too.\u00a0<\/p>\r\n\r\n\r\n\r\n

Engagement<\/h2>\r\n\r\n\r\n\r\n

A contact us page should have one main form. Having others will make it look like you’re desperate for contacts. But what it should also include is other ways of engagement. What if someone doesn\u2019t want to fill in the form? Sometimes people don’t want to speak to someone. So why not add a contact number and email address or live chat service.\u00a0<\/p>\r\n\r\n\r\n\r\n

\"\"<\/figure>\r\n\r\n\r\n\r\n

Another form of engagement of a contact us page is adding in a map with your address and social links.\u00a0<\/p>\r\n\r\n\r\n\r\n

Giving your users options to contact you makes for a more comfortable experience where users can choose which method giving them the control without actually giving them control.\u00a0<\/p>\r\n\r\n\r\n\r\n

And most importantly, when someone has filled out the form, give the user a reassuring thank you and you\u2019ll be in touch. Maybe highlight the time you will respond giving them another friendly user experience.\u00a0<\/p>\r\n\r\n\r\n\r\n

Converse<\/h2>\r\n\r\n\r\n\r\n

A contact us page has other purposes other than contacting you. It is also the perfect place to show off your social feeds.<\/p>\r\n\r\n\r\n\r\n

Allow the user to be in the moment and want to be there. It is normally the page that someone visits when they want to get answers about you as a business. Make them feel welcome. Give them something to convert to. Maybe show an image of you or even your team, give the users info on who they will be having a conversation with – if they end up meeting you face to face. It will make them feel like you already know each other.\u00a0<\/p>\r\n\r\n\r\n\r\n

Inspire<\/h2>\r\n\r\n\r\n\r\n

A contact us page along with its form, should invoke trust and always inspire confidence allowing your users to contact you and feel comfortable in contacting you. For example, if you\u2019re offering a great menu and a user is there to book a table at your restaurant – immerse them into your world – show them a picture of your food – it should solidify their booking.\u00a0<\/p>\r\n\r\n\r\n\r\n

Make it one-sided<\/h2>\r\n\r\n\r\n\r\n

Try and make your form with its fields sit into one column. Forms that follow a vertical path allow a user to easily and naturally flow through the form, especially if you\u2019re tabbing through them.\u00a0<\/p>\r\n\r\n\r\n\r\n

Keeping the form on one column allows for better site responsiveness and provides a more seamless user experience.\u00a0<\/p>\r\n\r\n\r\n\r\n

Labelling<\/h2>\r\n\r\n\r\n\r\n

Google loves mobile. It\u2019s why it\u2019s called Mobile-First Indexing. So when thinking about forms, especially on your contact page, think how they will appear to your users on a mobile device first – but still have a desktop device a close second.<\/p>\r\n\r\n\r\n\r\n

\"\"<\/figure>\r\n\r\n\r\n\r\n

Here\u2019s the trick, try and use the label of the field ahead of its field, therefore, you\u2019ll be able to display information in a field way before a user scrolls towards the field. However, if a field label, (strangely some folks practice this) is positioned below, a user could get stick in a loop of having to scroll up and down to see what the field label is.\u00a0<\/p>\r\n\r\n\r\n\r\n

There are clever ways to clean it up even more below.<\/p>\r\n\r\n\r\n\r\n

Buttons<\/h2>\r\n\r\n\r\n\r\n

These are what a user clicks on to finish the form. If this is not clear then how do you think a user will feel if they are not sure how to submit.\u00a0<\/p>\r\n\r\n\r\n\r\n

Designing a button can be the forgotten rule in a form. It needs to be visible. Think about using a colour that contrasts. Make it so it tells the user it\u2019s the end and home into the copy for this button too, tell the user exactly (in a few words) what will be happening when they hit it.\u00a0<\/p>\r\n\r\n\r\n\r\n

Then once complete make sure you visibly display a validation message on completion of the form.\u00a0<\/p>\r\n\r\n\r\n\r\n

Validation<\/h2>\r\n\r\n\r\n\r\n

A study from\u00a0Formisimo<\/a>\u00a0has shown only 60% of forms use inline validation and when asked, \u201cWhen you fill out a form, do you want to be told about mistakes as you type?\u201d 90% of users said yes they would.\u00a0<\/p>\r\n\r\n\r\n\r\n

This saves so much time allowing the user to quickly enter what they need to do and enquire quicker. These little effects can increase conversion and have huge ramifications.\u00a0<\/p>\r\n\r\n\r\n\r\n

Lastly – That Annoying Asterisk<\/h2>\r\n\r\n\r\n\r\n

There is so much talk about this small point – I mean star! Some experts say you need to say which ones are optional and also which ones are mandatory. My advice is to stick to one. If you want to declutter a form then mark the ones that are optional as optional.\u00a0<\/p>\r\n\r\n\r\n\r\n

\"\"<\/figure>\r\n\r\n\r\n\r\n

Yes, most people know what the small red star is next to the field title is, but does everyone know?<\/p>\r\n\r\n\r\n\r\n

The number of the optional fields within the form really should be kept to a minimum. The minority should be the ones that are marked. So if you have 10 fields and 9 of these fields are needed to be filled out, then marking the one that isn\u2019t mandatory as optional makes perfect sense.\u00a0<\/p>\r\n\r\n\r\n\r\n

To finish up\u2026<\/h2>\r\n\r\n\r\n\r\n

Make a form especially on your contact page spick and span, using proper field labels, using one column and the use of proper validation and buttons you surely will see a page that will increase its conversion and also be a hit with your digital team.\u00a0<\/p>\r\n\r\n\r\n\r\n

If you need a hand updating your site or would like to know how to optimise a page for conversions contact us today<\/a>. We have decades of experience creating web forms<\/a>, websites<\/a> and digital strategies<\/a> specifically tailored to your needs.<\/p>\r\n<\/div>","protected":false},"excerpt":{"rendered":"Contact forms are one of the most useful and important parts of a website. The reason being they help you to connect and win leads. At the same time, from a user’s point of view, it can be the most boring and time-consuming part of a site. You’ll see forms like this on a contact […]","protected":false},"author":84,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-21730","post","type-post","status-publish","format-standard","hentry","category-news"],"acf":[],"yoast_head":"\nWays to Make Your Contact Form a Hit - Fifteen<\/title>\n<meta name=\"description\" content=\"The humble contact form is the last step between you and conversion. Make sure your contact is a hit with these tips.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ways to Make Your Contact Form a Hit\" \/>\n<meta property=\"og:description\" content=\"The humble contact form is the last step between you and conversion. Make sure your contact is a hit with these tips.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/\" \/>\n<meta property=\"og:site_name\" content=\"Fifteen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FifteenDesign\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-02T10:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-08T10:10:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2020\/03\/shutterstock_730952707-scaled.jpg?resize=700%2C700&ssl=1\" \/>\n<meta name=\"author\" content=\"Kyle Lindsay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kyle Lindsay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ways to Make Your Contact Form a Hit - Fifteen","description":"The humble contact form is the last step between you and conversion. Make sure your contact is a hit with these tips.","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:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/","og_locale":"en_GB","og_type":"article","og_title":"Ways to Make Your Contact Form a Hit","og_description":"The humble contact form is the last step between you and conversion. Make sure your contact is a hit with these tips.","og_url":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/","og_site_name":"Fifteen","article_publisher":"https:\/\/www.facebook.com\/FifteenDesign","article_published_time":"2020-04-02T10:00:11+00:00","article_modified_time":"2024-10-08T10:10:35+00:00","og_image":[{"url":"https:\/\/i0.wp.com\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2020\/03\/shutterstock_730952707-scaled.jpg?resize=700%2C700&ssl=1","type":"","width":"","height":""}],"author":"Kyle Lindsay","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kyle Lindsay","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/#article","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/"},"author":{"name":"Kyle Lindsay","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"headline":"Ways to Make Your Contact Form a Hit","datePublished":"2020-04-02T10:00:11+00:00","dateModified":"2024-10-08T10:10:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/"},"wordCount":1285,"commentCount":0,"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2020\/03\/shutterstock_730952707-scaled.jpg?resize=700%2C700&ssl=1","articleSection":["News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/","url":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/","name":"Ways to Make Your Contact Form a Hit - Fifteen","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/#primaryimage"},"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2020\/03\/shutterstock_730952707-scaled.jpg?resize=700%2C700&ssl=1","datePublished":"2020-04-02T10:00:11+00:00","dateModified":"2024-10-08T10:10:35+00:00","author":{"@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"description":"The humble contact form is the last step between you and conversion. Make sure your contact is a hit with these tips.","breadcrumb":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/#primaryimage","url":"https:\/\/i0.wp.com\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2020\/03\/shutterstock_730952707-scaled.jpg?resize=700%2C700&ssl=1","contentUrl":"https:\/\/i0.wp.com\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2020\/03\/shutterstock_730952707-scaled.jpg?resize=700%2C700&ssl=1"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/ways-to-make-your-contact-form-a-hit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fifteendesign.co.uk\/"},{"@type":"ListItem","position":2,"name":"Ways to Make Your Contact Form a Hit"}]},{"@type":"WebSite","@id":"https:\/\/www.fifteendesign.co.uk\/#website","url":"https:\/\/www.fifteendesign.co.uk\/","name":"Fifteen","description":"Creative. Digital. Marketing.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fifteendesign.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714","name":"Kyle Lindsay","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","caption":"Kyle Lindsay"},"url":"https:\/\/www.fifteendesign.co.uk\/blog\/author\/kyle\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/21730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/comments?post=21730"}],"version-history":[{"count":0,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/21730\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/media?parent=21730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/categories?post=21730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/tags?post=21730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}