Popup Builder Elementor Pro : créer des popups qui convertissent
Le Popup Builder d’Elementor Pro est intégré directement dans l’éditeur Elementor — pas besoin de plugin supplémentaire comme OptinMonster ou Popup Maker. Il permet de créer des popups visuellement complexes, de définir des conditions d’affichage précises, et de les déclencher selon des comportements utilisateur ciblés. C’est l’un des modules Pro les plus utilisés pour augmenter les taux de conversion et capturer des leads.
Les types de popups disponibles
Avec le Popup Builder, vous pouvez créer tous les types de popups nécessaires : modale classique (fond assombri, popup centré), popup slide-in (apparaît depuis un coin ou le bas de page), barre de notification (bandeau en haut ou bas de page), hello bar (bandeau fixe), et fullscreen overlay (occupe tout l’écran). Chaque type est configurable visuellement dans l’éditeur Elementor avec la même liberté que n’importe quelle page.
Les six déclencheurs disponibles
Le Popup Builder propose six types de déclencheurs : (1) Lors du chargement de la page — avec délai configurable en secondes. (2) Exit Intent — quand la souris quitte la zone navigateur vers la barre d’onglets (desktop uniquement). (3) Scroll — après X% de défilement de la page. (4) Au clic — sur n’importe quel widget Elementor (bouton, image, texte). (5) Inactivité — après X secondes sans interaction. (6) Fin de contenu — quand l’utilisateur atteint le bas de la page. Ces déclencheurs sont combinables pour cibler des comportements spécifiques.
Conditions d’affichage avancées
Les conditions permettent de cibler précisément qui voit la popup et quand. Options disponibles : type de contenu (page, article, archive, produit WooCommerce), catégorie ou tag spécifique, URL contenant un paramètre (ex : ?ref=campagne), statut de connexion (connecté ou non), rôle utilisateur (admin, éditeur, abonné, client WooCommerce), appareil (mobile, tablette, desktop), et historique de la popup (déjà vue, fermée N fois, déjà soumise). Cette précision évite d’afficher des popups inutiles à des audiences déjà converties.
Gestion de la fréquence d’affichage
Dans les « Règles avancées » de chaque popup, vous contrôlez la fréquence d’affichage : nombre maximum d’affichages par session, fréquence (une fois par jour, par semaine, par mois), et décision de ne plus afficher après que l’utilisateur a fermé la popup X fois ou soumis le formulaire inclus. Ces règles sont stockées dans les cookies du navigateur — elles fonctionnent sans compte utilisateur et sans plugin supplémentaire.
Impact sur les performances PageSpeed
Par défaut, Elementor Pro charge les assets CSS et JS des popups sur toutes les pages, même celles sans popup. Pour minimiser l’impact sur les performances, activez le « Chargement conditionnel des assets » dans Elementor → Paramètres → Avancé → Chargement des assets. Ainsi, les CSS et JS des popups ne sont chargés que sur les pages où une popup est assignée. Sur les autres pages, l’overhead est nul — ce qui préserve votre score PageSpeed.
Bonnes pratiques : popups qui convertissent sans énerver
Trois règles que j’applique systématiquement : (1) Ne jamais afficher une popup immédiatement au chargement — utilisez un délai de 5 à 10 secondes minimum ou un trigger au scroll. (2) Proposer une fermeture visible et facile — un bouton X clair, ou un lien « Non merci » discret mais présent. (3) Ne pas afficher la même popup plus d’une fois par session à un même visiteur — configurez « Afficher une fois par session » dans les règles avancées. Les popups qui respectent ces règles convertissent bien sans dégrader l’expérience utilisateur.
→ Retour au guide complet Elementor Pro
FAQ — Popup Builder Elementor Pro
Les popups Elementor Pro impactent-ils le score PageSpeed ?
Peu, si bien configurées. Activez le « Chargement conditionnel des assets » dans Elementor → Paramètres → Avancé pour que les CSS et JS des popups ne soient chargés que sur les pages où une popup est active. Cela réduit significativement le poids des pages sans popup et préserve votre score PageSpeed mobile.
Peut-on afficher une popup uniquement aux utilisateurs connectés ou déconnectés ?
Oui. Les conditions d’affichage avancées permettent de cibler selon le statut de connexion (connecté ou non) et le rôle utilisateur (admin, éditeur, abonné, client WooCommerce). C’est utile pour afficher une popup d’inscription aux visiteurs non-connectés, et une popup de bienvenue ou d’upsell aux membres déjà connectés.
Comment créer une popup d’exit-intent avec Elementor Pro ?
Dans les paramètres de déclenchement de la popup, choisissez « Déclencheur » → « Exit Intent ». La popup s’affiche quand la souris du visiteur quitte la zone visible du navigateur vers la barre d’onglets — signalant une intention de quitter la page. Ce déclencheur est uniquement disponible sur desktop. Sur mobile, combinez un délai ou un trigger au scroll pour un effet similaire.
Peut-on limiter le nombre d’affichages d’une popup par utilisateur ?
Oui. Dans « Règles avancées » de la popup, définissez : nombre maximum d’affichages par session, fréquence d’affichage (par jour, semaine, mois), et ne plus afficher après que l’utilisateur a fermé la popup X fois. Ces règles sont stockées dans les cookies du navigateur — elles fonctionnent sans compte utilisateur et sans code supplémentaire.
Peut-on déclencher une popup au clic sur un bouton ou un lien ?
Oui. N’importe quel widget Elementor peut déclencher une popup au clic. Dans les paramètres du widget (bouton, image, texte, icône), allez dans « Lien » et choisissez « Popup ». Sélectionnez la popup cible dans la liste et choisissez l’action (ouvrir, fermer, ou basculer). Ce mécanisme fonctionne aussi pour les liens dans les menus de navigation en modifiant le lien HTML via l’attribut personnalisé.