Popups have a bad reputation, and mostly deservedly so. Not because the tool is bad, but because the default settings are rarely questioned. A popup that jumps across half the screen after two seconds costs you more visitors than it brings sign-ups. A well-triggered popup, by contrast, bothers nobody.
Here is both: how to build one, and how to set it up so it does not annoy people.
Prerequisite
The Popup Builder is part of the Pro version. In the free version you need a separate plugin.
Elementor Pro: Popup Builder, Theme Builder and forms all sit in the same licence — for many people the actual reason not to stay on Free. View Elementor Pro
Creating a popup
Under Templates → Popups you create a new template. The editor is the same as always, except that the canvas is the popup rather than a page.
You build the content as usual: a heading, one or two sentences, a form or a button. Keep it short. A popup is an interruption; the longer it takes to read, the more certainly it gets clicked away.
Under the gear icon at the bottom left you configure the popup itself: width, height, position, overlay, animation and whether there is a close cross. More on the close cross shortly — it matters more than it looks.
The three tabs of display logic
On publishing comes the part that decides between success and irritation. Elementor asks three things.
Conditions — where the popup appears. Entire site, only certain pages, only posts in one category. Be as narrow as you possibly can here. A newsletter popup on the contact page is an obstruction: the visitor is in the middle of writing to you.
Triggers — when it appears. After a time, after a scroll depth, on leaving the page, after clicking an element, after inactivity.
Advanced rules — under what circumstances. Only for new visitors, only from the second page view, only once a week, not for logged-in users, only above a certain screen width.
The settings I actually recommend
After several years of client projects, these are my default values:
Trigger: scroll depth 50 per cent instead of a time delay. Someone who has read half of it is interested in the subject. Someone who has read nothing after three seconds is not convinced by a popup, they are driven off by it.
Advanced rule: no more than once every seven days. Without this rule a returning visitor sees the popup on every visit. That is the fastest way to lose someone permanently.
Advanced rule: from the second page view. On the very first contact, willingness to sign up is low anyway.
Restrained on phones. A popup that fills the small screen is considerably more intrusive than on desktop. I often switch popups off entirely on mobile, or use a slim bar along the bottom edge instead of an overlay in the middle.
Exit intent on desktop only. The trigger responds to mouse movement towards the window edge. Touch devices have no mouse, so the behaviour is unreliable there.
One point that is not negotiable
The popup has to be unambiguously closeable. A visible cross, large enough, with enough distance from other elements. No pale grey cross on white, no cross that only appears after five seconds.
This is not a matter of taste. A popup with no clearly recognisable way to close it is an accessibility problem and, in case of doubt, a legal one too. Also check whether the popup can be closed with the escape key and whether keyboard navigation does not get stuck behind it.
What a popup should not be
Not a cookie banner. There are specialised tools for that which document consent and genuinely block scripts — an Elementor popup does not. What else to bear in mind with Elementor from a data protection perspective is summarised in setting up Elementor in a GDPR-compliant way.
And not a substitute for content nobody can find in the first place. If your most important offer only exists in the popup, that is a navigation problem, not a need for a popup.
Check before it goes live
Test in a private window — as a logged-in user you often see nothing at all because of the rules and wrongly assume the popup is broken. Also check it once on a phone, and after two weeks look at whether sign-ups have actually gone up. If not, it was only an obstruction.
How to use elements like this without making a site feel restless comes up regularly in my Elementor training.
Tags