Qu'est-ce qu'Hello Bar ?
Fondée en 2011 par l'agence digitale leader digital-telepathy et développée plus tard par Neil Patel, l'un des meilleurs spécialistes du marketing numérique au monde, Hello Bar a été créée pour offrir aux entreprises un moyen simple de convertir les visiteurs de leur site Web en prospects et clients. Les outils de Hello Bar sont si performants et les conceptions de pop-ups sont si appréciées que Hello Bar a été utilisé par des leaders d'opinion de premier plan comme Tony Robbins et Tim Ferriss, des startups à croissance rapide comme Shopify, de grandes marques comme Staples et Nautica, et bien d'autres encore. Hello Bar s'est toujours concentré sur les pop-ups axés sur la conversion, et nous lançons toujours de nouvelles conceptions de pop-ups pour sites Web pour aider nos clients à transformer davantage de visiteurs de leur site Web en clients.
Pourquoi la conception des fenêtres contextuelles est importante
Toutes les fenêtres contextuelles ne sont pas égales. Et lorsqu'il s'agit de conception de fenêtres contextuelles, la première impression compte. Vous voyez tellement de fenêtres contextuelles mal conçues et intrusives qui agacent plus qu'elles ne convertissent. Une bonne conception de fenêtre contextuelle attire non seulement l'attention, mais guide également l'utilisateur vers une action, qu'il s'agisse de s'inscrire à une newsletter, d'effectuer un achat ou d'interagir avec votre contenu.
La conception des fenêtres contextuelles est importante car :
Vous ne voulez pas décourager les nouveaux visiteurs
Un nouveau visiteur de votre site est là pour en savoir plus sur votre entreprise et vos produits. Si vous le désactivez, il ne reviendra probablement jamais. Il pensera que votre site est un spam et ne voudra tout simplement pas y revenir. Mais la conception d'une fenêtre contextuelle n'a pas besoin d'être ennuyeuse pour être efficace. Par exemple, présentez un formulaire d'inscription par e-mail joliment personnalisé aux nouveaux visiteurs, et ils ne seront pas ennuyés. Au contraire, ils viendront et deviendront peut-être un membre fidèle de votre communauté, de votre magasin ou de votre marque.
Vous ne voulez pas gâcher l'interface utilisateur ou la facilité d'utilisation de votre site Web
Les gens quittent un site Web ou une application lorsqu'ils ont du mal à naviguer. Des fenêtres contextuelles efficaces peuvent attirer l'attention d'un visiteur tout en facilitant la navigation sur votre site. Pour ce faire, une bonne conception de l'interface utilisateur et de l'expérience utilisateur est nécessaire.
Vous souhaitez attirer l'attention d'un visiteur, mais ne voulez pas l'effrayer.
Il s'agit d'un exercice d'équilibre : vous voulez attirer l'attention d'un visiteur, mais vous ne voulez pas le faire de manière désagréable, au point de l'effrayer. Un bon design non seulement encourage les visiteurs à agir, mais va même plus loin : il donne envie à l'utilisateur de passer à l'action. Un bon exemple peut être un bouton CTA fade et ennuyeux par rapport à un bouton CTA magnifiquement conçu sur lequel l'utilisateur a envie de cliquer.
Une fenêtre contextuelle est comme une mini page de destination
Tout comme il est important de concevoir des pages de destination attrayantes et à fort taux de conversion, il est nécessaire de réfléchir à la manière dont une fenêtre contextuelle correspond à l'expérience que le visiteur souhaite vivre. Parmi les bons exemples de fenêtres contextuelles, citons les conceptions qui correspondent à l'image de marque du site, au contenu de la page et au contexte ou au comportement souhaité par le visiteur.
Vous devez avoir une conception de pop-up différente pour les appareils mobiles
Il est important de penser différemment à la conception des fenêtres contextuelles si votre public cible va voir votre fenêtre contextuelle sur un appareil mobile ou un ordinateur de bureau. Les éléments importants de la conception sont très différents selon les types d'appareils. Un exemple frappant est que le bouton de fermeture de vos fenêtres contextuelles doit être beaucoup plus apparent sur les appareils mobiles… sinon, il peut gâcher toute l'expérience utilisateur. Par conséquent, sur les appareils mobiles, vous devez utiliser une couleur contrastante forte pour le bouton de sortie de la fenêtre contextuelle.
Une conception efficace des fenêtres contextuelles allie beauté et fonctionnalité
Une bonne conception de pop-up allie esthétique et performance. En d'autres termes, elles sont suffisamment belles pour que les visiteurs ne soient pas agacés, mais suffisamment fonctionnelles pour permettre à vos visiteurs d'effectuer une action. Les meilleures fenêtres contextuelles sont visuellement attrayantes, faciles à utiliser et guident l'utilisateur vers un CTA convaincant (Appel à l'action). Par exemple, une fenêtre contextuelle avec un compte à rebours peut créer un sentiment d'urgence, tandis qu'un simple formulaire d'inscription par e-mail peut développer votre liste de diffusion.
Voici quelques éléments visuels à prendre en compte lors de la conception de fenêtres contextuelles :
Schéma de couleur
Utilisez les couleurs de votre marque, mais avec un contraste suffisant pour vous démarquer. Avec Hello Bar, vous pouvez utiliser une fonctionnalité intégrée appelée « Assistant de conception » pour associer automatiquement une fenêtre contextuelle à la couleur et à l'apparence de votre site Web.
Typographie
Le texte doit être facile à lire et avoir une belle apparence.
Espace blanc
N'encombrez pas votre pop-up. Donnez-lui de l'espace pour respirer avec des couleurs vives et votre palette de couleurs de marque avec suffisamment d'espace blanc pour que la pop-up soit conviviale.
Imagerie
Utilisez des images ou des icônes de haute qualité qui soutiennent votre message.
Bouton CTA
Il s'agit de la partie la plus importante de la fenêtre contextuelle. Vous pouvez consulter des exemples de conception de fenêtres contextuelles pour vous inspirer des boutons CTA. Créez des boutons CTA gros, audacieux et irrésistibles si vous souhaitez que votre fenêtre contextuelle génère d'excellents taux de conversion.
Autres éléments
Pensez à d’autres éléments tels que des coins arrondis ou des contours ou des traits sur le pourtour. Les fenêtres contextuelles sont une excellente occasion d’obtenir d’excellents taux de conversion, mais elles peuvent aussi effrayer les gens. La clé pour obtenir d’excellents taux de conversion est que chaque fenêtre contextuelle ait un objectif et que vous réfléchissiez à chaque détail de conception de la fenêtre contextuelle.
Les modèles de conception de pop-ups prédéfinis de Hello Bar intègrent toutes ces bonnes pratiques, vous n'avez donc pas besoin d'être un concepteur pour y parvenir. Notre générateur par glisser-déposer facilite la conception de pop-ups. De plus, vous pouvez tester chaque pop-up avec nos tests A/B intégrés. Cela vous permet de tester une conception de pop-up par rapport à une autre conception de pop-up, puis de suivre les taux de conversion de chacune.
Hello Bar peut aider les entreprises de toutes tailles avec un superbe design pop-up
Hello Bar est polyvalent pour les entreprises de toutes tailles. Que vous soyez blogueur, propriétaire d'une boutique de commerce électronique ou que vous dirigiez un grand site d'entreprise, les outils de popups de Hello Bar vous donneront la possibilité de créer des popups à forte conversion. Voici pourquoi ils sont suffisamment flexibles pour être utilisés par des entreprises de toute taille :
Conceptions professionnelles
Les pop-ups de Hello Bar sont conçus par une équipe de designers professionnels spécialisés dans l'optimisation des conversions. Chaque élément est optimisé pour les performances. Ces pop-ups ne sont pas seulement jolis, ils sont conçus pour convertir.
Générateur de fenêtres contextuelles sans code
L'une des meilleures fonctionnalités de Hello Bar est le générateur de pop-ups par glisser-déposer. Vous n'avez pas besoin de connaître une seule ligne de code pour créer de magnifiques pop-ups pour votre site qui encouragent les visiteurs à agir. Cela signifie que les entrepreneurs, les spécialistes du marketing et les propriétaires d'entreprise qui n'ont pas de développeur interne peuvent l'utiliser. Et ceux qui ont une équipe complète peuvent profiter de fonctionnalités avancées. Vous pouvez créer des pop-ups de site Web qui correspondent à votre marque et incorporer un CTA convaincant pour générer des conversions.
Accessibilité
Certains fournisseurs de pop-ups facturent des sommes astronomiques pour leurs pop-ups. Hello Bar a travaillé dur pour maintenir ses prix abordables et nous structurons nos tarifs pour évoluer avec nos clients. Nous croyons au pouvoir des pop-ups et pensons également que les clients devraient pouvoir se permettre un fournisseur de pop-ups d'une grande entreprise qui existe depuis un certain temps.
Hello Bar propose plusieurs types de fenêtres contextuelles différentes
Hello Bar propose plusieurs types de pop-ups pour attirer l'attention de vos visiteurs. Vous pouvez créer une ou plusieurs pop-ups en fonction de différents objectifs de conversion. Certains de nos types de pop-ups incluent :
Barres supérieures
Une barre non intrusive en haut de votre site qui attire l'attention sans bloquer le contenu. C'est là que nous avons commencé et même si de nombreuses entreprises ont essayé de copier nos Hello Bars, nous sommes toujours les originaux :). Il s'agit d'une excellente unité pour promouvoir les ventes, annoncer un nouveau produit ou une nouvelle offre, etc.
Popups modaux
Les fenêtres contextuelles centrales sont un excellent type de fenêtre contextuelle si vous souhaitez vraiment attirer l'attention des visiteurs. Elles constituent souvent le type de fenêtre contextuelle idéal pour capturer des e-mails, aider les clients à convertir leurs paniers abandonnés ou convertir les visiteurs en prospects. De nombreuses fenêtres contextuelles modales sont déclenchées par l'intention de sortie, mais vous pouvez les déclencher comme vous le souhaitez. Par exemple, vous pouvez les déclencher au défilement, à l'accueil, après un certain temps, etc.
En ligne
Le placement unique des unités en ligne de Hello Bar a été créé pour aider les créateurs de contenu à convertir le trafic de blog.
Sliders
Option plus subtile, ces fenêtres contextuelles glissent sur le côté ou vers le bas.
Sur clic
Les fenêtres contextuelles se lancent lorsqu'un visiteur clique sur un mot-clé ou un bouton sur une page. Il s'agit d'un excellent exemple d'un type de pop-up plus subtil.
Exemples de conception de pop-up Hello Bar
Besoin d'exemples de conception de pop-up ? Hello Bar dispose d'une bibliothèque de modèles pour que vous puissiez facilement lancer une conception de pop-up pour différents cas d'utilisation. Du simple et minimal au audacieux et accrocheur, vous pouvez avoir une conception de pop-up différente pour chaque cas d'utilisation ou objectif de conversion.
Exemple 1 : fenêtre contextuelle modale pour la génération de leads
Une fenêtre contextuelle bien conçue est l'un des meilleurs moyens de générer des prospects. Chaque modèle de conception de fenêtre contextuelle Hello Bar aura généralement un grand CTA et un message court pour obtenir des conversions élevées. Les bons exemples de conception de fenêtres contextuelles de génération de prospects incluent généralement des champs pour saisir les noms, les adresses e-mail, les numéros de téléphone et d'autres informations importantes sur les prospects, ainsi que plus de détails. Vous pouvez même les inclure pour créer des listes de SMS de clients potentiels.
Exemple 2 : Pop-up mobile pour offres spéciales
Sur les appareils mobiles, l'espace est limité et l'interaction est donc différente. Les modèles de conception de pop-up mobile de Hello Bar sont conçus dans cet esprit. Par exemple, une pop-up mobile peut proposer un code de réduction que les utilisateurs peuvent appliquer lors du paiement.
Exemple 3 : fenêtre contextuelle d'inscription par e-mail
Créer une liste de diffusion est essentiel pour toute entreprise. Les modèles de conception de pop-ups de Hello Bar proposent souvent des options de collecte d'e-mails et vous pouvez personnaliser ces pop-ups avec un CTA pour obtenir des inscriptions par e-mail.
Exemple 4 : fenêtre contextuelle d'intention de sortie pour la conversion des paniers abandonnés
Les fenêtres contextuelles d'intention de sortie sont très efficaces et polies envers les visiteurs de votre site Web. Elles sont diffusées lorsqu'un utilisateur souhaite quitter une page. Vous pouvez choisir de les diffuser aux visiteurs qui reviennent ou aux nouveaux visiteurs.
Quelques conseils supplémentaires sur la conception de fenêtres contextuelles pour des conversions élevées
Si vous souhaitez générer des conversions élevées, voici quelques conseils supplémentaires à prendre en compte lors de la conception de vos pop-ups :
Utilisez le ciblage pour personnaliser vos pop-ups
Personnalisez vos campagnes pop-up pour différents segments de votre public. Hello Bar vous facilite la tâche grâce à d'excellentes fonctionnalités de ciblage avancées. Par exemple, vous pouvez cibler les utilisateurs ou les visiteurs en fonction de la source, de la géographie, de la régularité des visites, etc. Le contexte est l'un des éléments les plus importants pour la conversion, alors faites correspondre votre pop-up à ce que vos visiteurs espèrent obtenir de votre site Web à leur arrivée.
Ayez un titre percutant
Les meilleurs exemples de pop-ups ont des titres qui communiquent clairement la valeur de votre offre. Soyez bref et concis.
Inclure un appel à l’action clair
Un bouton CTA est indispensable. Indiquez clairement ce que l'utilisateur doit faire, que ce soit « Obtenez 10 % de réduction » ou « S'abonner maintenant ».
Déclenchez la fenêtre contextuelle au bon moment
Une fenêtre contextuelle efficace apparaît au moment idéal, par exemple lorsqu'un utilisateur est sur le point de quitter la page ou après avoir fait défiler un certain pourcentage de la page.
Tester différentes fenêtres contextuelles
Testez différents textes, conceptions et CTA pour déterminer ceux qui attirent le plus l'attention des visiteurs et créent une action.
Pourquoi utiliser Hello Bar pour la conception de fenêtres contextuelles de votre site Web
Avons-nous mentionné que Hello Bar a été utilisé par plus de 600,000 XNUMX sites Web ? Eh bien, tous ces sites Web ne peuvent pas se tromper et nous avons remporté de nombreux prix pour notre :
Simplicité et facilité d'utilisation
L'éditeur glisser-déposer permet de créer très facilement des fenêtres contextuelles personnalisées qui sont à la fois esthétiques et très efficaces.
Modèles prédéfinis
Si vous manquez de temps ou de compétences en conception, les modèles prédéfinis de Hello Bar vous permettent de créer des fenêtres contextuelles à fort taux de conversion sans avoir à vous poser de questions. Avec Hello Bar, il est facile de créer de superbes fenêtres contextuelles, car nos modèles ont été conçus par des designers et des spécialistes de l'optimisation de premier plan.
Souplesse
Nos popups peuvent être utilisés pour différents objectifs de conversion et il existe une grande flexibilité quant à l'endroit où vous pouvez placer les Hello Bars.
Optimisation intégrée
Vous n'avez pas besoin de deviner quelle conception de pop-up de site Web sera la plus performante. Vous pouvez tester une conception de pop-up de site Web par rapport à une autre directement dans Hello Bar à l'aide de la fonction de test A/B de la plateforme.
Comment Hello Bar convertit les visiteurs en clients
Hello Bar convertit les visiteurs du site Web en prospects, clients et abonnés grâce à sa formidable combinaison de fenêtres contextuelles magnifiquement conçues, de puissantes fonctionnalités de ciblage et d'une large gamme d'emplacements et de déclencheurs.
Hello Bar attire l'attention
Une fenêtre contextuelle Hello Bar est efficace pour attirer les visiteurs. Elle attire l'attention instantanément et avec la bonne conception de fenêtre contextuelle. Avec l'éditeur simple d'utilisation de Hello Bar, vous pouvez créer ces fenêtres contextuelles en quelques minutes avec un CTA.
Nous vous permettons de capter cette attention quand cela compte le plus
Le timing est primordial avec les pop-ups. Avec Hello Bar, vous pouvez déclencher des pop-ups en fonction d'un grand nombre de variables, allant du moment au comportement. Par exemple, une pop-up peut s'afficher lorsqu'un visiteur est sur le point de quitter votre site afin que vous ayez une dernière chance d'interagir avec lui. Vous pouvez également avoir une pop-up qui s'affiche lorsque quelqu'un fait défiler une page sur une certaine longueur. Les boutiques en ligne peuvent également s'assurer qu'une pop-up s'affiche après la conclusion d'une vente.
Créez vos propres pop-ups avec Hello Bar
Avec Hello Bar, vous avez la possibilité de créer et de personnaliser entièrement vos propres popups. Vous pouvez modifier les couleurs, les polices, le placement et les déclencheurs pour les adapter à votre marque et à votre stratégie.
Conclusion : Hello Bar est un outil de conception de pop-ups pour sites Web de premier ordre
En résumé, Hello Bar est le meilleur outil pour créer des conceptions de pop-up à la fois jolies et à fort taux de conversion. Son interface facile à utiliser, son éditeur sans code et sa bibliothèque d'exemples de conception de pop-up en font un outil indispensable pour toutes les entreprises. Vous pouvez créer des pop-ups d'intention de sortie, des barres supérieures, des unités de capture d'e-mails et bien d'autres choses encore.
Que vous ayez besoin de pop-ups pour générer des prospects, réduire l'abandon de panier ou développer votre liste de diffusion, les conceptions de pop-ups de Hello Bar vous aideront à atteindre vos objectifs. Et avec des modèles conçus par des professionnels, vous pouvez être sûr que chaque conception de pop-up est testée pour fonctionner.
Commencez à utiliser Hello Bar dès aujourd’hui pour voir comment il peut vous aider à convertir davantage de visiteurs de votre site Web en prospects et clients !
