Créer un Pop-up de Site Web : Guide et Outils 2026

Un pop-up, c'est une fenêtre qui s'ouvre par-dessus une page pour demander quelque chose : une adresse e-mail, un clic vers une offre. La mécanique est triviale à poser — presque tous les outils d'e-mailing en proposent un en trois clics. Ce qui est difficile, c'est de le faire sans se faire pénaliser par Google, sans sortir du cadre légal, et sans faire fuir la moitié des lecteurs.

Ce guide traite surtout de ces trois contraintes : ce sont elles qui décident si un pop-up rapporte ou coûte. Le choix de l'outil arrive en dernier, et c'est logique.

Les types de pop-up et leur déclencheur

Un pop-up se définit moins par son apparence que par l'événement qui le fait apparaître. C'est ce déclencheur qui détermine la performance et le risque.

À l'arrivée : la fenêtre s'ouvre dès le chargement. C'est le déclencheur le plus agressif, celui qui interrompt le visiteur avant qu'il ait lu une ligne, et celui qui pose le plus de problèmes côté Google sur mobile.

Après un délai : la fenêtre attend quelques secondes, voire une trentaine. Un délai court ne vaut guère mieux qu'un déclenchement à l'arrivée ; un délai long réduit les affichages mais touche mieux.

Au défilement : le pop-up se déclenche quand le visiteur a lu la moitié ou les deux tiers de la page. C'est un signal d'intérêt réel, et probablement le meilleur compromis pour un site éditorial.

À l'intention de sortie : un script détecte que le curseur remonte vers la barre d'onglets et affiche la fenêtre juste avant le départ. On n'interrompt rien, la session était finie de toute façon. Le défaut : la détection repose sur le mouvement de souris, donc elle ne fonctionne pas sur mobile, où se joue pourtant l'essentiel du trafic.

Au clic : la fenêtre ne s'ouvre que si le visiteur clique sur un bouton du type « Recevoir le guide ». Ce n'est plus un pop-up subi mais une modale demandée : le taux d'affichage s'effondre, le taux de conversion grimpe, et aucune règle d'intrusivité ne s'applique puisque l'action vient de l'utilisateur.

Consentement : ce que la collecte d'e-mail impose en France

Dès qu'un pop-up récupère une adresse e-mail, il traite une donnée personnelle et le RGPD s'applique. Ce n'est pas un détail qu'on règle après coup : c'est ce qui conditionne le contenu de la fenêtre.

Le consentement doit être libre, spécifique, éclairé et univoque. Libre : la personne doit pouvoir refuser sans perdre l'accès au contenu qu'elle était venue lire. Spécifique : un consentement recueilli pour une newsletter ne couvre pas l'envoi de messages commerciaux pour des tiers. Éclairé : il faut dire qui collecte, pour quoi faire et combien de temps. Univoque : il faut un acte positif du visiteur.

Ce dernier point élimine une pratique encore courante : la case pré-cochée est interdite, puisqu'une case déjà validée à l'ouverture n'est pas un acte positif. Même logique pour le consentement présumé par la poursuite de la navigation.

Concrètement, un pop-up correct affiche la finalité en clair (« pour recevoir un e-mail par semaine sur tel sujet »), identifie le responsable du traitement, renvoie vers la politique de confidentialité et rappelle que le désabonnement est possible à tout moment. Il faut aussi pouvoir prouver le consentement, d'où l'intérêt d'un outil qui journalise date, heure et source de chaque inscription.

Formulations exactes, durée de conservation et cas particuliers (prospection B2B, double opt-in, mineurs) dépendent de votre situation. Sur ces points, la référence est la CNIL, pas un article de blog.

Les interstitiels intrusifs : la règle que la plupart des articles oublient

C'est le point décisif, et presque toujours passé sous silence. Google considère depuis plusieurs années que certains contenus intercalaires nuisent à l'expérience sur mobile, et peut dévaloriser les pages concernées.

Le cas visé est précis : un visiteur arrive depuis les résultats de recherche, sur smartphone, et le contenu qu'il cherchait est masqué. Cela couvre le pop-up qui recouvre le texte à l'arrivée, l'interstitiel plein écran qu'il faut fermer, et la mise en page qui repousse le contenu sous une bannière occupant tout l'écran.

Certaines fenêtres échappent à cette logique : celles imposées par la loi ou une obligation d'information, comme les bandeaux de cookies ou les vérifications d'âge, et celles qui n'occupent qu'une portion raisonnable de l'écran. Une modale ouverte par le visiteur lui-même n'est pas concernée non plus.

La conséquence est simple : sur mobile, ne déclenchez jamais un pop-up qui couvre le contenu dès l'arrivée sur la page. Décalez-le au défilement ou remplacez-le par une bande fixe de faible hauteur. Le manque à gagner en inscriptions est très inférieur au coût d'une perte de visibilité sur des pages qui vivent du trafic organique. Les critères exacts figurent dans la documentation officielle publiée par Google — la seule source à jour sur le sujet.

Accessibilité : Échap, focus, lecteur d'écran

