Mobile Checkout: Where Shopify Stores Lose the Most Revenue

Almost every store we audit shows the same split: roughly 70% of sessions from mobile, roughly 40% of revenue. Merchants tend to explain it away — people browse on the phone and buy at the desk. That is partly true and mostly an excuse. The gap is usually interface, and it is usually five things.

1. The checkout button below the fold in the cart drawer

Open your cart drawer on a phone with two items in it. Is the checkout button visible without scrolling? On a lot of themes, with a promo banner, a shipping progress bar, and an upsell, it is not.

The fix is structural: the cart drawer needs a fixed footer containing the subtotal and the checkout button, with the line items scrolling independently above it. The button should never move.

2. Express payments that arrive late

Shop Pay, Apple Pay, and Google Pay are the fastest path to a completed order on mobile — no typing, no card. They are also frequently the slowest thing to render, appearing a second or more after the rest of the page, often pushing content down as they arrive.

Two consequences: shoppers tap the wrong thing because the layout moved, and shoppers who would have used express pay never see it because they had already started typing.

Reserve the space for the express buttons in the initial layout and let them load into it. No shift, no missed option.

3. Too many taps

Count the taps from product page to paid confirmation on a real phone. Most stores land on six or seven. It can be three:

1. Add to cart
2. Checkout from the drawer
3. Pay with the wallet

Every step you add between those — an interstitial upsell, a cart page, a "continue shopping" prompt, an address form for a customer whose wallet already has one — costs a percentage of people who were ready.

4. Forms that fight the keyboard

If you have any custom fields, they need the right input types. It sounds trivial until you watch someone try to type a postcode on an alphabetic keyboard.

• Email fields: type="email", autocomplete="email"
• Phone: type="tel", autocomplete="tel"
• Postcode: autocomplete="postal-code"
• Name: autocomplete="given-name" / "family-name"

Get the autocomplete attributes right and the browser fills most of the form. Get them wrong and every field is manual.

5. Surprise costs at the last step

The most common abandonment reason across every study ever run is unexpected shipping cost. On mobile it is worse, because the shopper has invested more effort to get there.

The answer is not free shipping — it is knowable shipping. Show the cost, or the threshold, or the delivery date, on the product page and in the cart. A customer who knows they are paying £4.95 before checkout does not abandon at checkout over £4.95.

Test it properly

Lab conditions lie. Test on a mid-range Android, on a throttled 4G connection, with a cold cache, holding the phone one-handed. That is the median customer, and it bears no resemblance to a developer on a MacBook with fibre.

Two things to measure while you are there:

• Time to tappable add-to-cart — target under three seconds
• Layout shift after first paint — target none you can perceive

The size of the prize

The last store we did this work for went from 78% of sessions and 19% of revenue on mobile to 78% of sessions and 41% of revenue, in sixty days. Nothing about the brand, the design language, or the products changed. The path just got shorter and stopped moving around.