Un client écrit un avis élogieux. Un autre cesse discrètement d'acheter sans jamais vous dire pourquoi. Sur votre site, la même scission se produit : certains visiteurs remarquent votre offre et agissent, tandis que d'autres la dépassent complètement, parce qu'elle a disparu de la partie visible après le premier écran.
Une barre fixe sur un site web règle ce problème de visibilité. Une barre fixe est une bannière horizontale qui reste fixée en haut ou en bas de la fenêtre du navigateur pendant que le visiteur défile. Contrairement à un pop-up, elle ne couvre pas votre contenu. Voici quand en utiliser une et comment bien le faire.
Qu'est-ce qu'une barre fixe ?
Une barre fixe est une bannière étroite qui reste visible à l'écran pendant que le visiteur parcourt la page. Elle contient en général un court message, un bouton d'appel à l'action et parfois une option de fermeture. La barre reste en place grâce à un positionnement fixe dans la mise en page.
Les barres fixes s'appellent aussi barres flottantes ou barres de notification. Elles se distinguent de la barre de navigation d'un en-tête fixe, qui garde votre menu visible. Une barre fixe porte un message promotionnel ou orienté vers l'action plutôt que des liens de navigation.
Quand utiliser une barre fixe ?
Utilisez une barre fixe quand vous voulez une visibilité permanente sans bloquer le contenu. Annonces, offres limitées, invitations à s'inscrire par e-mail et avis sur les cookies conviennent tous au format de la barre fixe.
Un message en barre flottante est moins dérangeant qu'un pop-up, car les visiteurs peuvent continuer à lire pendant que la barre reste visible. Elle incite sans interrompre. C'est un bon choix pour les messages secondaires ou pour les sites où les pop-ups paraissent trop agressifs.
Barre fixe ou pop-up
Les pop-ups exigent une attention immédiate en couvrant le contenu. Les barres fixes gardent l'attention disponible sans la forcer. Utilisez un pop-up quand vous avez une offre forte et voulez une visibilité maximale sur une courte période. Utilisez une barre fixe quand vous voulez une visibilité continue pendant toute la visite.
Beaucoup de sites utilisent les deux : une barre fixe pour une annonce valable sur tout le site et un pop-up de défilement pour une offre ciblée sur certaines pages. Lisez qu'est-ce qu'un pop-up de site web pour comparer les deux formats.
Conseils de design pour les barres fixes
Gardez le message sur une ligne si possible. « Livraison gratuite dès 50 $ d'achat » est clair. Un paragraphe de trois phrases dans une barre fixe écrase l'espace étroit.
Utilisez une couleur de fond contrastée pour que la barre ressorte du contenu de la page sans jurer avec votre marque. Ajoutez un seul bouton avec un libellé clair. Prévoyez une option de fermeture pour que les visiteurs sans intérêt puissent l'écarter.
Placez les barres du haut pour les annonces et celles du bas pour les appels à l'action. Le bas paraît moins intrusif, car il ne repousse pas le contenu de la page au chargement. Le haut est vu immédiatement mais peut paraître plus agressif.
Les barres fixes se marient bien avec les comptes à rebours pour les offres à durée limitée. Lisez comment utiliser les comptes à rebours pour l'engagement pour des conseils de timing. Pour des règles plus larges sur les pop-ups, voyez pop-ups sans agacer les visiteurs.
Questions fréquentes
Une barre fixe peut-elle nuire à l'engagement de mon site ?
Une barre fixe qui couvre trop d'espace à l'écran ou revient après avoir été fermée peut frustrer les visiteurs. Comparez avec les pop-ups de site web et choisissez le format qui convient à l'intensité de votre message.
Dois-je utiliser une barre fixe en haut ou en bas ?
Les barres du haut sont vues en premier mais repoussent le contenu au chargement de la page. Les barres du bas restent discrètes tout en étant visibles pendant le défilement. Testez les deux sur vos pages les plus visitées et comparez les taux de clic.
En quoi une barre fixe diffère-t-elle d'un en-tête fixe ?
Un en-tête fixe garde votre menu de navigation visible pendant le défilement. Une barre fixe porte un message promotionnel ou orienté action, comme l'annonce d'une vente ou une invitation à s'inscrire par e-mail. Certains sites utilisent les deux en même temps.
Puis-je afficher une barre fixe sur chaque page ?
Les barres fixes sur tout le site conviennent aux annonces valables partout, comme la livraison gratuite ou des soldes de fête. Les barres propres à une page marchent mieux pour des offres ciblées. Évitez d'afficher la même barre aux visiteurs récurrents qui l'ont déjà fermée.
Les barres fixes fonctionnent-elles sur mobile ?
Les barres fixes fonctionnent bien sur mobile quand elles sont fines et ne couvrent pas de contenu important. Pour les offres à durée limitée, combinez-les avec les comptes à rebours pour l'engagement dans une barre compacte en bas.
Puis-je ajouter une barre fixe avec WEMASY ?
Le créateur de site web de WEMASY vous permet d'ajouter des éléments de barre fixe à n'importe quelle page depuis l'éditeur visuel. Vous contrôlez le message, l'emplacement, les couleurs et le comportement de fermeture, sans écrire de code.