Kissmetrics Blog

A blog about analytics, marketing and testing

Built to optimize growth. Track, analyze and engage to get more customers.

Why Most Online Shoppers Don’t Make it Past the First Step of Checkout

The first step of your checkout sets the tone for the entire checkout experience. It’s when you’re supposed to put your best foot forward. Yet this is where we see the largest drop-off of customers in the checkout funnel. No matter the size of the store. No matter the price of the product.

conversion funnel before

Funnel based on a 3-month average at (Nov-Dec 2012). Data normalized to 1000 customers.

The best e-commerce websites create an online experience that makes visitors fall in love with their products. The shopping experiences are emotional, guided, and clearly encourage visitors to add a product to their cart.

But once they get to the checkout, something just doesn’t feel right. There’s a break in the experience from cart to checkout, and it causes a disconnect for the customer. It’s this disconnect that leads to the highest level of cart abandonment at the very first step of the checkout. We’re not the only ones who notice it.

We’ve identified four UX (user experience) fixes that will reduce the number of visitors who abandon their cart before they really even get started. We’ve seen improvements of up to 5% in overall conversion rates as a result.

conversion funnel after

Funnel based on a 3-month average at (Jan-Mar 2013). Data normalized to 1000 customers.

1. Tear down the “sign-in” barrier

Most checkouts start with a potentially jarring question: Are you new here or a returning customer? Don’t remember? Follow this hyperlink.

If your user is a returning customer, you’re asking them to remember which email they registered with and the corresponding password. If your user is a new customer, you’re asking them to decide whether they want to register (i.e., go through a set of additional steps) or checkout as a guest. Each option creates an unnecessary disconnect between the user and their goal – buying the product.

But even the best are guilty of this:

rayban checkout first step

theory ecommerce checkout

zappos first step

toms shoes online store

newegg checkout process

With a few programming tricks, some stores figure out who the customer is based on their email address. They recognize a returning customer from the email address registered in their system.

Then, they offer the user a way to login if it helps them checkout faster. Or, they offer a way for returning customers to login, while allowing the rest to continue into the checkout. This does not interrupt the shopping process and asks less of customers.

already a customer



Checkout usability expert Christian Holst found 30% of users abandoned their cart (scroll to point 10) when asked to register upfront.

2. Provide a progress indicator

Checkouts come in all shapes and sizes. Some have one step, some have three, and some go up to six steps. Customers want to know how many steps it will take to get to the finish line. In many checkouts, there’s absolutely no indication at all when the customer gets started.

Again, even some of the best don’t use progress bars:

toms lack of progress bar



An uber-simple solution is to take the unused space on the page and put in a progress bar. As a step gets completed, it is clearly shown, and there’s a way to go back to edit it in case of a mistake.


3. Match the checkout with your site’s look and feel

When there’s a visual disconnect between the checkout experience and the rest of your site, it can contribute to abandonment at the first step. A slightly different background color, a varied font type or size, or even a new “next” button can throw off the experience.


A sharp change in page contrast can alarm the customer.


Even changing the font can throw a customer off.

The transition from My Cart or Product page into the Checkout has to be seamless. By maintaining exact styles and keeping an identical look and feel, your site can prevent visitors from feeling visually alarmed. So, they will continue on as if everything is a part of one experience.

4. Don’t get ahead of yourself

A majority of e-commerce checkouts jump the gun by asking customers to fill in their billing information first, even before they are asked for their shipping information or preferred shipping method.

best buy ordering process

Best Buy puts billing before shipping…


And so does Amiclubwear. This screams at the customer: “We want the money NOW”.

Though billing information is most important to retailers for collecting payment, shipping information and method are more important to customers. Customers care about when and where they will be receiving their product and want to know those details before providing payment details. By aligning with your customers’ priorities, you can make them feel their needs are the most important.

These retailers do it right:

warby parker




How to Test

