How to diagnose Shopify mobile checkout friction
Mobile is where most Shopify traffic lands and where most of it dies. The conversion rate gap between desktop and mobile on Shopify is real, persistent, and consistently lower than desktop across nearly every category.
When a mobile customer doesn’t buy, it’s almost always one of five things: the address autocomplete that didn’t autocomplete, a payment picker that overwhelmed them, a discount-code field they couldn’t find, a shipping cost they saw too late, or a Shop Pay review step that read as “are you sure?” right before payment.
Here’s how to figure out which one is yours.
Why mobile is the leak
Mobile is now the majority of traffic on most Shopify stores. What’s less obvious until you go looking is that mobile conversion is consistently lower than desktop conversion, sometimes meaningfully so. Different industries land in different places, but the direction is the same: more visitors, fewer buyers, every quarter.
That gap is your single biggest CRO opportunity, and most stores never get past staring at it in the dashboard. The dashboard shows you the gap. It does not show you where in the flow it opens up.
That’s the job of session replay.
The five places mobile checkout breaks on Shopify
Before you instrument anything, it helps to know what you’re looking for. These are the five friction events that cause most of the mobile drop-off we see in real Shopify replays. Your store probably has one or two of them. The diagnosis question is which.
1. Address autocomplete that doesn’t autocomplete
Customers expect Google-style address suggestions. They type “1234 Mai” and they expect “1234 Main Street, Anywhere, USA” to appear in a dropdown. On Shopify’s default checkout, address autocomplete works — but theme customizations, third-party checkout apps, or older themes can break the Place API integration on mobile specifically.
What it looks like in a replay: rage clicks on the address field. Repeated taps to dismiss the keyboard so the customer can see what’s underneath. The customer typing the full address character by character, then backspacing because they made a typo halfway through. Sometimes they give up at the postal code.
2. The payment method picker
Shop Pay. Apple Pay. Google Pay. PayPal. Card. Klarna. Affirm. Shopify’s checkout shows the appropriate buttons for the customer’s device, but on a small screen the stack of buttons can read as paralysis instead of choice. Theme customizations sometimes hide the “show all payment methods” toggle behind a tap that’s not obvious.
What it looks like in a replay: the customer scrolls up and down the payment section. They tap a method, change their mind, tap a different one. They look for their preferred wallet and don’t see it. They don’t proceed.
3. The discount code field that’s three taps deep
“Have a discount code?” is collapsed by default on most Shopify checkouts, which is reasonable when most customers don’t have one. But customers who think a code might exist will Google “[your store name] discount code” before they buy. If they don’t find one, sometimes they bounce — and never come back.
What it looks like in a replay: the customer reaches checkout, scrolls back to the cart, scrolls forward again, leaves the tab. Heatmaps will show clicks on “Have a discount code?” out of proportion to the percentage of customers who actually have one.
4. Tax and shipping reveal at the last second
This is the classic. The customer sees one price on the product page. They see something close to it on the cart. Then at checkout, shipping appears. Then tax. Then the total is meaningfully higher than the number they had in their head when they decided to buy.
Shopify’s checkout exposes shipping cost on the second step by default, which is later than ideal for any merchant whose shipping is a meaningful percentage of the total. This is one of the most-studied causes of cart abandonment in ecommerce, and it’s been on every “why people abandon cart” list for the better part of a decade. It’s still the leading reason on most Shopify stores.
What it looks like in a replay: the customer reaches the shipping step, pauses for several seconds on the totals, and clicks back. Or they close the tab. The pause is the tell.
5. The Shop Pay “review” step
Shop Pay is fast — often too fast for some customers, who hit the confirm step before they feel like they’ve fully committed. The review step that appears before final payment can read as “wait, are you sure?” and cause some customers to second-guess the purchase.
What it looks like in a replay: the customer reaches the review screen, scrolls back through it, sometimes pulls up the menu, sometimes simply leaves. This one’s smaller than the others, but it’s there. It tends to disproportionately affect first-time customers who haven’t used Shop Pay before — they’re not yet sure what tapping “Pay” actually does, and the review step makes them hesitate just long enough to bail.
A bonus sixth one, which we don’t see as often but worth flagging: a stuck “Continue” button at the bottom of a checkout step, especially on iOS Safari with a long form. The visible viewport gets eaten by the keyboard, the button is technically below the fold, and the customer doesn’t realize they need to dismiss the keyboard to find it. Theme-level fixes (sticky CTAs, autoscroll-to-button on field validation) usually solve it once you’ve spotted it in a replay.
How to instrument it
Knowing the five places isn’t enough. You need to know which one is yours, on your store, with your traffic. Here’s the playbook.
Step 1: Filter your replays to mobile-only and abandoned-checkout-only. Propel Replays lets you filter by device and by checkout-reached-but-not-completed natively, because both are Shopify-native customer fields. Generic session-replay tools that weren’t built for Shopify usually can’t do this without manual instrumentation.
Step 2: Watch ten sessions. Just ten. Watch them at 1.5x or 2x speed. The AI summary on each replay gives you a two-sentence narrative before you start, so you can skip past sessions where the customer simply got distracted and came back later.
Step 3: Look for the same friction event three or more times. If three of the ten mobile abandoners are pausing on the shipping step, that’s your shipping reveal problem. If three are stuck on the address field, that’s your autocomplete problem. The pattern emerges fast — usually inside the first six or seven replays.
Step 4: Fix the thing. Most of the fixes are small. Add a free-shipping threshold notice on the cart. Hide a payment method that’s confusing customers. Move the discount code field above the fold. Update a theme that’s breaking address autocomplete on iOS Safari.
That’s it. That’s the playbook. It’s the same playbook we hear from merchants over and over:
“I can quickly spot where customers drop off or run into issues.”
— Botanical Wear
The “quickly” matters. The diagnosis isn’t a multi-week research project. It’s a thirty-minute exercise once you have the right filter on.
When it’s not the checkout
Sometimes the customer didn’t decide to leave at the checkout. They decided to leave on the product page or in the cart drawer, and the checkout is just where they finally followed through.
This is worth checking before you go deep on checkout fixes. If the same customers who abandon checkout are also pausing for an unusually long time on the cart drawer — or backing out of the cart and looking at the product page again — the friction may be upstream.
On the product page, the tells are: rage clicks on a variant picker that looks like a dropdown but isn’t. Dead clicks on a thumbnail that looks tappable but doesn’t open a zoom view. Visitors who scroll past the add-to-cart button without engaging with it.
On the cart drawer, the tells are: rage clicks on the close button (frustration with the experience, not the product). Multiple opens and closes of the same item. Customers backing out to keep shopping but not coming back.
If you find friction upstream, fix that first. Customers who reach checkout in a confident state convert at a much higher rate than customers who reach checkout already half-decided to leave. There’s also a second-order benefit: when upstream pages convert better, the visitors who reach checkout are better-qualified — they’re more committed, less likely to bail at the first surprise, and less sensitive to the small frictions in the checkout itself. Fix the cart drawer, and your checkout conversion rate often goes up without touching checkout.
The diagnosis is the same shape as the checkout one: filter your replays to mobile, filter to “abandoned at cart” or “abandoned at PDP,” watch ten, find the pattern. Same playbook, different page.
Tools that help (and what each one does)
You don’t need a stack of five tools to diagnose mobile checkout friction. You need three things: the why, the where, and the what they’d say if asked.
- Replays filtered to mobile + abandoned-checkout — the why. Watch ten sessions, find the pattern.
- Heatmaps on the cart drawer and the cart page, segmented to mobile — the where. Click and area heatmaps show you which elements are getting attention and which aren’t. (Replays ships click and area heatmaps today; scroll heatmaps are coming soon.)
- Surveys on the cart page, triggered by time-on-page — the what they’d say if asked. Propel survey triggers are page-based, product-based, collection-based, and time-on-page. Set a time threshold that fires before most cart abandoners leave (somewhere around 30 seconds is a reasonable starting point for a cart page) and ask them, in one question, what’s holding them back.
Surveys aren’t a replacement for replays — they’re a complement. The replay tells you what the customer did; the survey tells you what they thought they were doing. Sometimes those don’t match, and the gap is where the insight lives.
The 30-minute version
If you want the smallest possible version of this exercise:
- Open Replays. Filter to mobile + abandoned-checkout.
- Watch the first ten sessions at 2x.
- Write down the friction event you saw most often.
- Fix it on staging.
- Push it live. Check the conversion delta in two weeks.
That’s it. The hardest part is starting, not diagnosing. Most mobile checkout fixes are obvious in hindsight; you just have to watch a session.
If you’re new to session replay as a tool — what it is, what it isn’t, what it captures — we wrote a merchant’s guide to session replay that walks through the basics. And if mobile checkout isn’t where the leak actually is on your store, the four most common reasons Shopify stores get traffic but not sales is the broader diagnosis post.
For Shopify founders specifically, we built a page that frames this whole exercise around the founder’s day rather than around the tools. The job is the same; the lens is different.
Most mobile checkout fixes are obvious in hindsight. You just have to watch a session.