Mobile conversion optimisation: why your store sells less on phones
Why mobile shoppers convert less than desktop, the most common mobile layout problems in online stores, and how to fix each one.
Mobile visitors usually convert at a lower rate than desktop visitors, partly because of how people shop on phones and partly because of fixable problems: add-to-cart buttons pushed below the fold, pop-ups that cover the screen, slow loading on mobile data, small tap targets and long checkout forms. Test your store on a real phone, fix layout issues on your top pages first, and offer express payment options like Apple Pay and Google Pay.
- Most owners build and check their store on a laptop, so mobile issues go unnoticed.
- Pop-ups and cookie banners take up far more of a phone screen than a desktop one.
- Express payment options remove the most painful part of mobile checkout: typing.
Why mobile converts lower
Some of the gap is natural: people browse on phones during spare moments and come back later on a laptop to buy. But a large part is caused by stores that work well on desktop and poorly on mobile. If your mobile conversion rate is far below desktop, the layout is the first place to look.
The most common mobile problems
- 1Buy button below the fold. Big galleries and long titles push it off-screen.
- 2Pop-up overload. A cookie banner plus a discount pop-up plus a chat bubble can cover most of the screen.
- 3Slow loading. Phones on mobile data are slower than office Wi-Fi. Google research found that the chance of a visitor bouncing rises sharply as load time grows from one to several seconds.
- 4Tiny tap targets. Variant swatches, quantity buttons and menu links that are too small or too close together.
- 5Layout shift. Content that jumps as images and banners load, causing mis-taps.
- 6Long forms. Checkout fields without autofill or the right keyboard type.
- 7Hidden navigation. Important categories buried three levels deep in a hamburger menu.
How to test your store on mobile properly
- Use a real phone, not just your browser's device mode. Real phones show real speed and real tapping problems.
- Open the store in a private tab so you see the first-visit pop-ups.
- Try to buy something with one thumb, start to finish.
- Test on mobile data, not just Wi-Fi.
- Run Google PageSpeed Insights on mobile for your homepage and a product page.
Or let StorePeek do it: every audit loads your store on an iPhone-sized screen, captures the first impression with pop-ups, then reviews the mobile layout and runs PageSpeed. Free first check.
Quick mobile fixes
- 1Add a sticky add-to-cart bar on product pages.
- 2Delay pop-ups or show them on exit intent; never on arrival on mobile.
- 3Compress images and remove unused apps.
- 4Make buttons at least about 44px tall with space between them.
- 5Turn on Apple Pay, Google Pay and Shop Pay or PayPal express checkout.
- 6Keep body text at 16px or larger.
Frequently asked questions
What share of ecommerce traffic is mobile?
For most consumer stores, the majority of visits now come from phones. Check your own analytics: the device split for your store is the number that matters.
Should I design my store mobile-first?
Yes. Design and check every page on a phone first, then make sure it scales up to desktop. It's much easier than squeezing a desktop layout onto a small screen.