Bandeau d’annonce pour site (bandeau en haut de page)

Bandeau d’annonce pour site (bandeau en haut de page): à quoi ça sert

Le bandeau en haut du site est la façon la plus simple d’annoncer une promotion, la livraison gratuite, des horaires spéciaux de jour férié ou une nouveauté, sans gêner la navigation.

Écrivez le message, le lien et choisissez les couleurs. Le code mémorise qui l’a fermé pour ne pas le réafficher (jusqu’à ce que vous changiez le texte), peut disparaître tout seul après une date et peut rester fixe au défilement. Le bandeau s’insère au début de la page, en réservant l’espace dès le chargement, pour ne pas décaler le contenu et nuire au CLS.

Mode d’emploi

1. Écrivez le texte et le lien.
2. Choisissez les couleurs, le bouton de fermeture et la date de fin.
3. Copiez et collez juste après la balise body.

Quand l’utiliser

• Promotion du Black Friday.
• Annonce d’horaires de jour férié.
• Livraison gratuite ou code promo.

Questions fréquentes

Comment le bandeau retient-il que la personne l’a fermé ?

Le code enregistre (localStorage) que cette annonce a été fermée. Si vous changez le texte, la clé change aussi et la nouvelle annonce s’affiche de nouveau pour tout le monde.

Le bandeau nuit-il au SEO ou au chargement ?

Non, c’est du HTML et du CSS légers. Pour ne pas décaler la page une fois chargée (ce qui dégrade la métrique CLS de Google), le code place le bandeau au début du body, en réservant l’espace dès le départ, et ne le retire que si la personne l’a déjà fermé.

Peut-on l’afficher seulement jusqu’à une date ?

Oui. Renseignez la date de fin et le bandeau cesse de s’afficher après celle-ci, sans que vous ayez à modifier le site pour le retirer.

Vraiment gratuit ?

Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.

Outils similaires