Créer une popup avec Elementor Pro
Design, conditions, déclencheurs et règles avancées : une popup efficace sans agacer vos visiteurs.
Les menus sont cités tels qu’ils apparaissent dans Elementor en français. Selon votre version et vos réglages de langue, certains libellés restent en anglais (Single Post, Loop Item…).
Une popup bien utilisée (offre, inscription à une lettre d’information, prise de rendez-vous) peut faire grimper vos conversions. Mal utilisée, elle fait fuir. Elementor Pro intègre un Popup Builder complet.
Formule requise : d’après le comparatif officiel, le Popup Builder n’est pas inclus dans la formule Pro Essential. Il faut une formule Advanced Solo, Advanced ou supérieure.
Créer la popup
- Dans WordPress, depuis le menu Elementor, ouvrez Templates › Popup et cliquez sur Add New Popup.
- Nommez-la, puis cliquez sur Create Template.
- Choisissez un modèle dans la bibliothèque (Insert) ou fermez-la pour partir de zéro.
- Concevez la popup dans l’éditeur, puis cliquez sur Publish.
La publication enchaîne trois écrans : conditions, déclencheurs, règles avancées.
1. Les conditions : sur quelles pages
Comme pour les modèles du constructeur de thème, vous choisissez les pages où la popup peut apparaître. Par exemple : Include › Singular › Front Page pour la page d’accueil seulement.
2. Les déclencheurs : à quel moment
- On Page Load : après un délai en secondes ;
- On Scroll : après un pourcentage de défilement vers le bas (ou un nombre de pixels vers le haut) ;
- On Scroll To Element : quand le visiteur atteint un élément précis (identifié par son ID CSS) ;
- On Click : après un nombre de clics ;
- After Inactivity : après un temps d’inactivité ;
- On Page Exit Intent : quand la souris laisse penser que le visiteur va quitter la page.
3. Les règles avancées : à qui et combien de fois
Afficher seulement après un certain nombre de pages vues ou de sessions, limiter le nombre d’affichages par visiteur… Ces règles évitent de montrer la même popup à chaque page.
Les bonnes pratiques
- Évitez les popups qui masquent le contenu dès l’arrivée, surtout sur mobile : c’est pénible pour le visiteur et Google peut pénaliser les interstitiels intrusifs.
- Préférez un déclencheur au défilement ou à l’intention de sortie, avec un nombre d’affichages limité.
- Gardez un bouton de fermeture bien visible.
Lien affilié : si vous achetez Elementor Pro via un lien de cette page, Expertor perçoit une commission, sans surcoût pour vous.
