Do you wish to verify the very best ‘Contact Us’ pages for inspiration on creating your individual?
There are lots of methods of constructing the proper contact part on your web site or weblog.
Though there are some “guidelines,” there’s no restrict to the way you’d love to do it.
For instance, a contact kind is a standard follow, however you may also solely add a clickable electronic mail and telephone quantity.
Furthermore, a Google Maps integration to showcase your location is useful, however some solely add the complete deal with.
Do it your manner!
However these examples will undoubtedly show you how to in your journey.
Inspiring Examples Of Contact Us Pages
1. Cult
Constructed with: Uncode Theme
You’ll first discover the darkish design that immediately makes this web page look extra premium. Furthermore, “Say Hi there!” may be very catchy, which inserts Cult’s contact web page effectively.
Surprisingly, they don’t use a contact kind however have clickable electronic mail and telephone quantity and a hyperlink to Google Maps location.
Observe: Use a cool animation to let guests know they’re on the contact us web page.
Bu the way in which, don’t miss our in depth Uncode theme review.
2. Yummygum
Constructed with: Dato CMS
Yummygum’s web page is mild and artistic, aiming for a minimalist look. It has a title textual content, somewhat rationalization that they’re there for you and a contact kind with a contrasting background shade.
Furthermore, as a substitute of utilizing the overall contact kind, you may also hit up Vince instantly, which creates a extra private expertise.
As an alternative of Google Maps, they use a customized 3D map to showcase their location.
Observe: Make the contact us course of extra private by including the contact particulars of one among your workforce members.
3. The Charles
Constructed with: Gatsby
Charles additionally makes use of a darkish design on its Contact Us web page. As a result of it has a number of workplace places, it broke issues down into three sections, with every workplace’s enterprise and make contact with particulars, together with “view on map.”
In the meantime, the footer is mild, which provides the web page a extra dynamic really feel.
Observe: Copy The Charles’ technique in the event you additionally run a number of workplace places.
4. Brandaffair
Constructed with: Yii
Brandaffair has a catchy hero picture with hover impact animation and a clear header with menu hyperlinks and social icons.
The second half of the contact web page consists of three sections: Google Maps, Meet Us, and Pitch Us.
Observe: Make your contact us web page enjoyable {and professional} so it’s not too boring!
5. Basecamp
Constructed with: Squarespace
Basecamp mixes simplicity and uniqueness very effectively on its contact/assist web page. They use a title and extra textual content, with the knowledge of how rapidly they may get again to you (6 minutes, actually?!).
The contact kind options a number of fields with a drop-down, so your message lands within the fingers of the precise division.
Observe: Use a drop-down for topic choice/motive of contact to dissect emails.
Take a look at extra improbable Squarespace website examples.
6. Bumble
Constructed with: Squarespace
Bumble makes use of a number of hyperlinks and make contact with choices, which will increase person expertise however, on the similar time, makes their lives loads simpler. Why? Assist goes to assist individuals, PR to PR individuals, promoting to promoting individuals, and so forth.
What’s additionally useful is that the contact kind opens in a popup, so the person doesn’t have to go away the present web page.
Observe: Supply customers a number of contact choices to handle the question to the proper division.
7. Marvel
Constructed with: Gatsby
Marvel’s contact us web page makes use of a lightweight background with blue detailing that works effectively with their branding. They function a contact kind above the fold, so it’s simple to entry.
Furthermore, additionally they have a second contact part for everybody searching for one thing explicit, like gross sales, assist or press package information.
Observe: Add a contact kind above the fold, so customers don’t must scroll and seek for it.
8. Bando
Constructed with: Shopify
Bando runs a cool and enjoyable contact web page with a easy design however an added contact of creativity via visuals and textual content.
The shape makes use of a drop-down for subject choice as a result of writing a topic is at all times the toughest factor to do.
In addition to, additionally they showcase a telephone quantity in the event you really feel like calling and opening hours. However additionally they use their contact us web page to sneak in a e-newsletter subscription kind.
Observe: Don’t overlook {that a} contact web page also can work nice for gathering emails.
9. Doughnut Time
Constructed with: Shopify
As an alternative of a contact kind, Doughnut Time has 4 sections with 4 clickable emails so you may get in contact with individuals instantly loads simpler.
Plus, they use a further part to seize the chance and give you a reduction in alternate for an electronic mail.
Observe: Supply guests a reduction code via a kind, even on a contact web page.
10. Impact
Constructed with: Hubspot CMS
What’s distinctive about Affect is that they use a video on their contact web page, which addresses the contact kind and filling out the fields, making you’re feeling extra snug.
Moreover, additionally they have a FAQ part with accordions to maintain the look cleaner.
Observe: Why not use a video on the house web page letting individuals know what occurs subsequent after they attain out.
11. Survicate
Constructed with: Webflow
This contact web page makes use of two sections. The above-the-fold space comprises a title, textual content and a easy contact kind. And Survicate makes use of the below-the-fold space as one other alternative to get you on board, explaining the three-step course of with call-to-action (CTA) buttons.
Observe: Use a easy “gross sales” ingredient in your contact web page.
Don’t miss peeking at our listing of the very best Webflow websites.
12. Glossier
Constructed with: Shopify
Glossier’s contact web page is likely one of the easiest that includes solely a bunch of textual content and completely different electronic mail addresses – no contact kind. That’s it!
However additionally they added a hyperlink to careers and the enterprise deal with; all the remaining is a header and a footer.
Observe: Give the guests contact info; you don’t want any fancy stuff.
13. Scribd
Constructed with: Ruby On Rails
Scribd has a barely completely different method, beginning with a full-width Google Maps background to showcase its enterprise location.
Under the maps are the deal with and social media hyperlinks, adopted by a number of buttons that hyperlink to completely different contact and knowledge departments.
Observe: Use a visual spot so as to add Google Maps with a marker to showcase your location.
14. Atlassian
Constructed with: Magnolia CMS
In addition to the completely different contact sections, Atlassian additionally has all their worldwide workplace particulars on their contact us web page.
Nevertheless, regardless that there’s lots of content material, using white house ensures it’s simple to skim via and discover the precise information.
Observe: Use further white house if you plan to function loads of contact particulars and a number of enterprise addresses.
15. The Crabby Shack
Constructed with: Divi Theme
The Crabby Shack options two screenshots from Google Maps that show their places. And in the event you click on the pictures, they open Google Maps in a brand new tab to be able to use the instructions simpler.
Extra contact particulars, opening hours for every location and a CTA for on-line orders.
Observe: If in case you have a number of enterprise places, use Google Maps to showcase them.
Be at liberty to learn via our Divi theme review to witness how highly effective this theme is.
16. Fear Of God
Constructed with: Shopify
Worry Of God has essentially the most minimalist contact us web page, with two contact emails and a contact kind with a drop-down to choose the subject.
Observe: A easy contact kind is all that’s crucial.
17. Brixton
Constructed with: Shopify
Brixton shows opening hours, clickable telephone quantity and electronic mail deal with beneath the banner. Additional down is a contact kind, adopted by a product carousel that takes you again to the net store.
Observe: A easy and clear product carousel on the contact web page can profit you tremendously.
18. Cuup
Constructed with: Shopify
Cuup has a split-screen design with a floating picture on the left aspect and all the small print and knowledge on the precise. There’s no contact kind, however all of the emails are clickable. Moreover, you’ll discover the telephone quantity and after they’re accessible to contact.
Observe: As an alternative of utilizing a conventional structure, create a split-screen one, like Cuup.
19. Stance
Constructed with: Shopify
Stance can also be a web site that doesn’t complicate its contact us web page. In addition to the textual content supplying you with extra details about workplace hours, electronic mail, and telephone quantity, you’ll discover a fundamental contact kind, which is greater than sufficient.
Observe: In the event you doubt the design, follow simplicity.
20. Podia
Constructed with: Contentful
Whereas the primary a part of Podia’s contact web page shows chats, electronic mail, and assist middle assist particulars, the second is devoted to their workforce. The avatar, the situation and the straightforward one-sentence bio familiarize you with the assist workforce beforehand, so you understand precisely who you’re speaking to – actual individuals.
Observe: Create a particular part devoted to your assist workforce, so customers know there are precise of us behind the model.
21. Kick Point
Constructed with: Underscores
Kick Level has a singular above-the-fold part with extra info and a fast tip about how to not deal with your emails.
Under the fold are all the additional particulars and a contact kind with the “I’m not a robotic” checkbox. The telephone quantity and electronic mail deal with, each clickable, are on the backside.
Observe: If in case you have something particular to share or announce, make it seen within the above-the-fold space.
Was this text useful?
SureNo
