Few things are sadder than tuning into your analytics, excited to check out your sales numbers... and seeing data onthousandsof abandoning customers. How did it come to this?
我的意思是,你就在那里,花费无数小时的work designing, optimizing, andA/B testingyour online store. You’d think it would be enough to ensure goodconversion ratesand steadily grow your customer base.
But it isn’t.
As you may know,over 60% of buyers leave their shopping cartswithout completing a purchase. And they won’t come back to complete the checkout unless you incentivize them to do so.
That’s what most ecommerce brands try to do - win potential customers back. But in addition to that, what youmustfocus on is making it so they don’t want to leave in the first place.
I want to show you some simple ways to fix your checkout process, so you could reduce cart abandonment and boost your conversion rates.
Let’s look at 4 glaring mistakes that could be interfering with your checkout process. There are many more of them, actually, but for now let’s focus on the ones that are obvious and easy(ish) to fix.
Once you can prevent those conversion-killing rascals from driving away your customers, both your conversion rates and your overall sales (from first-timeandrepeat customers) will increase.
So let’s dive in and figure out how you can do just that.
Free Reading List: Conversion Optimization for Beginners
Turn more website visitors into customers by getting a crash course in conversion optimization. Access our free, curated list of high-impact articles below.
Get our Conversion Optimization reading list delivered right to your inbox.
Almost there: please enter your email below to gain instant access.
We'll also send you updates on new educational guides and success stories from the Shopify newsletter. We hate SPAM and promise to keep your email address safe.
1. Low-Key shopping cart button
You’d be surprised how often an interested shopper browses your store, picks an item, adds it to cart… only to forget all about it after 15-20 minutes. The fault usually lies with a shopping cart button that’s barely emphasized, and doesn’t turn attention to itself.
viagreats.com
Here’s a great solution to the problem: a dynamic shopping cartthat displays a pop-up every time an item is added.
How to fix it:
It should be100% obviousto any website visitor that they’ve put something in their cart.
If you want to make a potential purchase unmissable to buyers, creating a small animation or a pop-up, displaying the cart’s contents and a “Checkout / Continue Shopping” call to action, would work best.
If you don’t want to code something quite so involved, the easiest way to make your shopping cart stand out is making the changes to your cart count more noticeable. Like so:
viagreats.com
All you need is some basic skills with CSS and jQuery to make this happen. Basically, what happens is this: when the cart count becomes more than zero, the shopping cart button gets assigned a new CSS class that changes its appearance. In this example it’s color, but you can style it any way you want. Alternatively,check out the Shopify theme storeand choose from many of the available themes that emphasize the cart button.
2. Slow / non-dynamic shopping cart
According to KISSmetrics, even a one-second page delay can cost your ecommerce brand millions in sales per year. And unless your target customers are the most patient, easy-going people in the world, refreshing your shopping cart to update shipping fees, items count, or coupon codes will make them much more likely to cancel the order.
Thing is, shoppers don’t want to update the number of items they are buying and wait for another 2-3 seconds until the cart refreshes (unless they want the itemreallybadly). Customer psychology is enough of a minefield all by itself - you really don’t want to give them any additional reasons to abandon the cart.
You can have a developer build a dynamic cart for you in Ruby on Rails, jQuery, or jQuery UI, and integrate it with your store. Alternatively, you can use third-party libraries that support Shopify, and let your website render the cart in real time - likeCart.js.
3. Disruptive registration
If you want every new buyer at your store to create an account before purchasing, you’remassivelyundercutting your conversion rates. According tothis survey by eConsultancy, 25%的消费者放弃购买,因为they are forced to create an account.
If you’re still not convinced,check out this case studyby User Interface Engineering, where a “Register” button was replaced with a “Continue” button… and that one tweak brought in$300 millionin revenue.
To understand what a big deal this is, look at the problem from a shopper’s point of view. They come to your website to buy stuff. When they see something they like and add that item to cart, they don’t want to be forced to make up a password and create an account.
They wantinstant gratification, not in-advance commitment to your brand.
How to fix it:
To make sure your checkout is conversion-friendly, you should always make account creation optional for your customers. You can easily do this in your Shopify account:
- Go to “Settings -> Checkout -> Customer accounts”
- Check the box “Accounts are optional”
- There, it’s done! In several clicks, you’ve removed a big hurdle for potential customers!
If persistent accounts are part of your customer loyalty strategy, you can invite them to create one later, using the email they provided. To learn how,read this entryin Shopify’s manual.
Also, please note that youdowant to ask for their email as quickly as possible, so you could follow up if they abandon the cart.
4. Shipping costs
Personally, I’m not a fan of discounts: when used in excess, they can devalue your brand, and cripple your revenue in the long run.
There are many great alternatives to price-slashing, and free shipping is certainly one of them. Especially considering that consumershatepaying for delivery of their orders.
For example,in a report by ComScore, 61% of respondents said they would cancel an online purchase if not offered free shipping. Who knew, right?
Nobody likes to add a bunch of items to cart, fill out all the forms… and have a shipping fee suddenly applied to the order. It doesn’t matter if it’s tiny - it’s still more than the shopper has already committed to. It disrupts their thought sequence and affects the buying experience.
How to fix it:
Here are 3 conversion-friendly ways to handle shipping costs:
- Make shipping free for everyone, everywhere (or at least nationwide);
- Have a fixed shipping cost on all orders, no matter where the buyer lives;
- Institute free shipping on all orders over a certain sum.
No“Calculate Shipping”buttons, no sudden surcharges, no disappointed buyers - easy!
即使是很小的额外费用会毁了这个机会s for a successful sale - much less a substantial 25 Euros on top of your existing order
And if youhave tocharge for shipping (I don’t know, maybe you are selling designer bathtubs or something), the best way to handle it is by being upfront and transparent about it.
Sure, a customer who has pre-committed to paying for an item might put up with an unexpected shipping fee… once. After that, they probably won’t buy from you again. Be very open about how much you charge, so your potential buyer won’t feel like you’re taking advantage of them.
Specifying free shipping conditions directly on the product page above the call to action is one way to do it. This pre-conditions the buyer to expert a surcharge, and mitigates possible frustration
Conclusion
In your ecommerce funnel, the checkout process is the stage that’s the hardest to optimize for maximum revenue. But if you focus on eliminating the worst conversion killers, you’ll see a bigger revenue lift than from small tweaks like button colors or product headlines.
Do you have a checkout CRO war story to share that resulted in a revenue lift for your ecommerce brand… or ended up costing you money? Tell me in the comments!
About The Author
James Corr is an ecommerce growth consultant and the founder of Only Growth. As acertified Shopify Expert, he specializes in acquiring more traffic, sales, and lifelong customers for your ecommerce brand. But James’ special passion is conversion rate optimization - which is exactly why he put together a checklist on16 Checkout Conversion Blunders to Avoid (If You Want Max Revenue)- you can grab it for free on the Only Growth website.