Les choses à faire et à ne pas faire pour ajouter des pop-ups à votre site Web + exemples

Il est 9 heures du soir un jeudi, et vous sirotez un thé – ou peut-être du vin si la journée a été difficile – et vous faites du shopping sur votre site Web préféré. Vous commencez à bâiller et pensez qu'il est temps de vous préparer pour aller au lit. Juste au moment où vous êtes sur le point de fermer l'onglet, BAM ! Une fenêtre contextuelle d'intention de sortie affiche le message suivant : « Attendez ! Vous avez des objets dans votre sac." Un appel à l'action vous invite à « vérifier maintenant » et vous finissez par acheter un nouveau sac à main.

Nous sommes tous passés par là parce que ces sacrées fenêtres contextuelles d'intention de sortie fonctionnent. En fait, les pop-ups d'intention de sortie ont un taux de conversion d'environ 3 à 5 %. Bien qu'il ne s'agisse pas d'un nombre énorme, cela reste suffisant pour vous aider à augmenter vos prospects, vos ventes et vos interactions avec le site sans aucun temps de développement. Les fenêtres contextuelles sont une pratique courante sur les sites Web, mais connaissez-vous les meilleures choses à faire et à ne pas faire lorsque vous en ajoutez une à votre propre site ?

N'entassez pas trop d'informations.

En règle générale, les pop-ups ne doivent pas dépasser une largeur maximale de 900 px. Si vous utilisez une image, cela ne laisse pas beaucoup d'espace pour le contenu, alors assurez-vous d'être créatif.

Old Navy utilise sa fenêtre contextuelle pour encourager les clients à demander leur carte de crédit. Ils ont inclus une copie informative et le bouton d'appel à l'action (CTA) dirige les clients vers l'application. Ceci est un exemple de pop-up simple mais efficace.

Recueillez des informations sur les utilisateurs .

La collecte d'e-mails afin que vous puissiez envoyer de futures communications est un excellent moyen de rester à l'esprit de vos clients nouveaux et existants. Vous pouvez collecter des adresses e-mail pour une newsletter ou offrir un code promo.

Vous n'avez pas besoin de créer un énorme formulaire. En fait, un simple champ email suffit. Si vous souhaitez personnaliser vos e-mails, vous pouvez ajouter un champ de nom. Si vous avez besoin de recueillir plus d'informations auprès de l'utilisateur, faites-le plus tard. Votre fenêtre de temps pour cette interaction est juste suffisante pour montrer au visiteur les informations qu'il souhaite et collecter les informations dont vous avez besoin.

Conseil : si vous ne voulez pas que les visiteurs devinent le classique "Welcome10" comme code de réduction de 10 %, utilisez plutôt des codes personnalisés.

Ne submergez pas votre public avec trop de pop-ups.

Tenez compte de l'expérience de vos utilisateurs lorsqu'ils naviguent sur votre site. Créer un obstacle dans le parcours de vos visiteurs avec un pop-up indésirable peut être préjudiciable. Par exemple, je regardais des tapis récemment et j'ai été témoin d'une interruption lors de la navigation sur les produits. Chaque fois que je cliquais pour afficher la page suivante de produits, je voyais cette fenêtre contextuelle et j'ai dû la refuser avant de pouvoir continuer ma recherche.

Heureusement, ils ont amélioré leur expérience utilisateur (UX) avec ce petit cercle afin que la fenêtre contextuelle se développe, mais uniquement si je choisis de cliquer dessus. Une autre façon d'améliorer cette fenêtre contextuelle serait de ne l'afficher qu'une fois qu'un client a ajouté un article à son panier.

Un autre mauvais exemple est le double affichage contextuel de la NFL.

Afficher deux pop-ups à la fois est écrasant. Lorsque j'ai cliqué sur "plus tard" pour la fenêtre contextuelle de notification du navigateur, l'offre à durée limitée s'est également fermée, donc ma possibilité de m'inscrire a été supprimée. Tenez-vous en à une fenêtre contextuelle à la fois ou, dans ce cas, utilisez une fenêtre contextuelle chronométrée. De cette façon, le visiteur pour la première fois a la possibilité de voir et d'envisager une option à la fois.

Continuez à lire pour plus d'informations sur l'utilisation des fenêtres contextuelles chronométrées.

Offrez des coupons en échange d'e-mails (prospects).

