eCommerce contact us page: 7 brilliant examples (Tested work)
Are you looking to build the best Shopify Contact Us page possible? We can help.
The Shopify contact page is your last opportunity to persuade potential clients, customers and fans to get in touch with you or, in my case, convince them to fill in their information.
So we’ve had a look at the best Shopify About Us pages and now I want to do the same for the Contact Us page. What are the best practices? What works and what doesn’t? Is there anything you can do to increase your chances of success?
Let’s take a look at what I think are 7 of the best examples of Shopify/eCommerce Contact Us pages.
PageFly Page BuilderCreate your own Shopify contact us page
Quickly create high engaging Shopify about us page with PageFly appFree install now
In this article:
What makes a good eCommerce/Shopify Contact Us page?
As you guys probably know by now, I have a few other online companies that keep me busy during the day. One of the things that I have found with this non-blog based site is that the contact page can be quite important, and can even help to set the tone of future relations with your clients. It is an important step in the relationship.
So, what makes a good Shopify Contact Us page? Here are some thoughts:
- Reason to contact: Explain why someone should contact them, and describe how they can help solve their visitors' problems.
- Means to contact: Include an email and phone number so visitors can quickly find the right information.
- Call-to-action: Include a call-to-action to keep people on their website -- and provide them with another option if they don’t want to complete the form.
- Your best crew: Showcase the company's thought leadership, whether that's by including a list of recent blog posts or articles about the company in the press.
- Link to social: Link to active social media accounts like Twitter, Facebook, Instagram, and LinkedIn to give visitors a way to engage with the business.
- Don't forget a thank-you page: Redirect to a thank-you page that explains when and how you'll be contacting them. A thank-you page is often helpful in selling your product effectively.
Sometimes, just by analyzing an excellent Shopify Contact Us page, you’ll find inspiration for how to tweak your own so as to increase conversions and save a potential lost client. That is the point of this post.
eCommerce/Shopify contact us page #1: Tune - More engaging with beautiful design
There's a lot going well for Tune's contact page: the beautiful design, the calls-to-action, the clearly displayed contact information, and the form below the fold for visitors who want to get in touch with specific inquiries.
What I love the most about their page, though, is how welcoming it is. With copy like "We're ready to lead you into the future of mobile marketing" and "Get in touch with us," it makes visitors feel like they're being taken care of. Many businesses’ contact pages are rather cold,- but the more friendly you make your page's copy, the better you'll make your visitors feel. After all, you should want them to contact you so you can help them and start building a relationship.
Shopify contact us page #2: Choice Screening - A great copy makes a big deal
Hands down, the best thing about Choice Screening's 'Contact Us' page is their copy. It doesn't get much better than this! It all starts with a concise, delightful "Talk to a Human" header.
Following all that great copy is a well-organized page with contact information, including emails for every different department. The form's a little long for most businesses, but for a business that runs background checks of all kinds, the form fields are likely necessary to help them organize all their inquiries. And it’s still well converted with a good reason to fill out the form.
When considering how long your own forms should be, think about whether you'd rather have more inquiries coming in, or higher quality inquiries coming in. As long as you have other easier avenues for folks to contact you, a longer form can be okay for some businesses.
Shopify contact us page #3: Moz - A lead generator machine
Moz, a Seattle-based SEO software company, features a bold and clear CTA on its 'Contact Us' page ...
... which leads visitors to a more detailed 'Help Hub'. Here visitors can click around to find the help they need for specific software or services.
With offerings as vast and multi-faceted as those of Moz, it's a smart idea not to overwhelm someone who needs help right off the bat. Instead, Moz provides the need-to-know contact information on its main 'Contact Us' page, with additional, more detailed resources available once they click 'Contact the Help Team.' Plus, it features a neat map of Seattle showing exactly where Moz is for people coming to visit in person.
Shopify contact us page #4: Accenture - To the next level of localization!
Accenture offers professional services all around the globe (in 120 countries, to be exact), so suffice to say, there are probably hundreds of different phone numbers and emails people could reach out to for help.
Luckily, this multinational corporation has figured out how to present a lot of information in a compact way on its 'Contact Us' page- with expandable sections visitors can click into to get the information they need.
The 'Contact Us' page is actually chock-full of useful contact information for any request under the sun, but by organizing it in a compact way, Accenture prevents too much confusion while still providing the essentials.
Shopify contact us page #5: Survicate - Perfect CTA with lovely design
Survicate's contact page is another example of a beautifully simple layout combined with friendly, welcoming copy. I love the subheader below the fold and just above the form, which reads: "Let's talk about your project." That kind of conversational, colloquial language is exactly the kind of copy that makes visitors feel closer to a brand.
The form itself is simple, with large form fields and CTA buttons, making it very mobile-friendly. Below that, they've laid out all the typical contact information - office address, phone number, email, hours of operation, etc. - in a way that's easy to read and scan.
Finally, I love that their icons and primary CTA reflect the same color yellow as their logo. All of these simple touches make for a clean, visually appealing design.
Shopify contact us page #6: Pixpa
You'd be surprised how many 'Contact Us' pages don't include a call-to-action. Although the main purpose of your contact page is to help people get in touch with your company, there'll always be folks who land on the page and don't want to fill out the form. That's where a little secondary CTA can fit in nicely.
It can be as simple as a button leading to your blog. Or, it can lead people to demo your product, download a how-to guide, or watch a video. The folks over at Pixpa chose to add a CTA at the bottom of their 'Contact Us' page for a free trial. That way, they're providing value to the folks who land on the page and really just want to talk to a sales rep directly.
Shopify contact us page #7: Weifield Group Contracting - mobile friendly
With the continuing rise of mobile web browsing and mobile-friendly websites on search engine results pages, it's important that all pages on your website - including your 'Contact Us' page - are mobile-friendly.
This includes simplifying your navigation, keeping forms short and sweet, including large CTA buttons that are easily clickable with a thumb, and adding large form fields that are easy for folks to fill out on their mobile devices without having to pinch and zoom.
The Weifield Group's contact page is a great example of one that is mobile-friendly and responsive. Check out the desktop version of their contact page first, followed by their contact page on mobile, and note how they've optimized every part of their page for mobile. The text is large, the form fields are easy to fill out, and their CTA button is large and easily clickable, making for a much more seamless mobile experience.
Here's the desktop version:
And here's the mobile version:
Create your own Shopify contact us page
You can build great Shopify contact us page without any coding skills. The PageFly app with its new update helps merchants to build their own customized Shopify contact us page with a drag-n-drop workflow and pre-designed templates. Let's see how we can use PageFly to build a Shopify contact us page:
Also, have a look at some Shopify contact us page templates:
Shopify contact us page template #1: Lukage
Shopify contact us page example #2: Citilize
In some big E-commerce companies, they burn a lot of money to acquire new user data/contact. Shopify business is not an exception. Do you know any other method to acquire more data with Shopify contact us page? Feel free to leave a comment