Popups have a bad reputation, and mostly it’s earned. A popup that blocks the page two seconds after you arrive is a reason to leave. A popup that offers the right thing at the right moment is one of the better conversion tools you have.
Elementor Pro includes a Popup Builder that lets you design them visually and control exactly when they show. Here’s how to use it well.
Before you start
You need Elementor Pro. If you’re not sure whether it’s worth it for your site, read Elementor Free vs Pro first.
Step 1: Create the popup
- In your WordPress dashboard, go to Templates → Popups and click Add New.
- Name it clearly, for example “Newsletter – exit intent”. You’ll thank yourself when you have six of them.
- Pick a starting template or begin from blank.
Step 2: Design it
The popup editor works like the normal page editor. Add a heading, a short line of text, a form or a button, and an image if it helps. Then check the popup settings:
- Size and position. Centered modal, slide-in corner, top bar or full screen. Match the format to the message.
- Overlay. A dim background focuses attention, but remove it for low-priority slide-ins.
- Close button. Always keep it obvious. Hiding it is a fast way to lose trust, and it creates accessibility problems (more below).
- Entrance animation. Subtle is better. A gentle fade beats a bouncing zoom.
Step 3: Choose a trigger
The trigger decides when the popup appears. The common options are:
- On page load after a delay. Use a longer delay than you think you need.
- On scroll to a percentage of the page, which signals genuine interest.
- On click of a button or link. This is the least intrusive option and works well for lead magnets and contact forms.
- Exit intent, shown when the visitor moves to leave. It’s useful for a last offer.
- After inactivity, which can catch someone who’s stuck.
As a rule, a click trigger is always safe, and automatic triggers should be rare and well-timed.
Step 4: Set display conditions
This is where most of the value is. Decide where the popup appears: the whole site, specific pages, one category of posts or only the checkout. You can also limit who sees it, for example logged-out visitors only, so existing customers don’t get sales offers.
Pair a conversion popup with the right page. A newsletter signup fits a blog post. A discount reminder fits the checkout page, but be careful not to interrupt the purchase itself.
Step 5: Limit the frequency
Use advanced rules so the same visitor doesn’t see the popup on every page. Show it once per session, or once every few days. Repeat popups are the main reason people hate them.
Popup ideas that work
- Newsletter signup on content pages, tied to something useful. Connect it to your email platform as shown in our Elementor and Mailchimp guide.
- Click-triggered contact form so the page stays clean.
- Announcement bar for sales or shipping changes.
- Cookie or consent notice, if your plugin doesn’t already provide one.
- Lead magnet download in return for an email address.
For the button inside your popup, the principles in how to create effective calls to action with Elementor apply directly.
Mistakes to avoid
- Showing it immediately. Give people time to read first.
- Covering the whole screen on mobile. Full-screen popups on phones can also hurt how search engines view the page. Use a smaller format or a bottom bar.
- Stacking popups. One at a time, always.
- Ignoring accessibility. Make sure keyboard users can close the popup and that focus is handled sensibly. Our Elementor accessibility guide goes deeper.
- Not testing on mobile. Always preview at phone width.
Quick checklist
- One clear goal per popup.
- A visible close button.
- A trigger that respects the visitor.
- Conditions so it only appears where it makes sense.
- A frequency limit.
- Tested on desktop, tablet and phone.
Done right, a popup is helpful rather than pushy. Start with a single click-triggered or scroll-triggered one, measure it, and build from there.
Mēs esam web izstrādes komanda, kas ikdienā strādā ar WordPress, WooCommerce, Elementor un vairāki desmitiem klientu vietņu — no restorāniem un viesnīcām līdz medicīnas iestādēm un ražošanas uzņēmumiem. toelementor.com izauga tieši no reālas nepieciešamības: klienti bieži vēlas pāriet no vecākiem page builderiem (WPBakery, Divi, Beaver Builder) vai citām platformām (Wix, Squarespace, Webflow) uz Elementor, nezaudējot dizainu, saturu vai Google pozīcijas.
Mūsu specializācija ir tehniskā SEO audita apvienošana ar praktisku migrācijas darbu — katru migrāciju pavada URL saglabāšana, 301 redirect kartēšana un pēc-migrācijas veiktspējas pārbaude, ne tikai vizuāla pārbūve.