A popup that doesn’t annoy people is one the visitor opens themselves, or one that appears only after real engagement, shows once, closes easily and never covers a phone screen on page load. In Elementor Pro that comes down to three settings: Conditions, Triggers and Advanced Rules. The popup that appears two seconds after you land, covers the whole phone screen and has a close button the size of a grain of rice is the reason people hate popups. It’s also still on a lot of small business sites, usually offering 10% off to people who haven’t seen a single product yet.
Popups can work. The good ones answer a question the visitor already has, appear when it makes sense, and are easy to dismiss. Elementor Pro’s popup builder gives you all the controls you need to do this well. Most sites just don’t use them.
What Google says
Google’s Search Central guidance on intrusive interstitials and dialogs is short and worth reading. In plain terms: overlays that block the content people came for, especially ones that cover the whole page, make for a poor experience and can make it harder for Google to understand the page. Small banners and dialogs that leave the content accessible are fine. Legally required overlays, such as age checks, are treated differently.
So the problem isn’t popups as such. It’s popups that get between the visitor and the page, particularly on phones.
The three settings that decide whether a popup annoys
Popups in Elementor Pro are templates, found under Elementor > Editor > Templates > Popups. At the time of writing, Elementor’s documentation says the popup builder needs a Pro plan at Advanced level or higher. When you publish a popup, you set three things. Elementor’s popup configuration guide covers each option.
Conditions decide where it can appear: the whole site, specific pages, a category, and so on.
Triggers decide when: on page load (after a delay), on scroll (a percentage down the page), on scroll to a specific element, on click, after a period of inactivity, or on exit intent (when the mouse heads for the browser’s close button or address bar).
Advanced Rules decide who and how often: show only after a number of page views or sessions, show up to a set number of times, show only to people arriving from search engines or a particular link, hide for logged-in users, and show only on certain devices.
The advanced rules are where most popups go wrong, because people never open them. A popup with no “Show up to X times” limit can appear on every single page view.
Three popups worth having
1. The click-to-open enquiry form
This is the least annoying popup there is, because the visitor asks for it. A “Get a quote” or “Book a call” button opens a short form in a popup instead of sending people to a separate contact page.
- Trigger: none. Open it from a button using Elementor’s dynamic link option (Actions > Popup > Open Popup)
- Conditions: the pages where the button appears
- Advanced rules: none needed
Keep the form short: name, phone or email, and one question. Our guide to Elementor Forms covers making sure those submissions reach you.
2. The exit-intent offer, desktop only
Someone has spent time on your site and is about to leave. A single, polite offer can be reasonable here: a free guide, a sign-up for your email newsletter, or a reminder about a current special.
- Trigger: On Page Exit Intent
- Advanced rules: Show after 2 page views. Show up to 1 time. Show on devices: Desktop only
Exit intent relies on mouse movement, so it’s a desktop behaviour anyway. Restricting it to desktop avoids it firing in odd ways on other devices.
3. The scroll-triggered nudge on content pages
On a long blog post or guide, a small slide-in at the bottom corner, not a full-screen overlay, can offer a related resource or a sign-up.
- Trigger: On Scroll, down, at around 60% of the page
- Layout: small, positioned bottom right on desktop, bottom of the screen on mobile, no dark overlay behind it
- Advanced rules: Show up to 1 time, Count: On Close
Setting the count to “On Close” means once someone has dismissed it, they won’t see it again on that browser.
Rules for mobile
Phone screens are small, so the bar is higher.
- Don’t show anything on page load on mobile. Ever, unless it’s legally required.
- Make the close button at least thumb-sized and obvious. Elementor lets you delay the close button’s appearance. Don’t.
- Use banners and bottom slide-ins instead of full-screen overlays.
- Keep “Prevent Closing on Overlay” and “Prevent Closing on ESC Key” switched off. Trapping people is the fastest way to lose them.
- Avoid “Disable Page Scrolling” on mobile, which freezes the page behind the popup.
For shops, the same thinking applies on product pages. A discount popup that covers the price and the Add to Cart button is costing you sales, not adding them.
A quick audit of your current popups
Go to your Popups list and, for each one, ask:
- Does it appear before the visitor has seen any content? If so, change the trigger.
- Is there a “Show up to X times” limit? If not, add one.
- Does it cover the whole screen on mobile? If so, resize or restrict it to desktop.
- Is the offer still current? Expired specials in popups are surprisingly common.
- Is it actually producing sign-ups or enquiries? If you can’t tell, connect the form to your analytics or delete the popup.
If a popup fails more than one of these, switch it off. You can always turn it back on once it’s fixed.
Switch off the worst offender for a month and see whether anyone misses it. Where a popup is worth keeping, we set it up with tracking as part of our web design work, and we’re happy to review the ones you have before you decide which stay.