If someone was searching your site and wanted to get ahold of you, what would they see on your contact us page? A phone number? An address and map? Nothing?
Marketers often spend so much time focusing on the design and content of the homepage and service page that they neglect the contact page.
However, your contact page should be one of your most important pages.
Think about it. If someone clicked on your contact us page, then they are obviously interested in speaking with you! Therefore, your contact us page should be more than just a number and a generic email address.
Contact Form vs. Email Address: Which Is Better?
You might already have a contact page live on your site. But does it have a contact form or just a company email address?
There’s a lot of debate when it comes to this: What should your contact page include? Visitors are already navigating to it for a reason, but what should be available to them when they get there?
Some companies think plastering a generic email address will do the trick; however, you never know what people will be contacting you and for what reason. If your company receives a lot of emails, it can be very difficult to sort through them all and reach back out.
This is why contact forms are a must on your contact us page.
Contact Forms Look Professional and Are Easier to Use.
Overall, we feel that having an easy-to-use contact form looks more professional and put together on a contact us page than just an email.
Think about it: When you really need to contact support, you're looking for immediate help. With a contact form, you can fill it out within seconds and click send.
Yet, with an email, you have to copy it, open up your email provider, paste it in the recipient field, and then type up your message. And, you might not have provided enough information to the company, which would require more back and forth emails until they're able to fully help. That's a pretty stressful situation.
Contact Forms Allow Easy Redirect to Team Members.
People contact a company for all sorts of reasons: a product/service issue, interest in working with your business, or even an interest to work at your company.
When you receive a bunch of contact emails, it can be hard to filter through and properly direct each email to the right representative. But, with a contact form, redirecting can be done in the blink of an eye!
If you ask visitors their reason for contacting your company, each response field can redirect to a certain team or team member – no inbox filtering necessary.
Ideally, your contact page should include both a simple contact form and an email address. You never want to limit a visitor’s opportunities to reach out to your business. So, when in doubt, put them both on your page!
What Fields Should You Include on Your Contact Form?
First and Last Name
Obviously, getting the contact’s name is the most important field to include on a contact form. Need I say more?
Yet another obvious, essential element to collect in a contact form. How else are you going to reach back out to them if you don’t know what email address to send to?
Your best bet is to request a business email address. If they include a Gmail, AOL, or basic email, they might not really be interested.
This is a great way to get to know the company that is reaching out to you for help. With the name of the company in your back pocket, you can do a little digging to better understand what the company sells and how you might be able to help them with their problems.
Reason for Reaching Out
Whether this is a simple dropdown field or an open-text, paragraph field, this is essential.
It’s important to understand the intent of someone’s inquiries. Why is this person reaching out? What specifically are they searching for answers about?
Contact Page Best Practices to Follow (as Needed)
People are coming to your contact us page to contact your business. Follow these best practices to ensure that visitors will keep coming to you to ask questions, to seek help, and to learn more about your business!
- Don't ask unnecessary questions:
Think about user experience – the more fields they have to fill out, the less likely they’ll actually do it.
- Explain to the reader why they should reach out to you: What specifically are you able to help them with?
- Reassure them that you'll contact them back: No one likes waiting. Let them know how soon they can expect to hear back from someone at your company once they submit the form.
- Use smart forms: People can contact your business for all sorts of things, so they may come back more than once and fill out a contact form. Use smart forms to switch up the fields and collect the right information each time.
- Include a CTA somewhere on your page: Not everyone who visits your contact page is ready to reach out – give them something to have until they are.
- Complement the rest of your website: While a contact page might not always be the most fun page, it doesn't mean you should sacrifice good design. Be sure to design your contact page to fit the rest of your website aesthetic.
20 Perfect Contact Page Examples You Should Take Notes From
Below are 20 of the best contact us pages we could find. Take a look at each and jot down a few things you like – they just might help inspire a redesign!
*Note: Not all of these pages include the elements and best practices from above... but they're too cool not to talk about.*
At Bluleadz, we love our YETI cups. You can find one on every employee’s desk (no joke). But what’s even better than YETI’s awesome drinkware is their kickass contact us page.
The top image is attention-grabbing when you get to the page, and they show the company’s personality and humor with the line, “While we’re good with smoke signals, there are simpler ways for us to get in touch and answer your questions.”
They offer a variety of options to help you find the right information you're looking for, including FAQs, shipping and return policy, warranty, product registration, and checking a gift card balance. These pathways make it a lot easier to find answers.
And, if you still can't find the right answer to your question, simply click "Send us an email" and a contact form will pop up in a new tab. Here, you can fill out your name, address, and select a drop down of what you are reaching out about. Then, use the open text field to add more detail and explanation.
2. Let’s Travel Somewhere
Forget email. Send a postcard!
Or at least make your contact us page look like a postcard. Travel site Let’s Travel Somewhere kept their travel theme going by making a fantastic contact us page that looks like a postcard.
With a simple CTA button, you can send a quick message to Nisa. However, on the right side of the page, instead of an address like most postcards, there are links to social sites to keep users engaged.
It’s not your typical contact us page look and feel, which is what makes it stand out.
Keeping your contact page simple and clean is always a good idea. After all, users are on the page because they want to contact you, so don’t confuse them with too much unnecessary info.
Grammarly does a great job demonstrating a clean page design for their users. They have three CTAs – one to visit their press page, one for help and support, and one to contact sales.
Similar to YETI's design, offering various branches up front allows visitors to find what they're looking for more easily. And, when you click on the "Contact Sales" CTA, you're immediately redirected to a detailed contact form to send to their sales team.
This clean, easy-to-use contact page reflects the rest of the Grammarly brand and website well. Accent colors bring a little life to the page, but the overall design is professional and useful.
It’s no surprise that a company like Coca-Cola would have a great contact us page.
As the concept of conversational marketing (live chat and chatbots) continues to grow in popularity, Coca-Cola is sure to include it on their website in a creative way.
An easy-to-use chat box appears as soon as you hit the page, making it easy to "Ask Coca-Cola" and get an immediate answer from their knowledgebase.
The FAQ tabs also send you right to the questions for those who want to find their answers online. As you scroll down, you see their general contact info, social icons, and even have a place to submit an idea to the company.
You don’t need a flashy design to have a good about page! Moz keeps it simple and to the point with this simplistic page.
They have their address and a bold yellow CTA that opens up a simple form to contact the Moz help team. Beneath that is a cartoon-like map of their location. Nothing more.
It’s a great contact page example proving that you don’t need to overwhelm your users; rather, a simple CTA allows them to move to the next step when they're ready to reach out.
UberConference is a great virtual conference system that a lot of businesses use to communicate to teams and clients. And when you need to contact them for support, you won't mind visiting their neat contact us page.
With the phone number and email clearly displayed, it makes it easy to reach out to someone – no need to dig around their website looking for a way to reach out (isn't that the worst?).
And, as if they couldn’t make it simpler, they have a form right there that you can use to submit a specific question and get it answered!
But, one great thing about their contact page is that it's not just a way to reach out to the team: it's actually another way that UberConference uses bottom-of-the-funnel conversion paths that speak to visitors with different intentions.
As you continue to scroll down the page, you're greeted with this: A bold CTA encouraging visitors to sign up for UberConference.
This, paired with the contact form, support email, and an option to provide feedback, is really a catch-all for both customers and prospects.
Wendy’s' contact us page has a simple and clear message: Contact us at your convenience.
Not only is the page designed nicely, but they have a customer satisfaction survey at the top that allows you to share your opinions on their service and food items.
In a clever way, they also show that you can text or call them if you have any questions, comments, or concerns. (It seems use of emojis is always accepted.) And don't worry – they'll always respond back to let you know they saw it.
There are probably a variety of individuals visiting your website. Are they looking for sales? Do they need customer support?
Achieve3000 makes it easy for people visiting their site to find what they need with three targeted CTAs. By segmenting it like this, you can make it easy for everyone to contact the department that is right for them.
Lower down on the page, they make sure to include all relevant addresses, phone numbers, and emails depending on what you're looking for and who you're trying to contact. Nothing is more stressful than calling a number only to be redirected multiple times because you didn't call the right one. Achieve3000 eliminates this issue for its visitors – phew!
Talk about simple.
Zendesk realizes that the people coming to their contact page are looking for a quick way to reach out – enter the three-field contact form.
All they ask for is a work email, a subject (a dropdown option between pricing/sales, billing, marketing/PR, partnerships, or employment) and a quick message referencing your outreach. Click submit, and someone will contact you soon!
If you're looking for product support, there's a quick way to find it – just click the "visit our help center" CTA beneath the contact form to be redirected to Zendesk's help center.
Another simple design, Batterii only requires you to fill out a few fields in order to contact them. They don't put you through an IQ test or eye exam; they just want to get to know you and your company's intentions.
But here's the best thing:
They also include their contact form right on their homepage!
This is a genius tactic: Offer visitors a way to get connected with a sales rep as soon as they come to their website – and it's no different than the one on their contact page. Contrasted with bright colors and imagery in the background, the contact form really stands out when their homepage loads.
But, if you are on another page and are looking to contact them, you can easily find the outlined "Contact Us" button in the navigation bar. (This gives them double bonus points!)
The entire Brandaffair website is kickass... and their contact page doesn't disappoint.
While a simple design makes contacting a business easier and less distracting, some companies opt for a more visual approach that is eye-catching and bold. I think Brandaffair wins!
If you're looking for a phone number, email address, or address, you can find that under the "Meet Us" section. And, if you're looking to pitch a project or reach out to the team, you can submit a fill-in-the-blank form under the "Pitch Us" section. Pretty cool, right?
Domo's contact website page is another example that proves that clean design works.
Thin, gradient icons symbolize the various ways to reach out to the team, from phone call to address to 24/7 support. Then as you continue to scroll down, there is an option to fill out a generic form to contact Domo directly with any questions, comments, or concerns.
The design of this page is nothing crazy, but it seems that Domo doesn't want to appear crazy, after all. Their overall website design is just as clean, so the simplistic approach to this page complements their brand well.
Sometimes, it's the difference of sticking to the status quo or branching out and being unique that attracts visitors. And for Yummygum, a design studio in Amsterdam, they chose the second route.
A split white and blue screen features great contrast the second you load the page. In the "We're Here" section, you can see a map fading into the screen with the company's address and social icons. Then, in the "Let's Talk" section, you have the option to reach out to their general email or fill out various forms to contact a representative.
What's creative about their contact forms is the contact option choices; rather than sticking to the norm and letting visitors inquire about products, services, customer support, etc., you can talk about:
- Your great product
- Meeting for a coffee
- Birds and bees
While they might not be too serious about the second and third option, it's a great way to pull the reader in and get them to reach out. Depending on what they choose, a different form will pop out for them to submit.
14. Urban Influence
Urban Influence's contact page fits perfectly into the rest of their website design. Module-like color blocks break up the various sections on the page, making your eyes jump to each to see what's up.
According to the top of the page, Urban Influence encourages you to give them a ring, send them an email, or "fill out that nifty form below." With a few simple questions (and a little math), you can contact their team in a matter of seconds.
They also offer two ways to start a project and see if your company is eligible to work with Urban Influence. At the top of the page, they include a small hyperlink, yet underneath their contact information and form, you can find a thin gold CTA to also load the potential client questionnaire and begin working with them.
Rather than using multiple CTAs or buttons to send visitors in the right direction, Vidyard organizes their contact page into different contact form tabs.
When you come across the Vidyard contact page, you're greeted with a branded background image of their logo, which immediately helps you identify their brand. Then, as you scroll, you can see four different tabs:
Each tab features different supporting text as well as a different form to fill out. This way, the Vidyard team knows exactly what you're reaching out in regards to – without having to ask you within the form. An easy, yet effective, design choice.
16. The Middle Finger Project
Humor can really go a long way in attracting new visitors and encouraging them to reach out. And that's exactly what The Middle Finger Project does!
Already an intriguing brand name, The Middle Finger Project's contact form is nothing short of entertaining. In a mad-lib-like format, the dropdown options are pretty funny – yet contacting founder Ash Ambirge is still super easy.
With a few short clicks and a little laugh, you can easily reach out to The Middle Finger Project about products, ideas, testimonials, and more. Once you're done, send with the speed of a pack of wolves.
And, according to the top of their contact page, if you "need a super fast response? Tweet to @TMFproject for customer service or fun thoughts!"
17. Deux Huit Huit
Initially, the contact page on Deux Huit Huit's website is very black and white – a rather simplistic design. But, as you continue to dive further into the page design, it's pretty neat.
When you hover over each button (contact form, phone number, email, Google Maps, etc.) the black and white text turns into colored text, and there's even a really cool typewriter effect.
Then, toward the bottom of the page, there's a "Say Hello" section. Click this, and then the real fun starts. (I know it's just a website page, but it's just so cool!)
"Say Hello" is their version of a contact form. There's no required fields, no character limit – just a simple message you can send to the team. And, as you type, the background color changes! (It'll make you want to write more just so you can watch in awe.)
Ideally, they still want you to include your name and company (if applicable) so that they have context to your message and can better understand where you're coming from.
Plus, if you don't include an email, you'll receive this quick message, "Hmm ... You did not specify how we could reach you. Do you wish to send the message anyway?" So, be sure to leave one so they can reach back out!
It's no surprise that we're big advocates of HubSpot – as a Diamond Partner agency, we are all aboard the HubSpot train.
But aside from that, we actually adore their entire website design! If you haven't checked it out yet, they use really clean and fun animated graphics as their visuals... loading up a page makes it feel as though I'm stepping into a cartoon.
Yet, their contact page takes a slightly different approach – they show real images of real offices and real people. When you're contacting them, they want you to know who you're contacting.
Initially, under their "Get in touch" header, you have two options: Talk to sales, or contact support. When you click contact support, you are redirected to their support page, where you can search any of your questions and let their technology dig through their knowledgebase to (hopefully) find a valuable answer for you.
Still can't find what you're looking for? Scroll down further for various options to reach out to the HubSpot support team. Whether you submit a ticket, ask the community, tweet at HubSpot, or call, someone is there to help.
Though a very out-of-the-box design, the result is pretty freakin' cool.
Now, I wouldn't suggest taking this approach on every contact page, it seems to work for Anakin, a design studio in Germany, because their overall design is very loud and bold.
A very straightforward form reads, "I am [name] My email is [email] I send you [words] now." Once you're done filling it out, just click the yellow "now" and your message has sent.
Since their form is so in-your-face, the rest of their contact page is very clean and utilizes a lot of white space. Just a simple hello, address, email, and phone number does the trick.
Not that we want to toot our own horn, but we do love our own contact page!
We rebranded our website within the last year, and the contact page was just one element of that. With our broadened color scheme and new gradient, drop shadow, and wave elements, we went all in on the page to make it look inviting and easy to use.
The contact form on the page isn’t your average look; it has more of a Mad Libs look – we tried to make it as unique as possible! This makes it easier to get the information we need out of visitors who want to reach out to us; it gives us more context as to who they are, where they're coming from, and what they're contacting us for.
Under the form, we have a map to our office location along with the address, phone number, and email. We also used this opportunity to include CTAs for guest blogging and joining the team, making it easy to learn about these common inquiries that we receive.
What are some of your favorite Contact Us pages? Share your thoughts in the comments section below.