Dernière mise à jour le 20 avril 2023 par Ewen Finser
Il n'est pas facile de convaincre les gens de vous faire confiance, même si ce que vous leur offrez est très précieux et gratuit. Mais vous avez quelque chose à offrir aux gens dont ils ont besoin, ou dont ils ne se rendent même pas compte qu'ils ont besoin.
C'est là qu'interviennent les fenêtres contextuelles des sites web.
La ligne de fond au départ: Personnellement, je préfère la possibilité de définir logique de ciblage avancée avec Hello Bar ici. Sumo est bon aussi, mais le ciblage est moins efficace et il est un peu trop cher pour ce dont j'ai besoin.
Pop-ups sont ces fenêtres et ces barres accrocheuses qui apparaissent sur un site web pour vous informer d'une bonne affaire, d'une réduction, d'un cadeau ou d'un produit téléchargeable. La plupart du temps, ces offres sont en quelque sorte une aubaine - elles proposent soit un pourcentage de réduction élevé, soit un cadeau.
L'objectif de ces fenêtres contextuelles est de convertir les visiteurs d'un site web en abonnés à un service de courrier électronique. Le marketing par courrier électronique est très important et plus vous avez d'abonnés - en particulier lorsqu'il s'agit de personnes expressément intéressées par ce que vous proposez - plus vous avez de chances de les transformer en clients payants.
Dans cet article, nous allons vous présenter deux créateurs de pop-up, Hello Bar et Sumo, vous guidera dans les premières étapes de démarrage et partagera avec vous son expérience de l'utilisation de chaque outil pour la conception d'un pop-up.
Nous parlerons du processus d'installation, des options de conception et des paramètres des fenêtres contextuelles, ainsi que des prix. Nous évoquerons également le support client, les avantages et les inconvénients de chaque outil, puis nous vous donnerons notre avis final sur l'outil à utiliser et le moment opportun pour le faire.
Qu'est-ce que Hello Bar ?
Hello Bar possède la logique de ciblage la plus avancée que j'ai vue, ainsi qu'une navigation très FACILE à utiliser avec de nombreuses options de test pour peaufiner le CTA parfait. De plus, la structure de prix est abordable et transparente.
Hello Bar provient de la Neil Patel et comme Patel est une sommité dans le monde du marketing numérique, du growth hacking et de la technologie commerciale, je ferais confiance à tout ce qu'il propose.
Dès l'instant où vous vous rendez au Hello Bar page d'accueilSur la page d'accueil, vous pouvez voir ce que ce service peut faire pour vous. Ils utilisent leur page d'accueil pour présenter ce qu'ils offrent, y compris une barre en haut de la page, un formulaire d'inscription intégré et une fenêtre contextuelle de sortie.
J'aime que les services qu'ils proposent soient illustrés directement sur leur site web, sans qu'il soit nécessaire de s'inscrire ou de se connecter. Je peux savoir exactement ce qu'ils feront pour moi sans avoir à lire de documentation ou d'argumentaire de vente.
Hello Bar est un service qui vous permet de concevoir et d'installer toutes sortes de pop-ups pour votre site web. Des options de conception intuitives vous permettent de cibler des publics spécifiques et de créer des pop-ups qui correspondent à votre marque et répondent à certains objectifs.
Lorsqu'un visiteur se convertit en fournissant son adresse électronique, vous pouvez l'ajouter à votre liste de contacts Hello Bar ou à un autre fournisseur de courrier électronique que vous avez lié à votre compte, comme AWeber ou MailChimp.
Démarrer avec Hello Bar
L'étape d'inscription est très simple :
La première chose à faire est de choisir un objectif. Les options sont les suivantes :
- Collecte d'e-mails
- Cibler une URL
- Générer des ventes
- Faire une annonce
- Recevoir des appels téléphoniques
- Engagement social
Chaque objectif fait également l'objet d'une brève description, au cas où vous ne seriez pas sûr de savoir lequel vous convient le mieux.
Pour l'instant, j'ai sauté cette étape afin de pouvoir vérifier directement le tableau de bord.
Installation de Hello Bar
Hello Bar m'a conduit directement à une page d'instructions. Plusieurs options s'offraient à moi :
- Installer le code moi-même, ce qui demande un peu d'expérience en HTML (il n'y a qu'une seule ligne de code, donc je pourrais certainement m'en charger si je le voulais).
- Instructions d'installation en trois étapes pour WordPress, qui utilise le plugin Hello Bar.
- Une option si j'utilise Wix pour l'hébergement de mon site web.
- L'option permettant d'envoyer par courriel les instructions d'installation à mon développeur web, si j'en ai un.
- Un moyen de contacter le service clientèle de Hello Bar si je n'ai aucune idée de la marche à suivre ou si j'ai besoin d'aide pour l'installation.
Même si ce n'était pas une première étape naturelle - créer une Hello Bar aurait été la première chose à faire pour voir si j'aimais les designs pop-up et l'interface utilisateur Hello Bar - j'ai apprécié de voir immédiatement à quel point cela allait être facile à installer.
J'ai de l'expérience en HTML et en WordPress, il y a donc au moins deux options qui fonctionneront bien pour moi, et je pourrais aussi passer par un professionnel ou demander de l'aide au service clientèle si je le souhaite. Le fait de savoir que je n'allais pas me heurter à un obstacle après avoir conçu mon Hello Bar m'a encouragé à continuer.
De plus, au lieu d'avoir à installer du code sur chaque page en fonction de l'endroit où je veux la fenêtre contextuelle, il suffit d'installer le code une seule fois et toutes les autres décisions concernant le moment, l'endroit et la manière dont la fenêtre contextuelle fonctionne sont prises dans Hello Bar.
L'installation de Hello Bar n'aurait pas pu être plus simple. J'ai un site WordPress, j'ai donc simplement installé et activé le plugin, puis j'ai collé le code que Hello Bar m'avait fourni.
Le tableau de bord n'a pas immédiatement reconnu l'installation du plugin. Il m'a dit que je devais peut-être vider mon cache et réessayer. C'est ce que j'ai fait - deux fois - et j'ai même changé de navigateur pour Chrome au cas où cela aiderait, mais rien n'a fonctionné.
J'ai décidé de continuer à créer un Hello Bar et de revenir sur ce point plus tard. Dans l'intervalle, j'ai envoyé un courriel au service clientèle pour demander de l'aide, qui m'a répondu le jour ouvrable suivant en m'indiquant la marche à suivre.
Création d'une barre d'attente
J'ai cliqué sur Gérer à gauche et j'ai accédé à une page où je pouvais créer différentes barres d'attente.
La possibilité de prévisualiser l'aspect de la fenêtre contextuelle sur mon site web (en trois versions : ordinateur de bureau, tablette, mobile) est excellente. L'une des choses les plus frustrantes dans la conception d'un site web est de faire des changements, de les enregistrer et de cliquer ensuite pour voir des aperçus en direct. Cet outil simplifie le processus et permet de tout afficher dans la même fenêtre.
Passons en revue le processus, mais gardez à l'esprit qu'en fonction du type de plan que vous avez, vous verrez peut-être des options différentes. Cela vous donnera une idée de la convivialité du concepteur et du type d'options auxquelles vous pouvez vous attendre.
Objectif et type
J'ai choisi de créer une Hello Bar dans la section "Montrer ceci à tout le monde". Ensuite, j'ai dû choisir un objectif, et j'ai opté pour "Collecter des e-mails". Ensuite, on m'a demandé de choisir un type de pop-up :
J'ai choisi de créer une Page Takeover, c'est-à-dire un pop-up pleine page.
Design
On m'a montré un exemple et un modèle, et j'ai eu la possibilité de modifier le modèle si je le souhaitais.
Hello Bar prétend avoir scanné mon site web et auto-détecté les meilleures couleurs à utiliser, mais la suggestion de modèle était d'un bleu franc, alors que mon site web a une gamme de verts et d'oranges. Je n'ai pas vraiment compris comment ils ont détecté automatiquement les meilleures couleurs à utiliser, mais comme vous pouvez personnaliser les couleurs, cela n'a pas fait une grande différence.
J'ai choisi le modèle Evergreen Meadow pour qu'il corresponde aux couleurs de ma marque.
J'ai ensuite passé en revue les différentes options permettant de personnaliser ma fenêtre contextuelle.
Champs de texte : J'ai choisi d'inclure les champs courriel et nom. Il y avait également une option pour un champ téléphone, ainsi que la possibilité de créer des champs personnalisés.
Page Takeover Styling : J'ai décidé de changer la couleur de la pop-up pour une des couleurs vertes de ma marque.
Style des boutons : J'ai laissé les boutons tels quels, mais j'aurais pu apporter de nombreuses modifications si j'en avais eu envie.
Style des champs de texte : Je n'ai pas modifié les paramètres par défaut du style du champ de texte, mais voici les options avec lesquelles vous pouvez jouer :
Image : Vous pouvez ajouter une image si vous le souhaitez. J'ai ajouté mon logo pour voir ce que cela donnerait. Je ne l'aime pas beaucoup, alors je l'ai enlevé, mais une image avec un ratio différent serait probablement mieux ici.
Question principale : Vous pouvez activer ou désactiver la question principale. Voici à quoi elle ressemble lorsqu'elle est activée :
Vous pouvez ensuite personnaliser la question et ce que le visiteur verra en fonction de sa réponse.
Voici ma question :
Voici ce qui se passe si vous choisissez "Bien sûr !".
Voici ce qui se passe si vous choisissez "Non, je suis assez riche".
(D'accord, j'aurais probablement voulu que la réponse à la deuxième option soit plus discrète, mais je ne fais que m'amuser avec le design).
Paramètres
Il n'y a que quelques paramètres à mettre à jour :
- Hello Bar branding, que vous ne pouvez désactiver que si vous avez un compte payant.
- Animer l'entrée et la sortie, qui, lorsqu'elle est activée, affiche la fenêtre contextuelle juste après le chargement de la page, soit en descendant du haut, soit en remontant du bas. L'activation de l'animation peut inciter les visiteurs à prêter plus d'attention à la barre d'adresse.
- Conformité au GDPR, ce qui signifie que les personnes qui convertissent doivent passer par un second opt-in (formulaires de double opt-in) avant d'être ajoutées à votre liste.
- Le moment où la fenêtre contextuelle s'affichera, avec des options comprenant l'intention de sortie, c'est-à-dire lorsque l'utilisateur est sur le point de quitter le site web ; quatre paramètres de délai allant de 5 secondes à 1 minute ; et trois paramètres "après défilement" (défilement un peu, jusqu'au milieu ou jusqu'en bas).
Ciblage
La page de ciblage vous permet de choisir qui verra les fenêtres contextuelles, mais sans compte payant, vous ne pouvez choisir que "Tout le monde". Avec un compte payant, vous pouvez afficher la fenêtre contextuelle uniquement pour les visiteurs mobiles ou uniquement pour les visiteurs de la page d'accueil, si vous le souhaitez, ou créer d'autres cibles.
Vous pouvez également choisir le délai d'attente après la conversion d'un visiteur avant d'afficher à nouveau la fenêtre contextuelle. Les options vont de 1 à 120 jours.
Conversion
Voici les options de la section Conversion :
Lorsqu'un visiteur se convertit et vous communique son adresse électronique, vous pouvez lui afficher un message par défaut, un message personnalisé ou le rediriger vers une URL. La seule fonction gratuite est le message par défaut.
Vous pouvez également jouer avec le style de conversion pour augmenter le taux de conversion, et je suppose que c'est ce qui se passe sur la page de message par défaut ou personnalisée. Il n'y a pas d'aperçu pour moi.
À ce stade, je suis prêt à terminer cette pop-up et à la publier sur mon site web. Mais je n'arrive pas à savoir ce qu'il faut faire ensuite. J'ai choisi toutes les options, mais le bouton "Suivant" ne me permet pas de cliquer dessus, et voici ce qui se passe lorsque je clique sur "Enregistrer et publier" en haut de la page :
La liste de contacts n'est pas vide - j'ai sélectionné "Mes contacts" dans Hello Bar. Je décide de connecter mon MailChimp pour voir si cela fait une différence. Cela semble fonctionner et me permet d'enregistrer et de publier la fenêtre contextuelle.
Prix du bar Hello
Hello Bar est gratuit pour s'inscrire et commencer à l'utiliserMais si vous avez besoin de plus de fonctionnalités, vous pouvez passer à un plan payant.
Avec le plan gratuit, vous aurez un petit logo Hello Bar sur les pop-ups que vous créez. Les options de conception et les intégrations d'emails sont également limitées. Toutefois, si vous débutez, cette formule peut être un bon point de départ, car vous avez droit à 5 000 affichages par mois.
Le site Le plan de croissance est de $29 par mois et présente les avantages suivants :
- Possibilité de désactiver le logo Hello Bar
- Plus d'options de conception et d'intégrations d'emails
- Ciblage de l'audience en fonction de diverses données démographiques
- Jusqu'à 50 000 vues par mois
- Tests A/B illimités
Le site Le plan d'entreprise est de $99 par mois et comprend les caractéristiques du plan de croissance ainsi que les éléments suivants :
- Options de conception premium et intégrations d'emails
- Jusqu'à 500 000 vues par mois
- Assistance clientèle VIP
La fonction Entreprise, qui sera bientôt ajoutée, permettra d'avoir accès à un spécialiste du marketing.
Si vous optez pour la facturation annuelle, vous économiserez 15 %. Les Le plan de croissance coûte $289 par an et le Le plan d'entreprise coûte $999 par an.
Ce que j'aime le plus dans ces options de plan, c'est qu'elles évoluent de manière équitable et réaliste. En tant que débutant avec moins de 5 000 vues par mois, votre budget est peut-être serré et vous êtes encore en train de construire votre marque, donc le fait d'avoir le logo Hello Bar sur vos pop-ups ne vous dérangera pas tant que ça. Cependant, au fur et à mesure que vous vous développerez, vous obtiendrez plus de vues et vous compléterez votre image de marque, et lorsque vous atteindrez le niveau Entreprise, vous aurez certainement besoin d'une aide approfondie de la part du service clientèle.
Le seul inconvénient est que j'aurais voulu qu'il y ait un essai gratuit pour les comptes payants, mais il n'y en a pas. Oui, vous pouvez faire beaucoup de choses avec le compte gratuit, surtout lorsqu'il s'agit de s'habituer à l'interface, mais beaucoup de gens voudront aussi tester les fonctions plus avancées.
Qu'est-ce que le Sumo ?
Sumo est une autre entreprise qui vous permet de concevoir des pop-ups afin de convertir les visiteurs. Axé sur les clients du commerce électronique, Sumo vous permet de choisir parmi des objectifs tels que la réduction de l'abandon du panier et l'augmentation de la valeur de la commande. Vous pouvez également l'utiliser pour développer votre liste d'adresses électroniques (list builder). Sumo s'intègre aux principaux services d'emailing afin que vous puissiez ajouter vos prospects directement à la liste de votre choix.
Vous pouvez également utiliser Sumo Mail pour envoyer des e-mails à vos clients.
Si vous souhaitez obtenir de l'aide pour développer votre entreprise, vous pouvez s'inscrire pour discuter avec l'un de leurs experts en croissance.
Démarrer avec Sumo
C'est la première étape de l'inscription à Sumo :
Ensuite, j'ai été amené à cet écran :
J'aime le fait qu'ils installent Sumo pour vous si vous leur fournissez vos informations WordPress. Je voulais cependant passer rapidement à autre chose, car je savais déjà à quel point le processus d'installation pouvait être facile et je voulais vraiment commencer à créer une fenêtre contextuelle.
Cette option m'a été proposée pour commencer, et comme mon pop-up Hello Bar avait pour objectif de collecter des adresses électroniques, je me suis dit que cela ferait une bonne comparaison côte à côte.
Conception du Pop-Up
L'interface n'est pas aussi élégante ou conviviale que celle de Hello Bar, mais elle n'est pas non plus dépassée ou difficile à utiliser.
J'ai cliqué pour modifier l'en-tête et j'ai eu trois options par défaut, ainsi que la possibilité de personnaliser le texte. J'ai choisi l'une des options par défaut.
Les sections "copie" et "bouton" présentaient la même chose : trois valeurs par défaut et une boîte de personnalisation.
Je suis allé sélectionner une image et j'ai eu le choix entre une poignée de photos d'archives et le téléchargement de ma propre image. J'ai choisi l'une des photos de stock.
La section "Couleurs" aurait pu être un peu plus claire. Trois options permettaient de modifier les couleurs de l'arrière-plan, de la police et des boutons, mais elles n'indiquaient pas à quoi servaient ces couleurs. J'ai joué avec ces couleurs.
Conception du formulaire d'abonnement
Après avoir appuyé sur next, je suis passé au Pop-Up Form - Subscribed designer. Il s'agissait des options d'en-tête et de copie :
Conception de l'e-mail de bienvenue
Vient ensuite la conception de l'e-mail de bienvenue. J'aime bien faire cela juste après les deux formulaires. Cela me donne une bonne idée de la façon dont mes visiteurs vont parcourir la série de formulaires et d'e-mails. Vous pouvez également choisir de supprimer l'e-mail de bienvenue.
Même chose que pour les autres options de conception du formulaire : trois valeurs par défaut et une section personnalisée pour le sujet, la copie et le texte du bouton.
Paramètres d'affichage
Vous pouvez choisir d'afficher votre pop-up cinq secondes après qu'un visiteur soit entré sur votre site web ou juste au moment où il est sur le point de le quitter.
Tarification Sumo
Sumo propose plusieurs options tarifaires, en commençant par un compte gratuit et en allant jusqu'à un compte E-commerce pour $99 par mois et ensuite un compte Growth pour lequel vous devez vous adresser à un agent de support pour en savoir plus. Avec un abonnement annuel, vous économisez 20 %.
Comme pour Hello Bar, il n'est pas possible de tester les formules payantes pendant l'essai gratuit. Vous devez voir si vous appréciez les fonctionnalités gratuites, puis décider si l'une des formules payantes offre les fonctionnalités qui vous manquent.
Verdict final : Hellobar ou Sumo ?
Hello Bar possède la logique de ciblage la plus avancée que j'ai vue, ainsi qu'une navigation très FACILE à utiliser avec de nombreuses options de test pour peaufiner le CTA parfait. De plus, la structure de prix est abordable et transparente.
Hello Bar est ridiculement facile à utiliser, ce qui n'est pas le cas de beaucoup de créateurs de pop-ups. Même si vous n'avez jamais créé de pop-up auparavant, vous passerez rapidement à travers le processus avec Hello Bar, y compris l'installation. Il y a suffisamment d'options de conception et de réglage pour que vous ayez l'impression de créer une fenêtre contextuelle personnalisée, mais pas trop pour que vous soyez submergé ou que vous ne sachiez pas quoi faire ensuite.
En bref, il est très simple d'augmenter à la fois la quantité et la qualité de votre taux de clics.
Sumo était également très bien. Le processus d'installation est plus simple, et même si l'outil de conception n'est pas aussi attrayant que celui de Hello Bar, il a moins d'options, ce qui signifie que vous pouvez concevoir ces pop-ups rapidement. Les options de texte par défaut permettent de créer quelque chose tout de suite si vous n'avez pas envie de passer du temps à personnaliser le texte.
En termes de qualité, Je préfère Hello Bar. L'aperçu est grand et l'outil de conception global est tout simplement plus agréable à utiliser. Hello Bar n'est cependant pas parfait. Si le principal inconvénient de Sumo est sa simplicité, Hello Bar présente des problèmes plus importants :
- Lorsque j'ai personnalisé la page de conversion, j'ai voulu voir un aperçu, en particulier parce que je jouais avec la police et la couleur de la police.
- Je n'arrivais pas non plus à comprendre ce que je faisais de travers à la dernière étape lorsque j'essayais de finaliser mon dessin. Tout semblait bien se passer jusqu'à ce que j'arrive à la fin du processus, ce qui était frustrant.
- Hello Bar ne mettait pas à jour le site web pour indiquer qu'il était installé, ce qui signifiait que je ne pouvais pas avoir mon pop-up sur mon site web une fois que j'avais fini de le concevoir. J'avais espéré qu'il y ait une option de chat en direct pour le service client, mais ce n'était pas le cas, j'ai donc dû leur envoyer un e-mail et me demander combien de temps il faudrait pour qu'ils répondent.
Mon bilan: Personnellement, j'avais vraiment besoin de la personnalisation avancée (et du ciblage) intégrée à Hellobar. J'en jugerai par le service que j'ai choisi, Hellobar est mon choix..
Deuxième place : Néanmoins, si vous avez besoin de quelque chose de simple pour faire vivre une popup, Sumo est une excellente option.
En fin de compte, ces deux outils de création de fenêtres pop-up proposent des versions gratuites riches en fonctionnalités pour les petites entreprises. Vous pouvez donc utiliser les deux versions gratuites ou payer pour l'une et utiliser la version gratuite de l'autre afin de tirer le meilleur parti de ces deux services. Pour une expérience pop-up de haute qualité avec de nombreuses options, aller avec Hello Bar. Cependant, si vous avez besoin de mettre en place quelque chose rapidement pour vos campagnes de marketing, ou si vous n'êtes pas en mesure de trouver un texte convaincant, Sumo est également un excellent choix.
Hello Bar possède la logique de ciblage la plus avancée que j'ai vue, ainsi qu'une navigation très FACILE à utiliser avec de nombreuses options de test pour peaufiner le CTA parfait. De plus, la structure de prix est abordable et transparente.
Autres outils de recherche