Popup pour site (avis, coupon ou newsletter)

Popup pour site (avis, coupon ou newsletter): à quoi ça sert

Un popup bien conçu fait connaître un coupon, une nouveauté ou la newsletter sans faire fuir le visiteur. Écrivez le titre, le texte et le bouton, et choisissez quand il apparaît : après quelques secondes, au défilement d’une partie de la page ou quand la souris va sortir (sur ordinateur).

Le code utilise l’élément dialog (il se ferme avec Échap et garde le focus dans le popup), enregistre quand le visiteur l’a fermé pour ne se répéter qu’après le nombre de jours choisi et devient un bandeau en bas sur mobile, car Google juge intrusifs les popups qui couvrent le contenu principal sur mobile. L’animation respecte ceux qui ont demandé moins de mouvement.

Mode d’emploi

1. Écrivez le message et le bouton.
2. Choisissez quand il apparaît et l’intervalle en jours.
3. Copiez le code à la fin du body.

Quand l’utiliser

• Coupon de première commande.
• Annonce de nouveauté ou d’horaires spéciaux.
• Invitation à la newsletter ou à WhatsApp.

Questions fréquentes

Un popup nuit-il au site sur Google ?

Il peut y nuire. Google considère comme « interstitiels intrusifs » les popups qui couvrent le contenu principal, surtout sur mobile et dès l’arrivée depuis la recherche, ce qui pèse sur l’expérience de la page. C’est pourquoi le code affiche un petit bandeau sur mobile et vous permet de retarder le popup par durée ou par défilement.

Comment éviter que le popup apparaisse à chaque fois ?

Le code enregistre (localStorage) quand le visiteur a fermé le popup et ne l’affiche à nouveau qu’après le nombre de jours que vous choisissez. Celui qui a cliqué sur le bouton ne le voit plus.

Qu’est-ce que l’option à la sortie de la page ?

Sur ordinateur, le popup apparaît quand la souris monte vers la barre d’adresse ou les onglets, signe que la personne s’en va. Sur mobile, ce mouvement n’existe pas : le popup s’ouvre donc après quelques secondes.

Outils similaires