3.5 · Pop-ups (Popup Builder)

Niveau 3 · Avancé : Elementor Pro & Theme Builder

3.5Pop-ups (Popup Builder)

Objectif : créer des pop-ups utiles (déclencheurs, conditions) sans être intrusif, en se méfiant des pop-ups mobiles.
Temps estimé : 12 min · lecture autonome · Si vous n'avez que 5 min : lisez « L'essentiel en 30s » + le schéma.

L'essentiel en 30 secondes

  • Le Popup Builder (Pro) crée des fenêtres surgissantes (newsletter, promo, cookies).
  • Les déclencheurs décident quand (après X secondes, au défilement, à la sortie) ; les conditions, où.
  • Règle d'or : ne pas être intrusif — pas de pop-up dès l'arrivée ; prudence sur mobile (gênant, pénalisé).

Mini-cas filé — Nadia ajoute une promo (avec tact)

Le menuisier veut annoncer « -10 % sur les cuisines ce mois-ci ». Nadia crée un pop-up… mais ne le déclenche pas dès l'arrivée (agaçant). Elle l'affiche après un peu de lecture ou à la sortie de la page, une seule fois, et le teste sur mobile pour qu'il reste facile à fermer.

Dernière section du niveau 3 — puissant mais à manier avec tact.

1. Pop-up, déclencheurs, conditions

Le Popup Builder (Pro) conçoit des fenêtres surgissantes affichées par-dessus la page (inscription newsletter, promotion, bandeau cookies). Les déclencheurs (triggers) définissent quand le pop-up apparaît : au chargement (après X secondes), au défilement (une fois une part de page lue), à la sortie (quand la souris quitte la fenêtre). Les conditions & règles définissent où il s'affiche (quelles pages) et à quelle fréquence.

Nadia règle son pop-up promo : déclenchement après lecture ou à la sortie, sur les pages produits, une fois par visiteur.

2. Ne pas être intrusif

La règle d'or : ne pas être intrusif. Un pop-up dès l'arrivée agace et fait fuir ; on préfère l'afficher après un peu d'engagement, avec une croix de fermeture claire, et une seule fois.

Prudence sur mobile : les pop-ups (interstitiels) y sont particulièrement encombrants et peuvent être pénalisés par les moteurs. Tester qu'ils se ferment facilement au doigt, ou les limiter sur petit écran.

