3.5 · Pop-ups (Popup Builder)

Level 3 · Advanced: Elementor Pro & Theme Builder

3.5Pop-ups (Popup Builder)

Goal: create useful pop-ups (triggers, conditions) without being intrusive, wary of mobile pop-ups.
Estimated time: 12 min · self-paced reading · If you only have 5 min: read “The essentials in 30s” + the diagram.

The essentials in 30 seconds

  • The Popup Builder (Pro) creates pop-up windows (newsletter, promo, cookies).
  • Triggers decide when (after X seconds, on scroll, on exit); conditions, where.
  • Golden rule: don't be intrusive — no pop-up on arrival; caution on mobile (intrusive, penalized).

Through-line — Nadia adds a promo (with tact)

The joiner wants to announce "-10% on kitchens this month". Nadia creates a pop-up… but does not trigger it on arrival (annoying). She shows it after some reading or on exit of the page, once, and tests it on mobile so it stays easy to close.

Last section of level 3 — powerful but to handle with tact.

1. Pop-up, triggers, conditions

The Popup Builder (Pro) designs pop-up windows displayed over the page (newsletter sign-up, promotion, cookie banner). Triggers define when the pop-up appears: on load (after X seconds), on scroll (once part of the page is read), on exit (when the mouse leaves the window). Conditions & rules define where it displays (which pages) and at what frequency.

Nadia sets her promo pop-up: trigger after reading or on exit, on product pages, once per visitor.

2. Don't be intrusive

The golden rule: don't be intrusive. A pop-up on arrival annoys and drives people away; prefer to show it after some engagement, with a clear close cross, and only once.

Caution on mobile: pop-ups (interstitials) are particularly intrusive there and can be penalized by search engines. Test that they close easily with a finger, or limit them on a small screen.

Common misinterpretation: "A pop-up on arrival grabs attention." No: it annoys and drives people away, and on mobile it can be penalized. A useful pop-up shows after some engagement, closes easily, and only once.
Pop-up: when, where, and with tact Triggers (after reading, on exit), conditions (which pages), and the non-intrusion rule, mobile caution. Trigger (when)After reading / exit Condition (where)Pages + frequency Non-intrusiveEasy close, once Never on arrival; caution on mobile (intrusive, penalized).
Trigger (when) + condition (where) + tact (non-intrusive); mobile caution.
Text version of the diagram (SEO / screen readers / translation): The Popup Builder (Pro) creates pop-up windows. Triggers: when (after X s, on scroll, on exit). Conditions: where (which pages) and frequency. Golden rule: non-intrusive — no pop-up on arrival, easy close, once. Mobile caution (intrusive, sometimes penalized). Lesson: useful and subtle.

🔎 Concrete example — Promo pop-up with tact (Nadia's case)

Content: "-10% on kitchens this month" + button.
Trigger: after 40% scroll OR on exit.
Condition: "kitchens" pages, once per visitor.
Close: clearly visible cross.
Mobile: tested, easy to close with a finger.

Result: a visible promo without annoying.

Lesson: trigger after engagement, never on arrival.

Section vocabulary

Pop-up (Popup Builder, Pro)
A pop-up window displayed over the page, designed with Elementor Pro.

Simple example: promo pop-up "-10% kitchens".

What it is not: a permanent pop-up impossible to close.

Reflex: pop-up = occasional, closable message.

Triggers
When the pop-up appears: on load (after X s), on scroll, on exit.

Simple example: appearance on page exit.

What it is not: immediate trigger on arrival.

Reflex: trigger after some engagement.

Conditions & rules
Where the pop-up displays (which pages) and at what frequency.

Simple example: on product pages, once per visitor.

What it is not: showing it on the whole site, on every page.

Reflex: target the pages + limit the frequency.

Don't be intrusive
Avoid the pop-up on arrival; easy close; only once.

Simple example: clear cross, single display.

What it is not: repeated pop-up that blocks reading.

Reflex: the visitor must be able to close in one gesture.

Mobile caution (interstitials)
On mobile, pop-ups are intrusive and sometimes penalized.

Simple example: test closing with a finger or limit on mobile.

What it is not: a full-screen pop-up impossible to close on mobile.

Reflex: check every pop-up on a real phone.

In practice — Creating a useful, subtle pop-up

  1. Create a pop-up (e.g. promo or newsletter) with a clear message and a button.
  2. Set a non-aggressive trigger (after scroll or on exit).
  3. Define the conditions (targeted pages) and the frequency (once).
  4. Test on mobile: easy close with a finger, no blocking.
You offer an effective occasional message without annoying the visitor or hurting mobile.

Ready-to-say script — framing pop-up use (20 s)

"I add your offer as a pop-up message, but not on arrival: it'll appear after some reading, only once, and close easily. It's more effective and less annoying — especially on mobile, where a poorly handled pop-up drives visitors away."

Explain that tact increases effectiveness and protects SEO.

Copy-paste template — pop-up check

CONTENT: _______________  BUTTON: _______________
TRIGGER: after ___ % scroll / on exit / after ___ s
CONDITION (pages): _______________  FREQUENCY: once / ___
CLOSE (clear cross): yes / no
MOBILE TEST (close with a finger): done / to do

Promo

Trigger after reading or on exit, on the relevant pages.

Newsletter

Subtle offer after engagement, never on arrival.

Cookies

Clear, low-intrusion banner, compliant with obligations.

Mobile

Limit or lighten pop-ups; test closing with a finger.

✓ Best practices

  • Trigger after engagement, never on arrival.
  • Limit the frequency (once) and target the pages.
  • Test every pop-up on mobile.

✗ Common pitfalls

  • Pop-up on arrival (annoys, drives people away).
  • Repeated or hard-to-close pop-up.
  • Full-screen pop-up not closable on mobile (penalized).

Key takeaways

  • Popup Builder (Pro): pop-up windows.
  • Triggers = when; conditions = where + frequency.
  • Non-intrusive: easy close, once.
  • Caution on mobile (interstitials).

48h challenge — apply tomorrow

Create a pop-up (promo or newsletter) triggered on exit or after scroll, limited to once and to certain pages, with a clear cross. Test closing on a real mobile. 20 minutes.

Section exit checklist
  • I create a pop-up with a trigger and conditions.
  • I make it non-intrusive (frequency, close).
  • I test it on mobile.
Self-assessment 1-5: are my pop-ups non-intrusive?do they close easily on mobile?

Frequently asked questions

When to show a pop-up?

Never on arrival: prefer a trigger after some engagement (scroll, time) or on exit, only once, with an easy close.

Do pop-ups hurt SEO?

On mobile, intrusive pop-ups (interstitials) can be penalized by search engines. Limit them, make them easy to close and test them on a phone.

Can pop-ups be targeted?

Yes: conditions define on which pages they display, and frequency rules avoid repeating them on every visit.

Check your understanding — scenario

Nadia wants to announce a promo without annoying visitors. Which pop-up setting is best?

Additional resources (optional, to go further)

Level 3 examFresh, harder questions to test what you've learned