7 UX tweaks to combat cart abandonment at your e-commerce checkout

UX Checkout Hero@1x

For e-commerce businesses, the single largest obstacle to overcome is without a doubt shopping cart abandonment. In other words, when shoppers add an item to their cart but leave before finishing the transaction. As of this year, the average cart abandonment rate stands at nearly 70%. How annoying is that?

But here’s the good news: there are a ton of ways you can recapture those abandoned carts and regain control of your conversion. It’s simply a matter of designing your checkout process around improving trust and convenience for your buyers. Keep these two principles in mind and you can’t go wrong.

With that said, here are some tried-and-true methods you should use to help your buyers complete their payment successfully.

1. Have a mobile-first strategy

According to Google, over 40% of all e-commerce transactions are now done on mobile devices. And if people have a negative experience on your mobile site, they’re 62% less likely to purchase from you in the future.

When the stakes are this high, there’s no other way to go: your checkout shouldn’t just be mobile-friendly, it should prioritize mobile traffic.

Your entire website should work perfectly on mobile devices – that’s a no-brainer. But speed matters too: just one second of delay in mobile load times can impact mobile conversions by up to 20%.

Best practice:

Use Think with Google’s free tool to test your mobile site speed. Not only will it tell you how long your page takes to load on mobile, it’ll also benchmark your site speed against your competitors’ and give you recommendations on how you can improve it.

2. Make it super straightforward

More than any other page on your website, your checkout should be so easy to navigate that your grandma can figure it out. Design the flow in such a way that the shopper’s attention is directed as efficiently as possible towards completing payment.

Best practices:

1. Keep the page uncluttered and free from distracting, irrelevant details.
2. Put the most important info at the top of the screen so your customers can choose exactly what they want. This could include their preferred payment methods or saved cards.
3. For text-heavy blocks, such as your customer’s prefilled billing information, you can use a dropdown link, like this:


Checkout dropdown-1

This allows the shopper to double-check their details while keeping your checkout looking clean and sharp.

3. Stay familiar  

When it comes to handing over sensitive info, experiencing something new and unexpected throws people off and makes them suspicious. Which makes perfect sense, right? You probably wouldn’t be comfortable giving out your address to a stranger on the street.  

Familiarity, on the other hand, is reassuring. So aim for that as much as you can.  

Best practices: 

  1. Customize your checkout so that your visual branding is prominently displayed. That lets your customers know that they’re still in your neck of the woods and that you’re (somewhat) responsible for their payment. For example, Payvision’s Checkout solution lets you customize and embed your checkout on your own domain to keep your conversion rates high.  
  2. Speak your customer’s language. If your website is displayed in different languages, that experience should continue in the checkout process too.  
  3. Localize your payment mix. Offering the payment methods most trusted and used by your customers, whichever country they’re browsing from, will get them to finish checking out with less hesitation

Localization 2

4. Registration should be
optional, not mandatory

Give your shoppers the choice to sign up for an account. Don’t force them to create one. The more necessary steps you introduce, the more likely your customer gets frustrated and abandons the process 

Best practice: 

Let shoppers create an account after the checkout so that their information can be stored for future use.  

5. Do the math for your shoppers  

Don’t wait until the very last step in the checkout process to let your customer know what they actually need to pay. Besides the fact that it’s never cool to spring an unpleasant surprise on someone, many shoppers have a spending limit in mind. Finding out at the end that they’ve got to add extra costs means they’re going over budget and abandoning their cart.  

Best practice: 

Be transparent. Display shipping fees, duties and taxes, and other necessary costs upfront, so you can manage expectations early. 

6. Show customers how they're progressing through the checkout

Checking out usually consists of multiple steps. Tell customers what else they have to do to finish checking out. Giving customers an indicator of where they’re at in the process gives them a sense of control.  

It’s also a relief to be able to see at a glance that they can still review their order one last time before confirming payment. 

Best practice: 

Implement a progress indicator at the top of the page, with a simple description of each step in the process. Use a different color to clearly show which step the shopper is currently in.  

7. Use site seals

18% of shoppers abandon their carts because they don’t trust the e-commerce site with their credit card information. So how can you increase the trustworthiness of your site? One way that’s proven to work is displaying visual icons that symbolize security.  

There’s a variety of site seals you can use, such as the Secure Socket Layer (SSL) seal from Norton, or Google’s Trusted Store badge, or the PayPal Verified one. Generally, the more familiar the brand, the more they’re trusted by consumers.


Secure Checkout


Best practice: 

Placing one or two icons close to the credit card field works well to reinforce the perception of payment security. It doesn’t matter too much which icons you choose, as long as you display some visual seals there.  

Hopefully these tips help your customers (and their carts!) to complete their buying journey. The next step? Making sure that your checkout connects seamlessly to a payment gateway that boosts e-commerce conversion.  

UX Checkout Hero-1

An all-in-one solution  

Our platform offers all the good stuff: one-click checkout, 80+ payment methods, automatic language detection and more features to drive conversion. Go ahead and take a look.