Un pop-up mal construit devient un piège pour une partie des visiteurs. Ce volet est toujours ignoré parce qu'il ne se voit pas sur une capture d'écran.

Trois exigences minimales. La fenêtre doit d'abord se fermer au clavier : la touche Échap doit fonctionner et le bouton de fermeture être atteignable par tabulation, avec une zone cliquable large et un contraste lisible — pas une croix grise de dix pixels dans un coin.

Le focus doit ensuite être déplacé dans la fenêtre à l'ouverture, puis y rester tant qu'elle est affichée : sinon, un utilisateur au clavier continue de tabuler dans la page située derrière sans comprendre où il se trouve. À la fermeture, il revient sur l'élément déclencheur.

Enfin, la fenêtre doit être annoncée aux lecteurs d'écran : un rôle de dialogue, un nom accessible repris du titre affiché, et le reste de la page rendu inerte. Le champ de saisie doit avoir une vraie étiquette, pas un texte d'aide qui disparaît à la frappe. La plupart des générateurs gèrent une partie de ces points, rarement tous : cela se vérifie au clavier en trente secondes, sans aucun outil.

Ce qui fait qu'un pop-up convertit ou exaspère

À contenu égal, l'écart entre deux pop-up vient rarement du design, mais de quatre paramètres.

Le moment. Interrompre quelqu'un qui vient d'arriver, c'est demander un engagement sans avoir rien donné. Attendre qu'il ait lu, ou qu'il s'apprête à partir, change toute la perception de la demande.

La fréquence de réapparition. C'est l'erreur la plus coûteuse. Un pop-up qui revient à chaque page transforme un site en parcours d'obstacles. La règle raisonnable : une fois par visiteur et par session, et plus rien pendant plusieurs semaines si la personne a fermé la fenêtre ou s'est inscrite.

L'offre. « Inscrivez-vous à notre newsletter » ne propose rien. Une contrepartie précise et utile — un modèle, une checklist, une remise, un contenu qui prolonge la page lue — change l'ordre de grandeur du résultat. Encore faut-il qu'elle existe et soit livrée immédiatement, sinon le désabonnement suit dans la foulée.

Un seul champ. Chaque champ supplémentaire coûte des inscriptions. Le prénom se demande plus tard, dans le premier e-mail. Un titre court, une phrase, un champ, un bouton dont le libellé décrit ce qu'on reçoit : c'est la structure qui fonctionne.

Les alternatives moins agressives

Le pop-up n'est pas le seul format de capture, ni toujours le plus rentable une fois le coût en expérience pris en compte.

La bande fixe en haut ou en bas d'écran reste visible sans jamais masquer le texte : taux de conversion plus faible, mais aucun problème d'intrusivité.

Le formulaire en fin d'article capte les lecteurs allés jusqu'au bout. Le volume est modeste, la qualité excellente : sur un média éditorial, c'est souvent le format qui produit les meilleurs abonnés.

Le bloc en barre latérale fonctionne bien sur ordinateur, et l'ouverture au clic depuis un lien contextuel reste la solution la plus élégante. La combinaison la plus solide : un formulaire de fin d'article partout, et un pop-up au défilement ou à la sortie seulement sur les pages qui reçoivent réellement du trafic.

Mesurer : affichage, conversion, et surtout rebond

Trois indicateurs suffisent, mais le troisième est celui que presque personne ne regarde.

Le taux d'affichage répond à une question simple : sur cent visiteurs, combien voient la fenêtre ? Un déclencheur de sortie sur un site majoritairement mobile n'atteint qu'une fraction de l'audience, ce qui explique bien des campagnes décevantes.

Le taux de conversion se calcule sur les affichages réels, pas sur le trafic total. On le compare d'une variante à l'autre en ne changeant qu'un paramètre à la fois : déclencheur, titre, puis offre.

L'effet sur le comportement est le juge de paix. Comparez, entre pages équipées et pages témoins, le taux de rebond, les pages par session et le temps passé. Si le pop-up rapporte des inscriptions mais dégrade nettement l'engagement sur des pages qui vivent de la recherche, l'opération est perdante. Segmentez au minimum mobile et ordinateur : une configuration acceptable sur l'un peut être franchement nuisible sur l'autre.

Avec quoi le construire

Un pop-up de capture n'a d'intérêt que relié à une liste et à une séquence d'e-mails. Sans outil d'e-mailing existant, prendre une solution qui fait les deux évite une intégration à maintenir : formulaire, liste et envois vivent dans le même compte.

C'est ce que propose Systeme.io, avec un plan gratuit qui permet de tester la mécanique complète avant de payer. La contrepartie est claire : ce n'est pas un outil de pop-up spécialisé, et les possibilités de déclenchement comme de ciblage restent limitées face aux solutions dédiées. Pour capter des adresses en fin d'article et envoyer une newsletter, cela suffit largement ; pour piloter finement l'affichage page par page, il faudra autre chose.

Pour choisir la brique d'e-mailing, voyez notre comparatif des outils de newsletter, et pour la séquence qui suit l'inscription, notre guide du meilleur autorépondeur. Un pop-up sans e-mail de bienvenue derrière, c'est une adresse collectée pour rien.