Pour en revenir à la collecte de prospects, la collecte d'informations auprès de vos visiteurs devrait être gratifiante. La plupart des consommateurs veulent quelque chose en retour, que ce soit l'accès à une newsletter mensuelle ou une petite remise sur leur premier achat. Vous pouvez même demander aux utilisateurs de s'inscrire à votre programme de récompenses. Offrir un coupon ou un contenu exclusif pour un e-mail et un nom est un échange facile et augmente vos prospects pour de futures campagnes marketing.

Attirez l'attention des visiteurs grâce à la couleur et aux pop-ups chronométrés.

Les pop-ups sont destinés à attirer l'attention de votre public, n'est-ce pas ? Par conséquent, faites ressortir votre pop-up en utilisant une couleur complémentaire. Jetez un œil à une roue chromatique et trouvez une couleur qui complète votre palette de couleurs principale. Ne rendez pas votre pop-up trop distrayant, mais s'il s'agit d'une petite notification, vous voudrez qu'elle se démarque sur la page que votre visiteur consulte.

De plus, l'utilisation d'une fonctionnalité chronométrée pour afficher votre pop-up après qu'un utilisateur a été sur le site pendant un certain temps peut aider à recentrer son attention et à le maintenir sur la bonne voie.

Par exemple, lorsque vous remplissez une demande et que vous êtes distrait, vous pouvez voir une fenêtre contextuelle similaire à celle ci-dessous.

Cette notification rappelle non seulement à l'utilisateur de rediriger son attention vers l'application, mais elle présente également un sentiment d'urgence à la remplir. En fin de compte, l'utilisation d'une fenêtre contextuelle chronométrée peut garder les visiteurs de votre site Web sur le chemin que vous attendez d'eux et terminer leur demande, leur achat ou leur soumission de formulaire.

N'oubliez pas d'ajouter l'option pour fermer la fenêtre contextuelle.

Soyez clair sur la façon dont un visiteur du site peut fermer une fenêtre contextuelle pour éviter toute confusion. Le pire des cas : un visiteur ferme complètement l'onglet et ne revient jamais sur votre site. Ouais. Personne ne veut cela, en particulier dans le domaine du service client, de la fidélisation et des ventes.

Utilisez le widget d'action de ShortStack pour créer une action contextuelle de fermeture. Certains excellents textes à utiliser pour que le visiteur ferme la fenêtre contextuelle sont :

• Refuser l'offre
• Fermer
• La prochaine fois
• Rappelez-moi plus tard
• Non merci
• Merci pour l'information

Utilisez des fenêtres contextuelles pour limiter l'âge de votre site ou de produits spécifiques.

Vendez-vous des produits tels que la nicotine ou l'alcool qui exigent que l'acheteur ait un certain âge ? Utilisez une fenêtre contextuelle simple comme celle de Rogue Brewery pour vous assurer que le contenu qu'ils voient est adapté à leur âge.

Vous pouvez utiliser un modèle prédéfini comme celui-ci pour vous assurer que les visiteurs ont l'âge requis pour accéder à votre site.

Informez vos clients des changements majeurs.

Lorsque vous lancez de nouveaux produits ou services et que vous souhaitez mettre ces informations devant vos utilisateurs, la meilleure façon de les informer est d'utiliser une fenêtre contextuelle. Lorsque nous avons un nouveau modèle, une nouvelle fonctionnalité ou une mise à jour majeure de notre créateur de campagne, nous en informons les clients via des fenêtres contextuelles intégrées à l'application telles que celle ci-dessous.

Quiconque cherche plus d'informations sur cette nouvelle fonctionnalité peut cliquer sur le bouton CTA pour une explication plus approfondie. De même, si le client ne souhaite pas en savoir plus sur la fonctionnalité ou connaît déjà les informations, l'option de fermeture de la fenêtre contextuelle est clairement répertoriée à deux endroits : l'icône de la corbeille et l'icône "Merci pour l'info !" option.

Conclusion

Dans l'ensemble, les pop-ups sont un outil marketing incroyablement efficace. Que vous souhaitiez informer les visiteurs du site Web d'un nouveau changement ou que vous souhaitiez collecter des prospects pour de futures campagnes marketing, essayez d'utiliser une fenêtre contextuelle. Reportez-vous aux choses à faire et à ne pas faire ci-dessus pour vous aider à atteindre vos objectifs commerciaux pour 2023.