12 exemples de barres d'annonce de sites Web pour les magasins de commerce électronique
Publié: 2024-03-21Les visiteurs du site Web ont beaucoup de questions lorsqu'ils arrivent sur votre site Web. Qu'il s'agisse de questions sur les politiques d'expédition, de l'attrait des offres de livraison gratuite ou de la recherche de codes de réduction, les visiteurs recherchent des réponses instantanées pour rationaliser leur expérience en ligne.
Les barres d’annonces de sites Web (également appelées barres de notifications de sites Web) sont parfaites pour répondre aux questions de vos visiteurs.
Dans cet article, nous allons découvrir ce qu'ils sont, comment ils fonctionnent et vous montrer 12 exemples de barres de notification de sites Web.
Monter à bord!
Raccourcis ️
- Qu'est-ce qu'une barre d'annonce de site Web ?
- Comment fonctionnent les barres d'annonces ?
- 12 exemples de barre d'annonce
- Comment créer une barre d'annonce ?
- FAQ
Qu'est-ce qu'une barre d'annonce de site Web ?
Une barre d'annonce de site Web est une barre collante affichée en haut ou en bas d'une page Web.
Cette simple barre de notification est utilisée pour transmettre des messages importants, des promotions, des alertes ou des annonces aux visiteurs du site Web.
Les barres de notification sont conçues pour attirer l'attention tout en restant discrètes, garantissant que votre message soit remarqué sans perturber l'expérience utilisateur.
Comment fonctionnent les barres d'annonces ?
Les barres d'annonces agissent comme des panneaux numériques sur les sites Web, attirant l'attention sur des informations importantes ou guidant les visiteurs vers un contenu spécifique.
Généralement, ils sont conçus avec des couleurs vives, des messages brefs et des boutons cliquables.
L'objectif des barres d'annonces est d'attirer l'attention des visiteurs et de les encourager à entreprendre l'action souhaitée (comme s'inscrire à une newsletter) ou de les informer sur quelque chose d'important (comme une remise ou une offre de livraison gratuite).
12 exemples de barre d'annonce
Maintenant que vous savez ce qu'est une barre de notification de site Web et comment elle fonctionne, il est temps d'explorer des exemples de barres de notification et d'observer comment les grandes marques attirent l'attention de leurs visiteurs et les guident à travers leurs boutiques en ligne.
1. Barre de rappel de coupon d'Artlogo
La plupart des barres de notification visent à sensibiliser, et le rappel du code promo d'Artlogo ne fait pas exception.
Ils rappellent aux utilisateurs leur code promo d'une manière efficace et élégante, garantissant que les clients potentiels n'oublient pas la réduction qu'ils peuvent utiliser dans leur panier.
D'après notre expérience, ces barres de rappel de coupons flottants peuvent contribuer à augmenter le taux de remboursement des coupons de 50 %.
Découvrez comment mettre en œuvre une barre de rappel de remise avec OptiMonk
2. La barre de livraison gratuite de BioZoo
L'exemple de barre de notification de BioZoo exploite les émotions, ce qui est un excellent moyen d'encourager encore plus de visiteurs à acheter.
Leur barre de navigation indique : « Faites plaisir un peu plus à votre animal ! » Qui n'aime pas gâter ses petits animaux de compagnie (et bénéficier également de la livraison gratuite) ?
Les barres de livraison gratuite comme celle-ci peuvent vous aider à augmenter la valeur moyenne de votre commande de 30 % en moyenne.
Apprenez à mettre en œuvre une barre de livraison gratuite avec OptiMonk
3. Barre d'abonnement de BlendJet
La barre d'abonnement de BlendJet est destinée aux nouveaux visiteurs. Ils encouragent les visiteurs à s'abonner à leur newsletter en échange de 10 % de réduction sur leur première commande.
Leur barre de navigation correspond parfaitement à leur marque et attire l'attention sans perturber le parcours de l'utilisateur sur le site Web.
Avec cette campagne de barre de notification du site Web, BlendJet a collecté plus de 20 000 abonnés en seulement 4 mois.
4. La barre de livraison gratuite de Bukvybag
Ensuite sur notre liste d'exemples de barres de notification de sites Web, nous trouvons l'élégante barre de notification de sites Web de Bukvybag.
La barre fine en haut du site Web correspond à la perfection à l’esthétique de leur site Web.
Ils personnalisent également la barre de notification avec le nom du pays et un tout petit drapeau. Pour y parvenir, ils ont utilisé la fonction Smart Tags d'OptiMonk qui mettait automatiquement à jour le nom du pays et le drapeau de chaque visiteur en fonction de son emplacement.
Cette barre de notification de site Web les aide à offrir à chaque visiteur une expérience personnalisée.
5. Barre de rappel de coupons de Coconut Cloud
La barre de rappel de coupon de Coconut Cloud apparaît après qu'un visiteur s'abonne sur une fenêtre contextuelle d'e-mail , et son objectif est d'attirer l'attention sur le code de réduction qu'il a reçu en échange de son adresse e-mail.
Cela s'avère très pratique pour le visiteur : cela ne l'interrompt pas pendant la navigation, mais il voit toujours une barre de notification du site avec son code de coupon exact.
6. Barre de rappel de coupon de Crown & Paw
La barre de notification de Crown & Paw souligne l'importance d'utiliser une copie créative et accrocheuse.
Les barres flottantes sont un excellent endroit pour booster vos efforts marketing et utiliser des variantes de copie qui correspondent au ton de votre marque. Une bonne copie a le pouvoir d’augmenter l’engagement et de laisser à vos visiteurs une forte impression de votre marque.
Les jeux de mots de Crown & Paw sur la barre de notification de leur site Web ont entraîné une augmentation de 38 % des commandes .
7. La barre de livraison gratuite de Gisou
La barre de livraison gratuite de Gisou se fond naturellement avec leur page Web (regardez la palette de couleurs !) et contribue à exécuter l'esthétique de la marque de manière transparente.
L' offre à durée limitée est un excellent moyen de créer une urgence et d'informer vos visiteurs que s'ils n'agissent pas rapidement, ils pourraient manquer la livraison gratuite.
8. La barre collante Black Friday de Joovv
La barre de notification du site Web Black Friday de Joovv montre comment vous pouvez utiliser les barres collantes pour diriger les visiteurs et les informer des offres saisonnières.
C'est moins intrusif qu'une fenêtre contextuelle , mais avec un peu de créativité, vous pouvez toujours vous assurer que vos visiteurs voient des informations importantes ou génèrent du trafic vers des pages spécifiques.
9. Barre de rappel de coupon de Kiss My Keto
La barre de notification de rappel de coupon de Kiss My Keto est un moyen intelligent de suivre vos clients.
S'ils se sont inscrits mais n'ont pas encore utilisé leur code promo, inspirez-vous de l'exemple de barre de notification de Kiss My Keto et affichez une barre de rappel de réduction .
Grâce à cette campagne, Kiss My Keto a pu obtenir une augmentation de 19,32 % du taux de conversion.
10. Barre collante de rappel de produit de Solagarden
Les visiteurs du site Web recherchent souvent certains produits, puis partent.
La barre de notification de Solagarden illustre comment vous pouvez leur rappeler subtilement les produits qu'ils regardaient la dernière fois tout en soulignant la rapidité avec laquelle ils peuvent obtenir le produit s'ils commandent maintenant.
Cette barre de notification de rappel de produit fonctionnait clairement bien pour Solagarden, car elle l'a aidé à atteindre une augmentation de 66 % des commandes.
11. Barre d'offres spéciales de Transformation Academy
Ensuite sur notre liste d’exemples de barres de notification, nous avons la barre d’offres spéciales de Transformation Academy.
Notez le compte à rebours, qui aide certainement à capturer des prospects en augmentant le FOMO des visiteurs du site Web.
Si vous organisez une vente flash et souhaitez augmenter l’engagement, un compte à rebours est un moyen astucieux de le faire.
12. Barre de notification de l'offre de WishGarden Herbs
Enfin, prenez exemple sur la stratégie marketing de WishGarden Herb : notez comment ils ont mis en œuvre presque toutes les informations importantes dans leur barre de notification.
Ils ont un grand compte à rebours audacieux au milieu et utilisent différentes tailles de police pour attirer davantage l'attention sur leur message principal.
Comment créer une barre d'annonce ?
Maintenant que vous avez vu nos exemples de barres de notification, il est temps d'inciter vos visiteurs à cliquer et de commencer à augmenter vos conversions.
Voyons comment créer vos propres barres d'annonces à l'aide d'OptiMonk.
Étape 1 : Choisissez un modèle de barre collante
La première étape consiste à choisir l’un des nombreux modèles de barre de notification que vous pouvez personnaliser en quelques clics.
Étape 2 : Personnalisez le design de votre barre adhésive
Ensuite, il est temps de personnaliser le design de votre barre adhésive. Choisissez vos couleurs principales et les polices que vous aimez dans le menu déroulant.
Étape 3 : Définir les options de déclenchement
Une fois que vous avez terminé vos créations, il est temps de définir les options de déclenchement de votre barre collante.
Étape 4 : Segmentez votre audience
Maintenant, vous devrez segmenter vos visiteurs et décider qui vous voulez voir vos barres collantes.
Étape 5 : Activez votre barre collante
Comme dernière étape de ce processus, il est temps de dévoiler au monde la barre de notification de votre site Web. En l'activant, vous ouvrirez la porte à plus de prospects, à plus d'opportunités d'engagement et à plus de ventes.
FAQ
Qu'est-ce qu'une barre collante ?
Une barre collante est un élément persistant sur un site Web qui reste visible lorsque les utilisateurs font défiler la page. Il contient généralement des informations importantes, des annonces ou des appels à l'action, garantissant qu'ils sont constamment visibles pour les visiteurs.
Comment ajouter une barre de notification sur mon site Web ?
Il existe plusieurs outils sur le marché, comme OptiMonk et Hello Bar, qui vous aident à créer votre propre barre collante. Avec OptiMonk, vous pouvez intégrer de manière transparente votre barre de notification à votre site Web sans avoir besoin de plugins ni de codage, ce qui rend le processus efficace et sans tracas.
Quelles sont les bonnes pratiques pour les bannières d’annonces de sites Web ?
Lors de la création d’une barre de notification de site Web, il est important de garder les messages concis et clairs. Utilisez des couleurs accrocheuses et assurez la réactivité sur tous les appareils. Incluez un appel à l’action (CTA) clair et mettez régulièrement à jour le contenu. Expérimentez avec des variantes pour trouver ce qui résonne le mieux auprès de votre public.
Emballer
Nous espérons que cet article vous a apporté de bonnes informations. Mais pourquoi s'arrêter là ? Avec 12 exemples de barres collantes dans votre poche et armés de nombreux conseils utiles, il est temps de retrousser vos manches et de vous lancer dans la création des vôtres !
Avec l'interface conviviale et les fonctionnalités puissantes d'OptiMonk, créer des popups et des barres collantes convaincantes n'a jamais été aussi simple.
Saisissez l’opportunité de transformer les performances de votre site Web et de laisser une impression durable à vos visiteurs. Créer un compte gratuit maintenant!