Blog / Design
Best practices for mobile-friendly popups
By the SeizeLead team · 5 min read · 17 October 2026
More than half of web traffic in many markets arrives on phones, and a popup that works on a desktop can be unusable on a small screen. These practices keep mobile visitors with you.
Choose a format that fits
Slide-ins, bottom bars and compact cards work better than full-screen modals on a phone. If you use a larger box, leave room around it and make sure the page behind is not locked.
Mind search rules
Google has said that intrusive interstitials, boxes that cover the main content right after someone arrives from search, can affect how a page is treated. Keep popups from covering the content on arrival, and use dismissible banners or small cards instead.
Size and tap targets
- Buttons large enough to tap with a thumb.
- Full-width fields with a readable font size.
- A close button that is easy to hit and clearly visible.
Trigger by behaviour
Time on page and scroll depth work on phones. Exit intent is harder to detect, so test it rather than assume.
Keep forms short
Typing on a phone is slow. Ask for an email only, or use a one-tap poll or WhatsApp button that avoids typing.
Test on real devices
Emulators miss keyboard behaviour and notches. Check the popup on at least one iPhone and one Android phone, in portrait and landscape.
Compare by device
In our own data, some popups converted much better on mobile than on desktop, and the reverse for others. Review results per device and tune each separately.
Put this into practice with SeizeLead
Popups, polls, quizzes and in-article cards that you can launch in minutes, with results by device and page.