Erreur d'interprétation fréquente : « un pop-up dès l'arrivée capte l'attention ». Non : il agace et fait fuir, et sur mobile il peut être pénalisé. Un pop-up utile s'affiche après un peu d'engagement, se ferme facilement, et une seule fois.
Pop-up : quand, où, et avec tact Déclencheurs (après lecture, à la sortie), conditions (quelles pages), et règle de non-intrusion, prudence mobile. Déclencheur (quand)Après lecture / sortie Condition (où)Pages + fréquence Non-intrusifFermeture facile, 1 fois Jamais dès l'arrivée ; prudence sur mobile (encombrant, pénalisé).
Déclencheur (quand) + condition (où) + tact (non-intrusif) ; prudence mobile.
Version texte du schéma (SEO / lecteurs d'écran / traduction) : Le Popup Builder (Pro) crée des fenêtres surgissantes. Déclencheurs : quand (après X s, au défilement, à la sortie). Conditions : où (quelles pages) et fréquence. Règle d'or : non-intrusif — pas de pop-up dès l'arrivée, fermeture facile, une fois. Prudence mobile (encombrant, parfois pénalisé). Leçon : utile et discret.

🔎 Exemple concret — Pop-up promo avec tact (cas Nadia)

Contenu : « -10 % sur les cuisines ce mois-ci » + bouton.
Déclencheur : après 40 % de défilement OU à la sortie.
Condition : pages « cuisines », 1 fois par visiteur.
Fermeture : croix bien visible.
Mobile : testé, facile à fermer au doigt.

Résultat : une promo visible sans agacer.

Leçon : déclencher après engagement, jamais à l'arrivée.

Vocabulaire de la section

Pop-up (Popup Builder, Pro)
Une fenêtre surgissante affichée par-dessus la page, conçue avec Elementor Pro.

Exemple simple : pop-up promo « -10 % cuisines ».

Ce que ce n'est pas : un pop-up permanent impossible à fermer.

Réflexe : pop-up = message ponctuel, fermable.

Déclencheurs (triggers)
Quand le pop-up apparaît : au chargement (après X s), au défilement, à la sortie.

Exemple simple : apparition à la sortie de la page.

Ce que ce n'est pas : déclenchement immédiat dès l'arrivée.

Réflexe : déclencher après un peu d'engagement.

Conditions & règles
Où le pop-up s'affiche (quelles pages) et à quelle fréquence.

Exemple simple : sur les pages produits, une fois par visiteur.

Ce que ce n'est pas : l'afficher sur tout le site, à chaque page.

Réflexe : cibler les pages + limiter la fréquence.

Ne pas être intrusif
Éviter le pop-up dès l'arrivée ; fermeture facile ; une seule fois.

Exemple simple : croix claire, affichage unique.

Ce que ce n'est pas : pop-up répété qui bloque la lecture.

Réflexe : le visiteur doit pouvoir fermer en un geste.

Prudence mobile (interstitiels)
Sur mobile, les pop-ups sont encombrants et parfois pénalisés.

Exemple simple : tester la fermeture au doigt ou limiter sur mobile.

Ce que ce n'est pas : un pop-up plein écran impossible à fermer sur mobile.

Réflexe : vérifier chaque pop-up sur un vrai téléphone.

En pratique — Créer un pop-up utile et discret

  1. Créez un pop-up (ex. promo ou newsletter) avec un message clair et un bouton.
  2. Réglez un déclencheur non agressif (après défilement ou à la sortie).
  3. Définissez les conditions (pages ciblées) et la fréquence (une fois).
  4. Testez sur mobile : fermeture facile au doigt, pas de blocage.
Vous proposez un message ponctuel efficace sans agacer le visiteur ni nuire au mobile.

Script prêt à dire — cadrer l'usage des pop-ups (20 s)

« J'ajoute votre offre en message surgissant, mais pas dès l'arrivée : il apparaîtra après un peu de lecture, une seule fois, et se fermera facilement. C'est plus efficace et moins agaçant — surtout sur mobile, où un pop-up mal géré fait fuir les visiteurs. »

Expliquer que le tact augmente l'efficacité et protège le référencement.

Modèle copier-coller — check pop-up

CONTENU : _______________  BOUTON : _______________
DÉCLENCHEUR : après ___ % défilement / à la sortie / après ___ s
CONDITION (pages) : _______________  FRÉQUENCE : 1 fois / ___
FERMETURE (croix claire) : oui / non
TEST MOBILE (fermeture au doigt) : fait / à faire

Promo

Déclenchement après lecture ou à la sortie, sur les pages concernées.

Newsletter

Proposition discrète après engagement, jamais à l'arrivée.

Cookies

Bandeau clair et peu intrusif, conforme aux obligations.

Mobile

Limiter ou alléger les pop-ups ; tester la fermeture au doigt.

✓ Bonnes pratiques

  • Déclencher après engagement, jamais à l'arrivée.
  • Limiter la fréquence (une fois) et cibler les pages.
  • Tester chaque pop-up sur mobile.

✗ Pièges fréquents

  • Pop-up dès l'arrivée (agace, fait fuir).
  • Pop-up répété ou difficile à fermer.
  • Pop-up plein écran non fermable sur mobile (pénalisé).

Points clés à retenir

  • Popup Builder (Pro) : fenêtres surgissantes.
  • Déclencheurs = quand ; conditions = où + fréquence.
  • Non-intrusif : fermeture facile, une fois.
  • Prudence sur mobile (interstitiels).

Défi 48h — appliquez demain

Créez un pop-up (promo ou newsletter) déclenché à la sortie ou après défilement, limité à une fois et à certaines pages, avec une croix claire. Testez la fermeture sur un vrai mobile. 20 minutes.

Checklist sortie de section
  • Je crée un pop-up avec déclencheur et conditions.
  • Je le rends non-intrusif (fréquence, fermeture).
  • Je le teste sur mobile.
Auto-évaluation 1-5 : mes pop-ups ne sont pas intrusifs ?ils se ferment facilement sur mobile ?

Questions fréquentes

Quand afficher un pop-up ?

Jamais dès l'arrivée : préférez un déclencheur après un peu d'engagement (défilement, temps) ou à la sortie, une seule fois, avec une fermeture facile.

Les pop-ups nuisent-ils au référencement ?

Sur mobile, les pop-ups intrusifs (interstitiels) peuvent être pénalisés par les moteurs. Limitez-les, rendez-les faciles à fermer et testez-les sur téléphone.

Peut-on cibler les pop-ups ?

Oui : les conditions définissent sur quelles pages ils s'affichent, et les règles de fréquence évitent de les répéter à chaque visite.

Vérifiez votre compréhension — scénario

Nadia veut annoncer une promo sans agacer les visiteurs. Quel réglage de pop-up est le meilleur ?

Ressources supplémentaires (optionnel, pour aller plus loin)

Examen du niveau 3Questions inédites et durcies pour valider vos acquis