Elementor popups (overview)
An overview of Elementor's popup builder: what popups are, how they work, and how to edit the content inside one if your site already has them.
Popups are small windows that appear over your web page to capture attention, often for a newsletter signup, a special offer, or an important notice. Elementor Pro includes a popup builder on its Advanced plans and higher (it isn't part of the Essential plan). This guide covers what popups are and how to work with existing ones.
What you'll need
- Elementor Pro on a plan that includes the Popup Builder (Advanced or higher). See elementor.com/pricing for what each plan includes.
- WordPress administrator or editor access
What is a popup?
A popup is an overlay window that appears on top of the page content. Common uses include:
- Newsletter signup forms ("Join our list for 10% off")
- Cookie consent notices
- Special announcements or promotions
- Exit-intent offers (shown when a visitor looks like they're about to leave the page)
- Lead capture forms
Elementor's popup builder lets you design these visually, the same way you design a regular page.
How to view your existing popups
In your WordPress dashboard, go to Elementor → Editor → Templates in the left menu. On older versions of Elementor, go to Templates instead.
Click "Popups." You will see a list of all popups on your site.
Hover over a popup and click "Edit with Elementor" to open it in Elementor and see its design.
How to edit popup content
Editing the content inside a popup works exactly the same as editing a regular page:
Open the popup for editing (Elementor → Editor → Templates → Popups, then hover and click Edit with Elementor).
Click any element inside the popup to select it.
Edit text, images, buttons, and forms in the left panel as normal.
Click "Update" (top-right of the editor) to save your changes. The popup will show the updated content next time it triggers.
Popup settings: triggers and conditions
Every popup has display settings that decide where and when it appears. To open them in the editor, click the arrow next to the Publish (or Update) button, then click Display Conditions. The first time you publish a popup, Elementor walks you through them in order: Conditions, Triggers, then Advanced Rules.
Triggers
Triggers are things a visitor does that make the popup appear. The options include:
- On Page LoadAppears a set number of seconds after the page loads
- On ScrollAppears after the visitor scrolls a set amount (a percentage of the page when scrolling down)
- On Scroll To ElementAppears when the visitor scrolls to a chosen element
- On ClickAppears after the visitor has clicked a set number of times
- After InactivityAppears after the visitor has done nothing for a set number of seconds
- On Page Exit IntentAppears when the visitor's mouse movement suggests they're about to leave the page
To open a popup when someone clicks one specific button or link, Elementor uses a different method: the button's link is set (with a dynamic tag) to open the popup. That's set up on the button, not in the Triggers list.
Conditions
Conditions control which pages the popup appears on: the entire site, specific pages, specific post types, etc.
Advanced Rules add extra requirements, such as only showing the popup after a number of page views, only on certain devices, or no more than a set number of times.
Leave trigger and condition settings to us
Changing when and where a popup appears can significantly affect visitor experience and conversion rates. We recommend contacting Chykalophia before changing trigger or condition settings. Content edits (text, images) are safe to make yourself.
Enabling and disabling a popup
To temporarily disable a popup (for example, when a promotion ends):
Open the popup in Elementor (Elementor → Editor → Templates → Popups, then hover and click Edit with Elementor).
Click the Page Settings icon in the top bar, and change Status from "Published" to "Draft." Then save your changes.
The popup will stop showing once it's a draft. Set the status back to Published to turn it on again.
Common questions
How do I stop a popup from showing on my site?
Open the popup in Elementor, click the Page Settings icon in the top bar, and change its status to Draft. This hides it without deleting it. You can publish it again later.
A popup keeps appearing on every page: how do I limit it?
Usually the popup's display conditions include too many pages (for example, the entire site). Edit the popup, click the arrow next to Update, choose Display Conditions, and check the conditions. Contact us if you need help adjusting where it shows.
How do I create a new popup?
Creating a popup from scratch requires careful setup of triggers, conditions, and design. We recommend contacting Chykalophia to build new popups rather than building them yourself, to ensure they are set up correctly.
My popup form isn't sending email notifications, why?
Form submission notifications are configured in the form's settings. See Working with Elementor forms for help with form notifications, or contact us.
Related guides
Learn more
Was this page helpful?
Go deeper on chykalophia.com
- Website careThe Boring StuffOur care plan: updates, backups, security and speed, looked after for you.
- Our approachWebsite optimizationTesting, performance work and analytics hygiene that keep your site earning.
- Our approachWeb developmentBuilds with the monitoring, testing and handoff your team will want.
Need a hand?
Stuck? We'll help.
Email us with your website address and a screenshot if you can, and we’ll take it from there.
Last updated