{"id":139734,"date":"2022-04-05T11:30:00","date_gmt":"2022-04-05T16:30:00","guid":{"rendered":"https:\/\/getflywheel.com\/?p=22555"},"modified":"2022-04-05T11:30:00","modified_gmt":"2022-04-05T16:30:00","slug":"design-contact-us-page-that-converts","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/","title":{"rendered":"11 Ways to Design a “Contact Us” Page That Converts"},"content":{"rendered":"\n
Your website is one of the most important marketing and branding tools for your business, so devoting time and money making it gorgeous to look at and easy to use is a great investment.<\/p>\n\n\n\n
However, all too often the contact page is a quick afterthought. Slap on a contact form and boom, it\u2019s ready to rock. Right?<\/p>\n\n\n\n
Wrong.<\/p>\n\n\n\n
Contact pages are often the final piece of the puzzle that entices users to make the all-important conversion. They\u2019re the gap between somebody being interested in your products and services, and somebody engaging with you. What\u2019s more, they\u2019re often one of the most-visited pages on your website.<\/p>\n\n\n\n<\/figure>\n\n\n\n
If you haven\u2019t given your contact page much thought recently, perhaps it\u2019s time to revisit it and show it a little love.<\/p>\n\n\n\n
Here are some essential tips for crafting the perfect contact page that converts.<\/p>\n\n\n\n
1. Ensure it\u2019s on Brand<\/h2>\n\n\n\n
Consistency breeds trust, so it\u2019s imperative that your business has a consistent image across your website, marketing materials, social media platforms, etc. Your contact page is no different.<\/p>\n\n\n\n
Your logo should be clearly visible at the top of the page, and the font, colors, and imagery should match your brand and reflect your personality.<\/p>\n\n\n\n
As well as breeding trust, it helps users know they\u2019re in the right place. When browsing online, many people have a number of tabs open comparing your products and services with your main competitors. So when they\u2019re hopping from tab to tab, you want them to be able to tell, at a glance, that they\u2019re contacting the right people.<\/p>\n\n\n\n
2. Watch Your Language<\/h2>\n\n\n\n
Your contact page is the start of a real, human interaction between your customers and your business. It\u2019s a means of establishing a dialogue and influencing people\u2019s impression of your company.<\/p>\n\n\n\n
So if your main text reads, \u201cContact us by filling in our form,\u201d it\u2019s quite likely they\u2019ll think you\u2019re dull and uninteresting.<\/p>\n\n\n\n
Use warm, welcoming language. Summarize the essential information people want, and explain the benefits of getting in touch and doing business with you. Remember, your contact page shouldn\u2019t form a barrier between your organization and potential customers; it should be the start of a conversation.<\/p>\n\n\n\n<\/figure>\n\n\n\n
3. Keep it Minimal<\/h2>\n\n\n\n
Contact forms are a useful way of opening a dialogue and learning a little about what potential customers want. But don\u2019t use this as an excuse to ask a load of questions.<\/p>\n\n\n\n
People don\u2019t have time to complete long, complicated forms, and will often hop off to find a better alternative. Only ask for the basics\u2014the bare minimum of information you need. Keep each section relevant and make it clear which bits are interactive. There\u2019s little more frustrating than finding a form won\u2019t send, but being unable to work out why not.<\/p>\n\n\n\n
4. Provide Sufficient Information<\/h2>\n\n\n\n
Brands and businesses often limit the amount of information they provide on their website, afraid that adding a telephone number will lead to a barrage of calls or an email address will lead to spam emails. But they\u2019re missing a trick.<\/p>\n\n\n\n
Withholding methods of communication, such as a telephone number or email address, gives the impression you have something to hide. That you\u2019re holding back. That you don\u2019t want to speak with your customers.<\/p>\n\n\n\n
People want to know that if they have an urgent question, problem, or complaint, they\u2019ll be heard. It\u2019s another means of establishing trust.<\/p>\n\n\n\n
In the case of providing an email address, it gives people the added security of having a copy of their original message so they can keep a record of all communication.<\/p>\n\n\n\n
5. Add a Map<\/h2>\n\n\n\n
If you have a physical business, adding a map to your contact page is a no-brainer. You may be a little local business on a well-known street or have a prime location in a big city, but if your potential customer is from out of town or is unfamiliar with street names, how do you expect them to be able to find you?<\/p>\n\n\n\n
Adding a Google map is invaluable. People can get directions to your premises, and it\u2019ll help your credibility and trust factor, too.<\/p>\n\n\n\n<\/figure>\n\n\n\n
6. Use Clear Navigation<\/h2>\n\n\n\n
Speaking of being easy to find, the appearance and content of your contact page will account for nothing if people can\u2019t find it on your website. It needs to be visible when people land on your site, although not overbearing.<\/p>\n\n\n\n
You can include it as part of your primary or sub-navigation, but avoid using a drop-down menu as this can be easily overlooked. Don\u2019t get too creative with the page name either; people want to be able to find it quickly, so \u201ccontact,\u201d \u201chelp,\u201d or \u201csupport\u201d will be the first words they look for.<\/p>\n\n\n\n
7. Design it Beautifully<\/h2>\n\n\n\n
Your contact page may not be the most interesting page on your site, but that doesn\u2019t mean you should neglect its appearance. Like the rest of your site, it should be seamlessly designed and user friendly. If it\u2019s poorly designed, uninspiring to look at, and feels like an afterthought, people will hop off somewhere more welcoming without a second thought.<\/p>\n\n\n\n
And for the love of all that\u2019s holy, please make sure the page (like the rest of your website) is responsive. The number of people browsing the web from mobile devices is increasing daily\u2014you don\u2019t want them to have to fiddle with tiny form fields or pinch and scroll the page to find the information they require.<\/p>\n\n\n\n<\/figure>\n\n\n\n
8. Check it Works<\/h2>\n\n\n\n
This may seem obvious, but it needs emphasizing. Whatever you do, check and double check that your contact form is functioning properly, make sure any links lead to the right place, and ensure all information is up to date. Otherwise you\u2019ll look sloppy and careless. And who wants to do business with people who give the impression they couldn\u2019t give a damn?<\/p>\n\n\n\n
9. Don\u2019t Leave Them Hanging<\/h2>\n\n\n\n
[twitter_link]Your contact page is the start of a dialogue, so make sure it gets off on the right foot.[\/twitter_link] At the very least, \u201cMessage sent\u201d should pop up when the form has been successfully sent.<\/p>\n\n\n\n
But you can probably do better than that! Expand your message to thank them for contacting you and explain the average length of time they should expect for a reply. Alternatively, redirect them to a thank you page or ensure they receive an email to acknowledge their message.<\/p>\n\n\n\n
10. Be Social<\/h2>\n\n\n\n
Today, most brands and businesses have some kind of social media presence. It\u2019s increasingly common to include this information on your contact page. It adds another layer of credibility and trust to your business, and it encourages people to follow you, thereby giving you a useful marketing tool. Plus if you regularly monitor your social media or have a dedicated support presence there, it gives people a quick, easy method of getting in touch.<\/p>\n\n\n\n
11. Include a Call to Action<\/h2>\n\n\n\n
Finally, as with all other pages on your website, your contact page needs a clear call to action. Think about the action you want people to take\u2014get in touch, sign up to your newsletter, follow you on social media, visit other pages on your site\u2014and encourage them to stay on your site by including relevant or interesting internal links.<\/p>\n\n\n\n
[twitter_link]Your contact page is the bridge between your organization and your customers.[\/twitter_link] It should be professional yet personal, informative but not boring, and above all, usability is your key to success.<\/p>\n\n\n\n
What tips do you have for crafting the perfect contact form? Can you add anything to our list? Join in the conversation below.<\/p>\n","protected":false},"excerpt":{"rendered":"
Your website is one of the most important marketing and branding tools for your business, so devoting time and money making it gorgeous to look at and easy to use is a great investment. However, all too often the contact page is a quick afterthought. Slap on a contact form and boom, it\u2019s ready to…<\/span><\/span><\/p>\n","protected":false},"author":297,"featured_media":22558,"template":"","resource-topic":[],"resource-role":[],"resource-type":[916],"class_list":["post-139734","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n11 ways to design a "Contact us" page that converts<\/title>\n<meta name=\"description\" content=\"If you haven\u2019t given your "Contact us" page much thought, perhaps it\u2019s time to. Follow these tips to design a contact page that converts!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"11 ways to design a "Contact us" page that converts\" \/>\n<meta property=\"og:description\" content=\"If you haven\u2019t given your "Contact us" page much thought, perhaps it\u2019s time to. Follow these tips to design a contact page that converts!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/05\/WPE-IMG-Thumbnail-1200x630-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/\",\"name\":\"11 ways to design a \\\"Contact us\\\" page that converts\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-04-05T16:30:00+00:00\",\"dateModified\":\"2022-04-05T16:30:00+00:00\",\"description\":\"If you haven\u2019t given your \\\"Contact us\\\" page much thought, perhaps it\u2019s time to. Follow these tips to design a contact page that converts!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"11 Ways to Design a “Contact Us” Page That Converts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521\",\"name\":\"Erin Myers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"caption\":\"Erin Myers\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"11 ways to design a \"Contact us\" page that converts","description":"If you haven\u2019t given your \"Contact us\" page much thought, perhaps it\u2019s time to. Follow these tips to design a contact page that converts!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"11 ways to design a \"Contact us\" page that converts","og_description":"If you haven\u2019t given your \"Contact us\" page much thought, perhaps it\u2019s time to. Follow these tips to design a contact page that converts!","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","og_image":[{"width":1200,"height":630,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/05\/WPE-IMG-Thumbnail-1200x630-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/","name":"11 ways to design a \"Contact us\" page that converts","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-04-05T16:30:00+00:00","dateModified":"2022-04-05T16:30:00+00:00","description":"If you haven\u2019t given your \"Contact us\" page much thought, perhaps it\u2019s time to. Follow these tips to design a contact page that converts!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/design-contact-us-page-that-converts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"11 Ways to Design a “Contact Us” Page That Converts"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521","name":"Erin Myers","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","caption":"Erin Myers"}}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/themes\/wpengine-breakthrough\/images\/fallback\/default-grid-resource.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":false,"topic":false,"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139734"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139734"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139734"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"design-contact-page-converts-laptop\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/05\/design-contact-page-converts-laptop.jpg\")
<\/figure>\n\n\n\n![\"design-contact-page-converts-conversation\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/05\/design-contact-page-converts-conversation.jpg\")
<\/figure>\n\n\n\n![\"design-contact-page-converts-map\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/05\/design-contact-page-converts-map.jpg\")
<\/figure>\n\n\n\n![\"design-contact-page-converts-mobile\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/05\/design-contact-page-converts-mobile.jpg\")
<\/figure>\n\n\n\n