Les popups ont mauvaise réputation, et le plus souvent à juste titre. Non parce que l'outil serait mauvais, mais parce que les réglages par défaut sont rarement remis en question. Un popup qui surgit après deux secondes sur la moitié de l'écran vous coûte plus de visiteurs qu'il ne rapporte d'inscriptions. Un popup bien déclenché, en revanche, ne dérange personne.
Voici les deux volets : comment en construire un, et comment le régler pour qu'il n'agace pas.
Prérequis
Le Popup Builder fait partie de la version Pro. Dans la version gratuite, il vous faut une extension séparée.
Elementor Pro : Popup Builder, Theme Builder et formulaires relèvent de la même licence — pour beaucoup, c'est la véritable raison de ne pas rester sur la version gratuite. Découvrir Elementor Pro
Créer un popup
Sous Modèles → Popups, vous créez un nouveau modèle. L'éditeur est le même que d'habitude, à ceci près que la surface est le popup et non une page.
Vous en construisez le contenu comme à l'accoutumée : un titre, une ou deux phrases, un formulaire ou un bouton. Restez bref. Un popup est une interruption ; plus il demande de temps de lecture, plus sûrement il sera fermé d'un clic.
Sous l'icône de roue dentée en bas à gauche, vous réglez le popup lui-même : largeur, hauteur, position, voile de fond, animation et présence d'une croix de fermeture. La croix de fermeture, j'y reviens tout de suite — elle est plus importante qu'elle n'en a l'air.
Les trois onglets de la logique d'affichage
À la publication vient la partie qui décide du succès ou des ennuis. Elementor pose trois questions.
Conditions — où le popup apparaît. Sur tout le site, seulement sur certaines pages, seulement sur les articles d'une catégorie. Soyez ici aussi restrictif que possible. Un popup newsletter sur la page de contact est une nuisance : le visiteur est justement en train de vous écrire.
Déclencheurs — quand il apparaît. Après un délai, à une profondeur de défilement, à la sortie de la page, après un clic sur un élément, après une période d'inactivité.
Règles avancées — dans quelles circonstances. Uniquement pour les nouveaux visiteurs, seulement à partir de la deuxième page vue, une seule fois par semaine, pas pour les utilisateurs connectés, seulement à partir d'une certaine largeur d'écran.
Les réglages que je recommande réellement
Après quelques années de projets clients, voici mes valeurs standard :
Déclencheur : profondeur de défilement à 50 pour cent plutôt qu'un délai. Qui a lu la moitié s'intéresse au sujet. Qui n'a encore rien lu au bout de trois secondes n'est pas convaincu par un popup, il est chassé.
Règle avancée : pas plus d'une fois tous les sept jours. Sans cette règle, un visiteur récurrent voit le popup à chaque visite. C'est le moyen le plus rapide de perdre quelqu'un pour de bon.
Règle avancée : à partir de la deuxième page vue. Lors du tout premier contact, la disposition à s'inscrire est de toute façon faible.
De la retenue sur mobile. Un popup qui remplit le petit écran est nettement plus intrusif que sur ordinateur. Sur mobile, je les désactive souvent complètement ou j'utilise une barre étroite en bas d'écran plutôt qu'un encart au centre.
Exit-intent uniquement sur ordinateur. Ce déclencheur réagit au déplacement de la souris vers le bord de la fenêtre. Sur les appareils tactiles il n'y a pas de souris, et le comportement y est peu fiable.
Un point non négociable
Le popup doit pouvoir se fermer sans ambiguïté. Une croix visible, suffisamment grande, avec assez d'espace par rapport aux autres éléments. Pas de croix gris clair sur blanc, pas de croix qui n'apparaît qu'au bout de cinq secondes.
Ce n'est pas une question de goût. Un popup sans possibilité de fermeture clairement identifiable est un problème d'accessibilité et, le cas échéant, un problème juridique. Vérifiez en plus que le popup se ferme avec la touche Échap et que la navigation au clavier ne reste pas coincée derrière.
Ce qu'un popup ne devrait pas être
Pas une bannière de cookies. Il existe pour cela des outils spécialisés qui documentent les consentements et bloquent réellement les scripts — un popup Elementor ne le fait pas. Ce qu'il faut par ailleurs surveiller côté protection des données avec Elementor, je l'ai résumé dans Configurer Elementor conformément au RGPD.
Et pas un substitut à un contenu qu'on ne trouve de toute façon pas. Si votre offre principale n'existe que dans le popup, c'est un problème de navigation, pas un besoin de popup.
Vérifier avant la mise en ligne
Testez dans une fenêtre privée — connecté à l'administration, vous ne voyez souvent rien du tout à cause des règles et vous croyez à tort que le popup est cassé. Vérifiez-le en outre une fois sur téléphone, et regardez après deux semaines si les inscriptions ont réellement augmenté. Sinon, ce n'était qu'une nuisance.
Comment employer ce genre d'éléments sans rendre le site agité est un sujet régulier de ma formation Elementor.
Tags