Your website serves multiple purposes for your business but, likely, the most important function it serves is enabling end users to get in touch with you. Users are hungry for this information, as 51% of people think “thorough contact information” is the most important element missing from many company websites.
Users should find it easy to contact your business based on their needs, for example:
Your Contact Us page should not be the only destination for a user to get in touch, but it should be the most comprehensive option for a user to reach out if they didn’t successfully navigate to a more specific landing page such as a BOFU content offer or support center.
If a user navigates to your Contact Us page, their goal is to get in touch with a member of your company who can help them solve a problem or answer a question. Here is a quick reference to making a high-CRO landing page:
If they’ve self-selected to contact sales, consider displaying customer logos or statistics that bolster your position in the market.
If they’ve self-selected to contact support, consider displaying statistics that validate your support infrastructure to build trust before they reach out.
Contact pages often end up looking outdated compared to the rest of a website because website designers tend to underestimate the importance of these pages in terms of both copywriting and design. They often prioritize other aspects of the website and leave contact pages at the bottom of their priority list.
As a result, contact pages can end up resembling websites from the 1990s, while the rest of the website showcases a modern and updated design. This neglect of contact pages may stem from a lack of recognition regarding their significance in facilitating communication between the website and its visitors. That's why it's crucial to prioritize the design and copywriting of contact pages to maintain a cohesive and visually appealing website experience for users.
To create a seamless user experience and ensure easy navigation, incorporate your brand identity into the contact page through a minimalist and clean design. You can achieve this by utilizing consistent branding elements like colors, fonts, and imagery. By subtly integrating your brand identity into the contact page, users can quickly find the information they are seeking while experiencing a visually cohesive design.
To help users find answers to their questions, you can link to a knowledge base. This allows users to quickly and easily access relevant information without having to wait for a response. By offering a knowledge base or a community of other customers who can answer questions, you can empower users to find solutions on their own.
Dropbox’s Contact Us information architecture makes it incredibly easy for users to find the contact page and they take it one step further by giving users the option to reach out to sales or support directly in the navigation dropdown.
Once a user lands on the Contact Sales page, they are once again offered multiple options (phone number, find a partner near you, visit help center) on how they’d like to proceed depending on their need.
Mailchimp’s Contact Us page masters the art of simplicity. The page gives the user the option to select a topic that routes them to the right page or follow-up questions to support them.
The page provides a succinct summary of Mailchimp, its mailing address, and quick links based on commonly-requested content from users. Mailchimp also includes a brief section outlining its acquisition by Intuit and key links for the parent company (website and corporate contact page).
People spend 1.4x more time on pages with video than without. Typeform took that statistic to heart when building their contact page. Typeform’s modern approach to the contact page includes a 7-second video that encourages users to select the next step that’s most applicable to them.
All of the options redirect a user to a destination page with more information on the topic selected. Most of the subsequent pages leverage Typeform's stylish forms, which is a clever way to showcase the product in the website user’s experience.
The downside to this modern approach is that it’s difficult to navigate back to the parent contact page and there is no option to select “other” if your inquiry doesn’t apply to the list provided.
ZenDesk does an awesome job of threading its brand identity into the Contact Us page without cluttering the content so users can still quickly find what they’re looking for. It takes users about 0.05 seconds (yes, you read that right) for users to form an opinion about your website that determines whether they like it or not and first impressions are 94% design-related.
Although the Contact Us page is not typically a user’s first stop on your website, they venture to that page during a critical moment in their journey with your company (interest in becoming a customer, partner, employee, etc.) It’s worth the time to align this key page with the rest of your company’s brand identity.
Zendesk is also a great example of a simple and straightforward web form. To enhance user experience and encourage action, businesses should adopt a minimalist design approach for their contact page, like Zendesk. A clean and visually appealing interface fosters professionalism and trust, increasing the likelihood of form engagement and completion.
1-800 Contacts are known for their award-winning customer experience — their contact info is in the company name after all! They offer multiple ways for users to get in touch with the business (by phone, live chat, email, and form).
They take their contact page one step further by including a “frequently asked questions” section that uses a witty tone as if you were texting your friend. “Holy astigmatism! I just realized I’m out of contacts!” is our favorite. The only thing missing from this page is a contact (lens) pun.
Beyond Meat’s Contact Us page does a wonderful job of laying out multiple contact options based on inquiry type. Once an option is selected, it’s effortless for a user to navigate back to the Contact Us overview page if they made the wrong selection.
The layout of the page aligns nicely with the branding across the rest of the website but they’ve kept this page simple by eliminating design elements like images, videos, and layouts that break the grid to allow users to access this information quickly.
It’s no surprise that Calendly’s contact page makes it easy to get in touch with their company since they’re a scheduling automation platform focused on simplifying scheduling. Their Contact Us page routes users to five primary pathways depending on their needs and they prioritize customer-first paths (sales, support, and media) over partner-first paths (join our team and become a partner).
Their Talk to Sales landing page follows landing page best practices with a clear headline, form above the fold, and external validation. One opportunity for improvement is routing users to a more useful Thank You page once they’ve converted which includes additional opportunities to explore their product.
Therabody’s Contact Us page starts off with the basics of allowing users to get in touch based in the way that makes the most sense for them (email, phone, live chat) and they provide clarity on online hours and expected response times.
What makes Therabody’s Contact Us page unique is the way they thread FAQs based on product categories. The company is creating a new segment in the health and wellness market with its line of at-home massage and recovery products. The FAQ cards on the Contact Us page are dual purpose: they provide helpful information about commonly-asked questions AND they shed light on the entire product suite the company offers which increases awareness for visitors who might only be familiar with one of their products.
Databrick’s desktop website includes an uncommon right-fixed navigation which is also featured on the Contact Us page. Databricks allows users to get in touch in multiple ways. The chatbot’s inviting copy to “skip the line and schedule a meeting” is a great way to encourage folks to use that functionality in lieu of a form fill.
The quick links on the right side of the page offer clear next steps for users who are looking for documentation, community, training, support, locations, and knowledge base. Once a user submits a form, they’re routed to a succinct Thank You page. In order to improve this experience, we recommend adding a few next steps links so a user can keep exploring.
It’s no surprise that Drift’s Contact Us hero section prominently features a chat CTA as this company defined the conversational marketing category we know and love today. All links on the contact page prompt a chatbot with specific questions based on the option selected.
In addition to the chatbot, they feature office locations with an address and images of each space which brings a personalized touch to the company’s in-office experience.
Marginedge’s Contact Us page takes a minimalistic approach compared to the rest of the website but it’s unique in that it features the contact button in the utility navigation so it’s always accessible and it leverages tabbed functionality for a user to self-select their interest (get a demo, working here, other).
Supermetrics does a super job of laying out its Contact Us page. Users can select the contact card that’s most applicable (sales, customer services, job opportunities, etc.) and they’re routed to the form or website page most applicable to their inquiry.
Supermetrics doesn’t stop there. They also give their users the option to submit a form if they didn’t find what they were looking for and provide office address, email, and billing information. The use of color and background shapes keeps the page interesting without cluttering the content.
After undergoing a top-to-bottom rebrand, Sharetru, an enterprise file transfer software, took a vibrant and sleek approach to UX across the new website. Their Contact Us page mirrors the same user-friendly interface, offering multiple options for contacting sales, billing, and support teams.
The page also offers pathways for current and new customers, allowing users to get to the right representative according to their status and specific need for contact. By segmenting the contact page accordingly, Sharetru saves users wait times and endless call transfers.
As a complement to the Contact Us page, Sharetru also includes a Support page with knowledge-base-style articles, plus a search bar, for easy technical resolution. There’s also an FAQ page and plenty of segmented resources as self-service options.
Sharetru implemented a “sticky search bar,” allowing users to navigate to any new section without needing to scroll back up on the page. The fade-away design and stark color contrast offer an ADA-compliant, engaging experience across the website.
A Contact Us page should be one of the many ways a user can get in touch with your business. While these pages should enable any user to get in touch, we recommend encouraging primary user groups such as prospects and job seekers to get to the contact pages that are MOST relevant for them instead of the generic page.
Here are more tips you should center your landing page around:
When designing a Contact Us page, businesses should consider their buyer personas by including features and resources that are specifically tailored to their customers' needs. Thoroughly analyze your buyer personas and include relevant support options and information on the page, making it easier for visitors to find the assistance they require. Here are some tips for making your page persona-centric:
To create a seamless and user-friendly Contact Us page, carefully assess the necessity of each form field. By including only essential fields that are relevant to the purpose of the page, you can streamline the process and enhance user experience. Here are more tips for a clean page:
To effectively demonstrate their thought leadership on their Contact Us page, businesses can employ several strategies:
By implementing conversion rate optimization strategies, you can create Contact Us pages that not only cater to mobile users but also enhance the overall user experience, ultimately increasing conversions and customer engagement. Other tips to improve you website's CRO include: