The cart drawer and the first checkout step decide where your brand-specific money goes. This page gives you the rubric for grading yours, the abandonment math behind it, and ~10 storefronts worth opening with an item already in the bag.

Most of your checkout runs on Shopify's hosted flow, so the part you actually control is narrow. The cart drawer. The pre-checkout reassurance. The express buttons. The first step before the customer leaves your theme. That narrow band is where every difference below lives. None of this is theory. Add an item to any cart in the gallery and you can see the move in 30 seconds.

The rubric: 5 things a good cart and first checkout step get right

Grade your own cart against these before you copy anyone. The order roughly tracks how much each one moves the number.

  1. All costs are visible before the customer commits. Shipping, tax estimate, any surcharge: it shows in the drawer or the first step, not as a surprise on the final screen. This is the single biggest lever, and it maps straight to the top documented abandonment reason below.
  2. Guest checkout exists and is obvious. No forced account creation. Account capture happens after the order as a post-purchase "create a password" nudge, never as a gate in front of the buy button.
  3. Trusted express pay is surfaced first. Shop Pay, Apple Pay, PayPal, Google Pay sit at the top of the drawer or the first step. Returning customers pay in two taps and never see a form. New customers read the logos as a trust signal.
  4. The path is short and the steps are honest. Fewer fields. No decoy upsells dressed up as required steps. A progress indicator that does not lie about how much is left.
  5. Reassurance lives at the buy moment. Free returns, the shipping threshold, a guarantee, a security cue. Put it in the drawer and the first step, where doubt actually spikes, not buried on a policy page.

A note on where to apply this. The hosted Shopify checkout itself is mostly fixed, so the rubric pays off in the cart drawer and the handoff. If your drawer already nails all five, you have done most of the work that is yours to do.

The abandonment math (why this page matters)

Across 49 documented studies, the average online shopping-cart abandonment rate is ~70.19%. Source: Baymard, https://baymard.com/lists/cart-abandonment-rate (2024). Treat it as a directional aggregate, not your number, and verify against your own analytics. Abandonment swings hard by traffic source, device, and how you define "cart."

The reasons matter more than the headline, because the reasons are fixable. Same Baymard source (2024), among users who abandoned for a reason other than just browsing:

Reason for abandoning at checkout Share of abandoners What it tells you to fix
Extra costs too high (shipping, tax, fees) ~48% Show all costs early. Set a free-shipping threshold and surface it in the drawer.
Site wanted me to create an account ~26% Offer guest checkout. Capture the account after the sale.
Did not trust the site with card info ~25% Surface trusted express pay and security cues at the buy moment.
Delivery was too slow ~23% Show realistic delivery dates early, not after payment.
Checkout was too long or complicated ~22% Cut fields and steps. Lead with express pay so most buyers skip the form.

Source for all five: Baymard, https://baymard.com/lists/cart-abandonment-rate (2024). Directional, verify against your own funnel. Shares sum past 100% because abandoners could pick more than one reason.

Read the top two together. Roughly half of your abandoners leave over cost surprise, and a quarter leave over a forced account. Neither is a deep UX problem. Both are decisions you can change in your theme this week and then watch in your funnel. That is why the cart is the part of the storefront you own that pays back fastest.

The gallery: ~10 carts worth opening