Testing is easy when utilizing either KISSmetrics or Google Analytics. With KISSmetrics, all you have to do is create unique events at the start of each checkout step. If you’re using Magento, this guide provides step-by-step instruction on getting started.

If you’re using another e-commerce platform and are more comfortable utilizing Google Analytics, we suggest you follow this tutorial.

Both tools provide reports that identify how many users abandon and at exactly which step.

Too Big to Ignore

When the abandonment rate at the first step of checkout is the #1 drop-off point, it’s an important user experience to tunnel in on. When done right, conversions can increase anywhere from 2-3% all the way up to 5%.

What is your most frustrating checkout experience?

About the Author: Nirav Sheth is the creator of Awesome Checkout, a Magento checkout extension that guarantees higher checkout conversion rates. He also is the founder of Anatta Design, a Magento and WordPress development shop that builds online businesses.

  1. Great article! These are all really solid points, but I can’t get past the fact that website speed and availability isn’t on here as a consideration! 46% of visitors who abandon a shopping cart cite slow page speed as the reason – and this ends up costing almost $3,000,000,000 annually (based on research recently done by StrangeLoop).

    User experience and the check-out process definitely need to be defined by easy steps and smart requirements, but website performance is always a factor that goes hand-in-hand.

    I recently wrote a blog post on the eCommerce industry and it’s website performance bottlenecks – it’s even got some tips and next steps to consider if you’re looking for quick wins to speed up your site and get better conversions. You can read it here:

    Thanks again for a great article – I hope website performance is something you’ll consider next time :)

    • this is so true, sometimes i cancel my order and lose interest in purchasing the products because of the site speed and also because they ask for too much information , I would rather actually go to the store and purchase it, why cant they just ask you for your payment method, place order and thats it done, Great article btw thanks for sharing :)

    • I agree with Bryn Adler These are all really solid points.

  2. Hi Bryn,

    Thanks for the feedback. I am in agreement with you. Performance is def a big reason why customers abandon their carts.

    Speed is more of an overall improvement that absolutely should be worked on. But this article is focused on that very first step and where improvements can be made there.

  3. the google analytics tutorial link didnt work

  4. Speed is the number one cited reason for abandoned carts! Most ecommerce shops have ridiculous amounts of chaff still on the websites from the times of trying to be brochures vs trying to complete sales transactions. Not to mention terribly coded sites.

    If you can’t complete a transaction page in under 4 seconds you should consider firing everyone involved.

    • Hey Steve – speed is super important. 4 seconds might be a stretch but I get what you mean. I really believe that it’s the “guided” part that gets missing from checkouts. If checkouts were very instructional, required less input, and figured certain things out for you – it would make for a much nicer experience. This creates less confusion, less errors, and therefore inherently is faster.

      Also by reducing all the chaff you spoke of, the page load time would increase too. So that makes it faster.

  5. I think the newish Woot site is the worst I’ve seen–the products are all in different stores on the stie, and it’s a nightmare with confusing pop-up. Products actually get deleted from your cart! The cutesiness adds to the irritating quality. They tell you you can un-order but two seconds later you can’t. Was in beta so maybe has been changed. does a lot of business with coupon codes for its certificates, but the box to type in the code is well-nigh impossible to find. You have to actually click EDIT once you have put in your order–you’re supposed to know that clairvoyantly. I thought EDIT meant “change what you are buying.”

    I hate sites where it’s not clear that you are paying. “Next” or even “complete order” are ambiguous. It should let you see the cart, the shipping, and the tax, and give you a chance to change your order and also a choice to keep shopping without losing your cart contents. The payment step should say “pay now” or “make payment” or “pay.” It should also confirm you have paid and send you an email (incredibly, some sites do not send a confirmation email). Amazon is pretty good, maybe that’s why they sell so well.

    I have also gotten stuck in Paypal loops that are confusing.

    And I don’t like sites that only let you do Paypal, because of the extra 3% Paypal charge, and the sites never remind you that there is that charge.

    I don’t like when the search is bad and you have to go through page after page unless you know the proper name such as “San Diego Tray.” (had that issue on a fruit and nut site). Categories didn’t mean much.

    It is possible to be computer-literate and still have problems with these sites. When it’s easy it’s such a breeze.

    • You’re so right and I love the line “when it’s easy, it’s such a breeze”! The easy part comes in when the store and the checkout create a guided experience. When the customer is actually thought about instead of just the business needs.

      So many stores are so concerned with adding more functionality and features that they forget the human element of shopping. Customers want to be guided and supported as they move along. And they want real human talk. Like you said “next” or “continue” are too ambiguous and not relational to what your’e doing.

      Many sites feel like it’s too hard to setup something that’s not Paypal. It would be nicer if the process of setting up a good payment gateway were easier. I had a pain myself getting it setup. Close to 2 weeks of back and forth verifications, checks, etc

  6. You know what ?

    This post really reminds me when I was a salesman in the field.

    So many salesmen, like so many e-merchants always make the same mistake.

    Ounce you’ve got a customer to by a product, please, pretty please, just stop trying to show them your whole catalogue hoping they will buy more, because they won’t.

    Most likely they will think it over, stop the purchase process, and maybe come back again…

    You just lost a sale !

    • Yes exactly. Close the sale first and then try to upsell them. Don’t try to upsell when you haven’t even gotten the first sale!

  7. Wat is the option for sign-in barrier??

    • Hey Aditya – the options for sign-in barrier include detecting whether the customer is already a customer directly from their email address alone. Like by asking for email address upfront and based on what they entered, show them password form to login or just have them continue through checkout if they’re not in the system.

      Or just presenting users a login link above like Skull Candy and Lululemon do.

  8. Cheryl McCullough May 15, 2013 at 7:07 pm

    I gotta admit that I get kinda distracted and have left a lot of items in carts over the years that I’ve never gone back to buy! If it was a simple, quick process I wouldn’t have time to change my mind before I click checkout!!!

    • A quick and simple process goes in line with a well designed, less entry, guided checkout process. Which checkouts have you liked the most in your online shopping experience?

    • Great comment! You just made my wheels turn by saying this. Recently my website traffic has been out of this world, I had to up my plan. But, sales are way less, then compared to previous months with less traffic. I even made sure that this wasn’t due to bots overloading my website.
      On Oct 7th I had 8 abandoned carts, I think my issue is loading. I need to fix issues with Java. But, I’m definitely going to do what you said, make the visit short, sweet and profitable. :)

  9. Hi,
    Excellent post. This is true that most of the users will leave the website when they are asked for registration. Most of the people do not like to get register on the website. They thinks that this is really awkward work to do. We should use Paypal to make it easier.
    Also there should be an option to get register using Facebook so that it can save time.


    • Totally James. People just don’t like to create an account while all they want to do is buy their product. Getting offered to signup after the checkout is done or just auto-enrolling with permission is a way better experience.

      Offering multiple ways to register is always helpful. Anything to reduce the amount of data entry one has to do.

  10. Great post!

  11. Anna Kitowska May 20, 2013 at 12:49 am

    Testing online forms is essential to any e-commerce site, but an instant way to improve user experience is, as you showed, putting a progress bars. For me personally the biggest online form pet peeve is “alternative e-mail” field. My, do i hate these.

    • Coupled with the “alternate email address” nuisance I also hate the need to retype my email address! OK, I know it is important but so too is my credit card number, yet no-one ever asks me to re-enter that, for obvious reasons (i.e. it would drive most sane people away).
      So, I usually type my email address, ctrl+a (select all), ctrl+c (copy), tab, ctrl+v (paste). What a pain, but my muscle memory is now good enough that it comes as second nature. What really annoys me are those (marginally) smarter coders who have disabled the paste feature in the second email field, so I really do have to type my email address again (scope for human error at best, and enough to force me to give up at worst).

  12. Liezl Hesketh Jun 02, 2013 at 1:29 pm

    As a shopper, I am guilty of this, but often because you can’t compare or access sites’ delivery costs until you go to checkout.
    Drives me nuts.
    If a £10 item is cheaper on a site, but adds a £5 delivery charge… It’s become more expensive! I would rather pay more with free delivery, because when I return it, i only get back the item price, not the delivery cost… Even better if the have free returns too.

    Take that into consideration too – there are savvy shoppers out there…

  13. Some very good points and well made. Well done.
    You’re absolutely right to focus on the key needs of the consumer in priority to the needs of the client – better to complete sales than to try and glean that extra little bit of possibly-useful information at the risk of losing sales and alienating customers.
    It’s not hard either, we’re all customers these days and know which sites we like using and which we don’t. It’s just incredible that many sites don’t ever appear to have been UX tested!

  14. Ian Hunneybell Jun 04, 2013 at 3:11 am

    I quite agree Liezl, delivery is a key part of any shopping process (even for downloadable purchases – you always want to know what happens after you’ve parted with your hard-earned cash).

    Delivery is a complex part to administer, but that’s for the business to decide and the developer to implement. The end result for the consumer should be clear and simple. Many is the time I’ve left a site because I can’t find delivery details until too late in the process (so I haven’t even gone that far in the process).

    Costs really need to be clearly shown early on in the process and the delivery options need to be visible and easily changeable. Any site that doesn’t do this is going to lose customers, without a doubt.

  15. Razibul Hassan Jun 14, 2013 at 9:56 am

    A comprehensive and thought provoking article for the ecommerce store owners. If you are running an online store, put emphasis on checkout process. I found this post particularly helpful as part of my research on the online checkout process and standard.

  16. why online maps are handy Jun 30, 2013 at 9:00 pm

    This is my first time pay a quick visit at here and
    i am actually pleassant to read all at single place.

  17. Lisa Kerrigan Dec 23, 2013 at 7:36 pm

    Has anyone outside the US tried shopping online with Threadless? It’s a NIGHTMARE! Try getting an email gift certificate sent – it’s like a tutorial in how not to build a shopping cart. C’mon guys…great product, international reach. Why wouldn’t you spend the money on some environment user testing – you’d be guaranteed to make back your ROI in a month if you could make the shopping experience less hellish for us overseas customers.

  18. Any nice ways to messure speed from foreign countries?
    As i multi language/geo site, it can not help to just messure from my own ip adress.


  19. Has anyone outside the US tried on the internet buying with Threadless? It’s a NIGHTMARE! Try getting an e-mail existing documentation sent – it’s like a information in how not to create a e-commerce application remedy program. C’mon guys…great item, globally accomplish. Why wouldn’t you money some environment client analyzing – you’d rest confident to make returning your ROI in per month if you could make the buying encounter less hellish for us globally customers.

  20. If i find a site with free shipping + same day ship and packages arrive within 3 days id never abandon them

  21. it is been almost 2 weeks with website but no sales i need help i thought if i do not make sales on the ETSY i wont be able to make never ever but i don’t want to give up i don’t know what i am doing wrong make me you case study i need help desperately
    regards martin ashak

  22. I can tell you why I abandon carts. This isn’t the only reason but the biggest one for me. I understand they need your address in order to calculate shipping, but when they gouge you on shipping costs, I close out the cart immediately. I just did this on the Flashforge USA site. I needed to buy a single wire that could fit in an envelope and shipped for .49 cents, but I’d expect them to use parcel since that would give them tracking. That would be $2.04. They are charging $11 to send a single wire in the mail! I abandoned that cart and went looking for a competitor that didn’t try to charge so much on shipping. What I’m finding is nobody shows the shipping costs until checkout. I use magento and was shocked to see my site is set up the same way. I use fixed price shipping so I wish there was a way to make this more clear. But the number one reason I abandon carts is due to the shipping costs being charged that don’t present themselves until you’re almost done with checkout.

  23. From having been online since the days of Compuserve I would say my number one complaint (and by far) is the LACK OF UP-FRONT INFORMATION ON SHIPPING COSTS, and the seeming UNWILLINGNESS of web stores to list these costs upfront.

    This is a major problem because shipping adds up a substantial amount, sometimes more than the cost of the item itself which makes it close to impossible to compare prices with brick and mortar stores.

    The worst is when one gets on a google top ranked site, invariably the site either does NOT ship to your country or lists shipping only after you have registered as a user on their site or have given them all your personal information! Hello, you DON’T need my name and address to give me an idea on shipping costs when a postal code should do the job just fine!

  24. When shopping online I want to know up front and clearly….

    1. What currency?
    This is really tough to decipher on some sites. I’m Canadian, so if there isn’t clear indication, then I’m looking at the “contact us” page to see where head office is. $50 for xxx item sounds great until you find out it’s $100 by the time you convert currency and get dinged on brokerage fees!
    2. What is the shipping cost?
    FREE shipping – Great! oh… only for USA customers you say.

    Don’t get me wrong, as a Canadian I OFTEN buy USA based products, but please make currency clear and shipping costs easy to determine.

    • i am also facing the same issue with shipping for my website.

      there is shipping calculator in the theme at checkout to input country and postal code.

      flat rate shipping doesn’t work well if there is a different category of items of light and heavy items. e.g clothing can be light while bags and shoes are heavier.

      using a flat rate shipping won’t be fair to light clothing items.

      the fair way is still to have items vary w weight
      also, it is not so straightforward…

  25. I’ve learned through hard experiences that having a customer create an account dramatically decreased conversion to check out. I started out with account creations (because my prices were so low) and my store was created to be a “Members Only” type store. I noticed that I actually gained 225% more customers converting through checkout after removing the sign-in barrier and making it an option. This also allowed me to offer a discount to sign up for emails.

    • Hey Daniel,

      As a user, my best experience was when a site asked me if I wanted to use Apple Pay, prepopulted all the billling and shippping info based on my Apple account and just asked for the confirmation on my phone. Not bein a UX person and realizing this is
      experience invloved only Apple products, I would imagine Venmo, or Android/Google pay could do something similiar. I didn’t see this mentioned in the comments or article.

      I use the cart as a place to save items I might buy, so I don’t have to find them again. Maybe other users do something similar.

      To the writers this is a great and very insightful article.

  26. Discount coupons store Dec 15, 2017 at 9:14 am

    I loved it.Thank you for the information you shared.

  27. Sayan Dasgupta Dec 17, 2017 at 2:14 pm

    Beautifully portrayed.. We as a digital marketer face the most difficult task of figuring it out how to track down and retarget the abandoned cart customers and why the funnel conversion rate is so low in most of the e-commerce website. This article is the guideline to success for that. Thanks mate…

  28. There’s an even bigger problem (I haven’t read the comments so others may have made this point). If you want me to log in and enter payment details before you’ve told me (either on the site or shown in my basket) what the shipping costs are, I will not buy from you. I want to know the actual cost of the product which could double with shipping. I don’t understand why sites refuse to supply this info. If shipping is banded, or free after a certain amount, I can order multiple times in order to meet the free delivery limit. But what I’m not going to do is waste half an hour trying to buy an item for $8 when there’s another $8 shipping charge on top. I want to know up front, before I sign in to anything, that the actual cost of the item is $16, because then I can assess whether it’s worth it!

  29. Consumers have become lazy whimsy toddlers. How can a site’s software quote a shipping charge without receiving full address data for the buyer? And the email address needs to be verified twice to make sure the merchant has your correct contact information if something goes wrong and to deliver your invoice correctly. Stop being such immature cakes.


Please use your real name and a corresponding social media profile when commenting. Otherwise, your comment may be deleted.

← Previous ArticleNext Article →