If your site isn’t responsive and optimized for mobile, chances are around 75% of people will bounce without making a purchase.
Want people to create an account before buying? Say goodbye to 35% of mobile customers — and that’s not even the biggest reason they leave.
<blockquote>
The world of <a href="/articles/ecommerce/mobile-commerce/">mobile ecommerce</a> can be a confusing minefield for merchants, but it doesn’t have to be.
</blockquote>
Like sleeping on an airplane, shopping on an iPhone or other mobile device still doesn’t feel quite right most of the time. That’s because most ecommerce merchants still have a few (sometimes more than a few) issues that need ironing out.
These issues, it turns out, aren’t a minor inconvenience, either — they’re costing business owners somewhere in the region of half their potential mobile sales, and often more.
That’s ludicrous, especially when you consider that the tools and mobile ecommerce best practices exist to make shopping on mobile — whatever the scope of the purchase — quick and painless.
In this article, we’ll be taking some of the lessons we’ve learned over the years to address and discuss three main points:
<ol>
<li>What’s eating your customers when it comes to your <a href="https://www.unboundcommerce.com/unbound-commerce-launches-new-features-frictionless-mobile-shopping/">mobile checkout experience</a></li>
<li>How and why you should be encouraging the use of digital wallets to optimize for mobile conversion</li>
<li>Why cart abandonment is an issue no merchant should have to face</li>
</ol>
<h2>Why are your mobile conversion rates so low?</h2>
When was the last time you visited your own website on a phone and tried to buy something? If you can find even the tiniest hiccup, chances are your customers found it, too, and they might not be so forgiving.
Eventually, we’re talking about cart abandonment, which is where a customer fills their online shopping cart with items they’re planning to buy, only to leave the site without completing the purchase. We’ll get to why that is later, but the reason we say ‘eventually’, is that there could be other reasons why your mobile site isn’t quite sitting right with potential customers, even before they’ve had a chance to shop.
Let’s take a look at a few of those reasons — and the mobile optimization tactics you can use to combat them.
<h3>Your website is unresponsive (or just looks plain bad)</h3>
As far back as 2004, studies <a href="http://dl.acm.org/citation.cfm?id=985776">like this one</a>, led by psychologist Elizabeth Sillence, were telling us that how your website looks has a huge impact on how trustworthy potential customers deem your business to be.
The study — which focused on health websites — found that an outrageous 94% of respondents who were wary of a website, were wary because of the design.
A poorly-designed, unresponsive website makes you look like you don’t know what you’re doing — or worse, like you’re running a scam!
Fortunately for ecommerce businesses, picking a <a href="https://www.bigcommerce.com/theme-store/">BigCommerce template</a> to work with makes this one an easy fix.
<blockquote>
And people do want to shop online from their phones, they really do.
</blockquote>
The desire exists, and it’s through no fault of their own that consumers are running up against the same problems time and again.
There are more than a few sites, however, which prove that a responsive website is one of the surest ways of generating more revenue.
Etsy — Annual revenue: $195 million (2014)
<img loading="lazy" class="alignnone wp-image-22385" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-1.jpg" alt="mobile conversion" width="360" height="640" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-1.jpg 576w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-1-300x533.jpg 300w" sizes="(max-width: 360px) 100vw, 360px" />
Users love the Etsy platform so much, that over 30% of their sales come from mobile customers.
Martha Stewart Cafe — Annual revenue: $160 million (2014)
<img loading="lazy" class="alignnone wp-image-22383" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-3.jpg" alt="" width="360" height="640" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-3.jpg 360w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-3-300x533.jpg 300w" sizes="(max-width: 360px) 100vw, 360px" />
The addition of ratings under each product enhances the user experience, increasing trustworthiness.
<h3>Pop-ups and autoplay videos</h3>
When done correctly, pop-ups — or overlays, as they’re also called — can be an effective tool for adding value to the user experience and for gathering leads.
On mobile, however, overlays need to be used with some caution. Trying to click out of an overlay you’re not interested in on a phone is almost always an exercise in frustration which runs the risk of your prospect bouncing.
Try setting your overlays to appear on desktop devices only, so that your mobile customers aren’t hampered by trying to hunt for that cross (assuming they’re not interested right then, of course).
As for autoplay videos, rarely are they, or have they ever been, a good idea on websites. What works on Facebook isn’t necessarily going to fly on your site, and if you’ve got that video set to play sound too, then you can kiss those conversions goodbye.
<h3>Poor quality images and content</h3>
Part of the fun of shopping online is that we get to fantasize about the things we’re buying until they arrive, and part of that experience involves high-quality images and descriptive text which makes us feel like we’ve made a solid choice.
Not giving your visitors that feeling means they’re more likely to try and find your product (or more likely its equivalent) somewhere else.
What makes a great product description? Take a look at anything <a href="http://www.annesleysurfboards.com/">Annesley Boards</a> does.
<img loading="lazy" class="alignnone wp-image-22382" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-4.jpg" alt="mobile optimization" width="640" height="331" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-4.jpg 1450w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-4-300x155.jpg 300w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-4-750x388.jpg 750w" sizes="(max-width: 640px) 100vw, 640px" />
<h3>Your site takes too long to load</h3>
We’ve all abandoned a site simply because it took too long to load, but how long do you think most people will give a site before deciding that it’s not worth their time?
10 seconds?
15 seconds?
Try 3 seconds.
According to research by <a href="https://blog.kissmetrics.com/loading-time/">KissMetrics</a>, 40% of mobile visitors will abandon a site that takes longer than three seconds to load. Sheesh!
<h3>There’s no call-to-action (CTA)</h3>
Even though you want your customers to be in control of the experience they have on your site — how they navigate, what they choose to look at, etc. — don’t forget that it’s still your site, and you’re responsible for orchestrating what goes on there.
Without a clear CTA, visitors will either flounder around not knowing where to click or how to shop, or they’ll bounce. It’s that simple.
Every single page on your website needs to have some sort of CTA, whether that’s a checkout button, an email sign-up box or even just a ‘Like’ button.
<img loading="lazy" class="alignnone wp-image-22381" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-5.jpg" alt="" width="640" height="314" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-5.jpg 1396w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-5-300x147.jpg 300w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-5-750x368.jpg 750w" sizes="(max-width: 640px) 100vw, 640px" />
The only CTA worth a thing is the one which tells you exactly what you’re going to get.
For a more in-depth look at what makes a great CTA, check out this post by Michael Aagaard at <a href="https://unbounce.com/conversion-rate-optimization/cta-copy-critiqued-for-conversion/">Unbounce</a>.
<h2>Encouraging the Use of Digital Wallets</h2>
Digital wallets, mobile wallets, whatever you decide to call them, enabling and encouraging the use of them on your ecommerce website just makes sense.
But before we dive into this best practice for mobile ecommerce, what is a digital wallet?
<img loading="lazy" class="wp-image-22380 aligncenter" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-6.png" alt="" width="640" height="570" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-6.png 709w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-6-300x267.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
Essentially, a digital wallet holds your preferred card details behind several lines of encryption, allowing you to quickly and safely pay for things on mobile without having to enter your details over and over.
Think of it like Amazon’s one-click purchase feature, made available on your other favorite sites, or like the contactless card payments you’re used to in-store.
Digital wallets are all about removing friction from the mobile buying process. Remove the barriers put up by having to enter long strings of numbers, and by tedious button clicking, and watch customers stroll <a href="https://www.bigcommerce.com/blog/ecommerce-checkout-page-optimization/">right through the checkout</a>.
<div class="post-detail__recommended">
			Start Seeing 5% Conversion Rates on Mobile Now
			
