Learn Anatomy of a Checkout

Lesson 1 of 13

Improve the checkout.

Why US shoppers abandon checkout, what to fix in each part of it, and how to measure whether a fix helped.

By Nagesh Koritala 11 min read Last verified: November 2026

  1. Lesson 1: Improve the checkout (this lesson)
  2. Lesson 2: The checkout flow
  3. Lesson 3: Authorization
  4. Lesson 4: Payment states
  5. Lesson 5: Capture
  6. Lesson 6: Clearing and settlement
  7. Lesson 7: Cash capture
  8. Lesson 8: Returns and refunds
  9. Lesson 9: Disputes
  10. Lesson 10: Tokens and stored credentials
  11. Lesson 11: Transaction types
  12. Lesson 12: Complete reference
  13. Lesson 13: Payments compliance
All 16 pages in this guide
  1. Improve the checkout
  2. The checkout flow
  3. Authorization
  4. Payment states
  5. Capture
  6. Clearing and settlement
  7. Cash capture
  8. Returns and refunds
  9. Disputes
  10. Tokens and stored credentials
  11. Transaction types
  12. Complete reference
  13. Payments compliance
  14. Follow one order
  15. Where it breaks
  16. Payments dictionary

Start with the shopper. The lessons after this one explain how a payment moves behind the Place order button; this one is about the people pressing it. A checkout fails a shopper in small, specific ways: a surprise shipping charge, a form that asks for too much, an error that does not say what is wrong. Your job is to find which of those your checkout has, fix them one at a time, and measure whether each fix helped.

Here is the evidence. Baymard Institute, which has run large-scale checkout usability research since 2010, averages 50 studies to an online cart abandonment rate of about 70% (70.22%, last updated September 2025). Not every abandoned cart is lost to the checkout: many shoppers are just browsing. But when Baymard asks US shoppers who left during checkout why they did, the same reasons come up every year.

Why US shoppers abandon during checkoutBaymard Institute survey, 2025
ReasonShoppers
Extra costs too high (shipping, tax, fees)40%
Delivery was too slow20%
Didn’t trust the site with my card information19%
The site wanted me to create an account18%
Too long or complicated checkout process17%
The website had errors or crashed17%
Returns policy wasn’t satisfactory13%
Couldn’t see or calculate the total cost up front12%
The card was declined10%
Not enough payment methods9%

Shoppers could pick more than one reason, so the percentages do not add up to 100. They exclude shoppers who were just browsing. Source: Baymard Institute, cart abandonment rate statistics.

Read the list as a product manager would. Most of these reasons are design decisions, not payment problems. Only one, the declined card, is about the payment itself, and lessons 3 and 12 cover how to recover from those. The rest are about price, trust, effort, and speed, which a team can change.

Walk the checkout, part by part

Tap each part of the checkout below. Switch between a returning shopper, whose details are saved, and a new shopper, who sees the form: most checkout trouble happens to the second. The panel says what goes wrong in each part, what to do about it, and how strong the evidence is. Research means a usability study or survey backs it. Practice means it is common practice that you should still test on your own checkout.

A checkout, part by partExample checkout, made up

What not to do

Some tactics lift a number this week and cost trust for good. Fake urgency (a countdown that resets, “only 2 left” when it is not true) teaches shoppers not to believe you. Pre-checked add-ons, such as protection plans or donations ticked by default, put a charge in the cart the shopper did not choose. Hiding the real price until the last step is the top reason people leave. A good checkout is honest and fast, not clever.

Design for the phone first

Adobe reports that 56.4% of US online holiday transactions in 2025 happened on a smartphone, up from 54.5% the year before. Test every change on a phone first. Make tap targets big enough to hit with a thumb: WCAG 2.2 sets a 24 by 24 pixel minimum at level AA, and Apple’s guidelines recommend 44 by 44 points. Use the right keyboard for each field (numbers for ZIP and card, email for email) and autocomplete attributes, so the phone can fill the form for the shopper.

Accessibility is part of conversion. The US Department of Justice says the ADA applies to the websites of businesses open to the public, and points to WCAG as the guide. For checkout, the criteria that matter most are labeled fields with their purpose declared (1.3.5), errors that are identified and come with a suggestion (3.3.1 and 3.3.3), not making people re-enter what they already gave (3.3.7), and targets large enough to tap (2.5.8). Test the whole flow with a keyboard and a screen reader.

Measure before you fix

You cannot improve what you have not measured. Count how many shoppers reach each step and how many move on, so you can see exactly where they leave. Split it by device and by payment method: a checkout can be fine on desktop and broken on a phone, or fine for cards and broken for one wallet. Then change one thing at a time, and test it against the old version (an A/B test) before you roll it out to everyone.

Try it below with made-up numbers. Move a step’s completion rate and watch how many orders come out the end. Small gains early in the funnel multiply through every later step.

Checkout funnelExample numbers, not real data

Keep the size of the prize honest. Baymard estimates that the average large ecommerce site could gain a 35.26% increase in conversion rate through better checkout design alone. That is an estimate of what is possible, from usability testing, not a result any one site is promised. Your own funnel and your own tests tell you what is true for your checkout.

Sources for this lesson: Baymard Institute (cart abandonment statistics, last updated September 22, 2025; checkout form fields, June 2024; checkout UX benchmark, 2025; inline validation and error message research), Adobe (2025 US holiday shopping season), US Department of Justice ADA web guidance (2022), W3C WCAG 2.2, Apple Human Interface Guidelines, and Stripe’s checkout optimization guides.

Sources for this guide

Card network rules change. Time limits, fees, and authorization windows here reflect published rules and provider documentation as of late 2026; confirm details with your processor before you build against them.

Sources

Your progress stays on this device.

Next: Lesson 2

The checkout flow.

What the shopper sees, and which services the platform calls from the cart to the order confirmation.

Questions about payments? Email me. I read every note.

The checkout flow: cart, then payment, then confirmation, joined by arrows. CartPayDone what the shopper sees