Une popup mal conçue est probablement l’élément le plus détesté du web, et pourtant, bien réglée, elle reste l’un des outils de conversion les plus efficaces d’un site e-commerce ou d’un site de génération de leads. Le Popup Builder d’Elementor Pro permet de construire ces popups avec les mêmes widgets que le reste du site, mais leur puissance vient surtout de deux réglages qu’on néglige trop souvent : le déclencheur et les règles avancées.
Nous avons implémenté des dizaines de popups sur des projets clients, et la majorité des plaintes utilisateurs viennent toujours du même endroit : un déclencheur mal choisi, ou une popup qui s’affiche sans qu’on puisse la fermer proprement. Voici comment éviter ces deux écueils.
Créer une popup et choisir son déclencheur
Depuis Templates > Popups > Add New, l’éditeur s’ouvre sur une toile libre, sans structure imposée — contrairement aux templates de Theme Builder qui héritent d’une zone précise. Une fois le contenu construit, l’onglet Publish propose les réglages de déclenchement, dans le panneau Trigger :
- On Page Load : affichage immédiat, avec un délai configurable en secondes.
- On Scroll : déclenché après un pourcentage de défilement de la page.
- On Click : lié à un sélecteur CSS précis, utile pour une popup ouverte depuis un bouton du site.
- After Inactivity : quand l’utilisateur ne bouge plus la souris pendant X secondes.
- On Page Exit Intent : détection du mouvement de souris vers la barre d’adresse, signe de départ imminent.
- Page Load with Entrance Animation combiné aux précédents pour l’effet visuel d’apparition.
Exit intent : la fausse bonne idée sur mobile
L’exit-intent repose sur la détection du mouvement du curseur de souris vers le haut de la fenêtre. Sur un écran tactile, ce mouvement n’existe tout simplement pas : Elementor simule alors le déclenchement sur un événement de retour arrière du navigateur ou de changement d’onglet, ce qui est nettement moins fiable et parfois perçu comme aléatoire par l’utilisateur.
Notre pratique : désactiver l’exit-intent sur mobile via les réglages d’affichage de la popup (Advanced > Responsive), et le remplacer par un déclencheur On Scroll à 60-70 % de la page, qui capte un signal d’engagement réel sans dépendre d’un comportement propre au desktop.
Les règles avancées : qui voit quoi, et où
L’onglet Advanced Rules fonctionne comme les conditions du Theme Builder : une liste de règles Include / Exclude combinables (page précise, tout le site, type de contenu, catégorie, utilisateur connecté ou non). C’est ce qui permet, par exemple, d’exclure une popup de newsletter sur les pages du tunnel de commande, où elle nuirait à la conversion plutôt que de l’aider.
Include : Basic > Entire Site
Exclude : Post Type > Product (page produit)
Exclude : Page > Panier, Commande, Merci
Fréquence d’affichage et cookies
Dans Publish > Popup Behavior, Elementor Pro propose une limite d’affichage par visiteur, basée sur un cookie : une fois, à chaque visite, ou en boucle contrôlée par un délai en jours. Sans ce réglage, la même popup peut s’afficher à chaque rechargement de page, un motif fréquent d’irritation signalé en support client.
Accessibilité : le point trop souvent oublié
Une popup qui s’ouvre doit rester utilisable par tous les visiteurs, y compris ceux qui naviguent au clavier ou avec un lecteur d’écran. Le Popup Builder gère nativement la fermeture à la touche Échap et le focus initial sur la popup, mais deux réglages restent sous la responsabilité de l’intégrateur :
- Toujours prévoir une croix de fermeture visible et suffisamment grande (44×44 px minimum recommandé) pour un usage tactile confortable.
- Vérifier, widget par widget, qu’aucun champ de formulaire n’est en dehors de l’ordre de tabulation logique de la popup.
- Éviter absolument un déclenchement On Page Load sans délai : un visiteur qui n’a rien encore lu sur la page n’a aucun contexte pour comprendre ce qu’on lui propose.
Sur un site média, une popup déclenchée à zéro seconde de chargement avait fait chuter le temps de lecture moyen de 40 %. Un simple délai de huit secondes a suffi à inverser la tendance.
En résumé
Le Popup Builder d’Elementor Pro est un outil complet, mais sa puissance repose entièrement sur la combinaison déclencheur plus règles avancées, à ajuster selon le contexte réel de chaque page plutôt que d’appliquer un réglage unique à tout le site. Testez systématiquement chaque popup au clavier avant mise en production : c’est le meilleur indicateur qu’elle ne deviendra pas un obstacle plutôt qu’un outil de conversion.
