Chykalophia Docs

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.

Quick summary

Elementor popups are managed under Elementor → Editor → Templates → Popups in the WordPress dashboard (on older versions: Templates → Popups). Each popup has display conditions (on which pages it can appear), triggers (what a visitor does to make it appear) and advanced rules. You can edit the content inside a popup the same way you edit any Elementor layout.

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

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.

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.

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 Load — appears a set number of seconds after the page loads
On Scroll — appears after the visitor scrolls a set amount (a percentage of the page when scrolling down)
On Scroll To Element — appears when the visitor scrolls to a chosen element
On Click — appears after the visitor has clicked a set number of times
After Inactivity — appears after the visitor has done nothing for a set number of seconds
On Page Exit Intent — appears 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.

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

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.

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.

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.

Form submission notifications are configured in the form's settings. See Working with Elementor forms for help with form notifications, or contact us.

Need a hand?

If you're stuck, email support@chykalophia.com and we'll help. Include your website address and a screenshot if you can.

Elementor popups (overview)

What you'll need

How to view your existing popups

Triggers

Conditions

Common questions

Learn more

On this page