BigCommerce users can <a href="https://www.bigcommerce.com/mobile-wallets/">integrate</a> Amazon Pay, Apple Pay and PayPal into their sites without the need for any coding. What it comes down to is that customers want a faster way to send money, and you want a faster way to receive money. Digital wallets are that way.

		</div>
<h3>What does enabling the use of digital wallets mean to revenue?</h3>
How about a 3X in mobile cart conversion for those sites which encourage payments through digital wallets?
That’s more than a pretty decent ROI for something which should be standard practice anyway, don’t you think?
And we’re not the only ones who think so, either. These testimonials come from people talking about the difference Apple Pay makes to ecommerce businesses (you can check out the <a href="https://www.bigcommerce.com/blog/apple-pay-tips-mobile-payments/">full article here</a>).
<img loading="lazy" class="alignnone wp-image-22379" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-7.jpg" alt="" width="640" height="433" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-7.jpg 750w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-7-300x203.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />
<img loading="lazy" class="alignnone wp-image-22378" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-8.jpg" alt="" width="640" height="433" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-8.jpg 750w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-8-300x203.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />
That last one, in which Jan makes a point about how secure digital wallets are, is an important thing to consider.
A report by the Baymard Institute states that almost 20% of customers abandon their carts because of concerns over the safety of their information on mobile.
It’s understandable; over the years, we’ve been conditioned to believe that entering your card details on a phone is significantly more risky than on a desktop device. Allowing users to pay using Apple Pay, Amazon Pay or <a href="https://www.bigcommerce.com/ecommerce-answers/what-google-wallet-and-what-does-it-mean-ecommerce/">Google Wallet</a> removes that fear, which translates into more revenue for your business.
It’s these friction points that digital wallets are intended to overcome. If a customer has to remove a credit card from their wallet to type in the number every time they want to shop, there’s a higher possibility that during that time, they’ll decide to abandon their cart.
With just a couple of taps, a digital wallet can help close the sale and provide a better experience for your customer.
Let’s take a quick look at what a digital wallet versus mobile checkout experience looks like.
Here is NatoMount’s mobile experience. It takes you 3 steps to get to the digital wallet, which requires a click of a button to finalize the payment (1 additional step if you need to sign in to your Amazon account). With this set up, NatoMounts has increased mobile conversion to 5% of all mobile traffic, getting many customers to buy in less than 60 seconds.
<img loading="lazy" class="alignnone wp-image-22377" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-9.jpg" alt="" width="640" height="375" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-9.jpg 640w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-9-300x176.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />
NatoMounts still includes old-school mobile checkout (which is much improved than in the past! This one is a one-page checkout&#8230;but still requires the typing in of sensitive information on small devices). Lots of sensitive info on small devices often = cart abandonment –– which we’ll address more in the next section.
<img loading="lazy" class="alignnone wp-image-22376" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-10.png" alt="" width="400" height="751" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-10.png 400w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-10-300x563.png 300w" sizes="(max-width: 400px) 100vw, 400px" />
<h2>Put an End to Cart Abandonment</h2>
All of this — the responsive website, quality images and content, a clear CTA and the use of digital wallets — comes together to combat that most dreaded of ecommerce problems: cart abandonment.
Cart abandonment is by far the biggest challenge facing online store owners, outside of actually getting people onto the site in the first place, on both mobile and desktop.
Everything we’ve just talked about contributes to cart abandonment (or the prevention thereof) in some way, but there are a few other things which — according to that Baymard Institute report we’ve already mentioned — could be driving potential customers away after they’ve dropped products into their baskets.
Here are some stats (read the <a href="https://www.bigcommerce.com/blog/?p=20554">full article here</a>):
<ul>
<li>61%: Extra costs (shipping, taxes, fees) were too high</li>
<li>35%: Didn’t want to create an account</li>
<li>27%: The checkout process was too long or complicated</li>
<li>24%: Couldn’t see or calculate total order cost up-front</li>
<li>22%: Reported the website had errors or crashed.</li>
<li>18% Didn’t trust the site with their credit card information</li>
<li>16%: Delivery timeline was much too slow</li>
<li>10%: Didn’t believe the returns policy to be fair or satisfactory</li>
<li>8%: Didn’t see their preferred method of payment</li>
<li>5%: Their credit card was declined</li>
</ul>
From that list of 10, we’ve bolded half, all of which are related to payment, all of which could be solved by enabling the use of digital wallet payments.
We’ve said it before: people want to shop on their phones. That’s evident by the amount of attention abandoned cart articles are getting from marketers, SEO professionals and designers.
<img loading="lazy" class="wp-image-22375 aligncenter" src="https://bcwpmktg.wpengine.com/wp-content/uploads/2017/07/mobile-optimization-11.png" alt="" width="640" height="295" srcset="https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-11.png 1349w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-11-300x138.png 300w, https://cms-wp.bigcommerce.com/wp-content/uploads/2017/07/mobile-optimization-11-750x345.png 750w" sizes="(max-width: 640px) 100vw, 640px" />
Customers and ecommerce store owners can have a beautiful, frictionless relationship, if only we (the business owners) got our acts together and started making the sites people want to use.
Everything we need is within our reach, from the right responsive templates, to information on how to write a winning CTA, to the capability of allowing customers to shop using their digital wallets.
There is no reason for cart abandonment to exist as an issue in this age of responsive ecommerce stores and digital wallets.
<h2>Putting Everything Together to Reduce Cart Abandonment</h2>
Let’s round off with a quick recap of everything we’ve learned about how to use mobile wallets and site optimization to stamp out cart abandonment and improve mobile conversion rates:
<ul>
<li>Make your website responsive — 94% of visitors leave a site whose design doesn’t inspire confidence, and a third will bounce if the website takes longer than three seconds to load.</li>
<li>Get rid of pop-ups on mobile — Same goes for autoplay videos (especially ones with sound). Overlays on mobile usually do more harm than good.</li>
<li>Ensure high-quality images and content — Recreate the experience of browsing in-store and window shopping by making the most of your imagery and copywriting.</li>
<li>Have a clear CTA — When guests arrive at your house, you invite them to make themselves at home, but you still show them where the bathroom and extra glasses are.</li>
<li>Digital wallets reduce friction — Half of the reasons people abandon their carts are related to payment. Digital wallets reduce friction and increase conversion x3.</li>
<li>Design with the customer in mind — If that means regularly visiting your own site to test it out, then that’s what you should do.</li>
</ul>
Did you find this article helpful? What issues have you run into as an ecommerce business owner? Let us know in the comments.

mobile-optimization-hero

How to Use Digital Wallets and Mobile Site Optimization Tactics to Stamp Out Cart Abandonment