Barres d'annonce

Que sont les barres d'annonce ?

Une barre d'annonce est un bandeau horizontal fin placé au-dessus ou au-dessous de l'en-tête, parfois fixé au bas de la fenêtre, qui diffuse un message court sur toutes les pages d'une boutique. Les contenus habituels sont le seuil de livraison offerte, un code de réduction, l'heure limite de commande, un compte à rebours de promotion et des messages de service comme un allongement des délais. Contrairement à une surcouche, le bandeau occupe une place dans la mise en page au lieu de masquer le contenu : c'est le format le moins intrusif pour un message permanent.

Définition

Les variantes se distinguent par leur comportement plutôt que par leur finalité : bandeau statique, bandeau rotatif qui fait défiler plusieurs messages, bandeau fixe qui reste visible au défilement et bandeau refermable qui disparaît pour le reste de la session. Le format est proche des surcouches promotionnelles, mais il n'emporte en général aucune obligation de consentement puisqu'aucune donnée n'est collectée. Ses limites tiennent à l'attention et à la surface disponible. La rotation réduit le temps de lecture, un bandeau fixe ampute la hauteur utile sur petit écran, et un compte à rebours doit refléter une échéance réelle, une urgence simulée relevant des pratiques commerciales déloyales.

Pourquoi c'est important

Dans une boutique composable, le bandeau est un emplacement global de la mise en page alimenté depuis un CMS headless : texte, couleurs, lien et fenêtre de validité changent sans nouvelle livraison du frontend. Comme le bandeau se rend au-dessus du contenu principal, il entre dans le chemin critique : réserver sa hauteur évite le Cumulative Layout Shift et le rendu serveur supprime tout saut visible. Les variantes personnalisées, seuil exprimé en devise locale ou mention de livraison propre à un pays, se résolvent de préférence à l'edge depuis le contexte de la requête, afin de conserver un cache par segment plutôt que par utilisateur.

Cas d'usage

Sur les pages de catégorie et les fiches produit, un bandeau de seuil indique le montant restant avant la livraison offerte, calculé depuis le panier courant. Pendant une opération commerciale, un compte à rebours diffuse la fin de la promotion sur tout le catalogue. Les messages de service sur les retards, les dates limites avant les fêtes ou une fermeture réduisent les sollicitations du support. Sur les boutiques internationales, le bandeau porte les informations de droits et de douane du pays sélectionné. Dans le tunnel, une version allégée rappelle la politique de retour sans navigation distrayante.

Voir aussi

Découvrez Dynamic Content · Trust Signals.

Frontend Insights