Aller au contenu principal
Créer une pop-in qui convertit sans déranger

Créer une pop-in qui convertit sans déranger

12 septembre 2016
Temps de lecture : 
11 min

La pop-in est élément qui permet de mettre en avant des messages importants, des promotions ou encore des formulaires. 

Sur un site web, la quantité des messages envoyés chaque jour est conséquente et il est parfois nécessaire d'utiliser des formats spéciaux pour attirer l'attention des visiteurs. 

Toutefois, la pop-in peut-être un élément intrusif si elle n'est pas utilisée correctement. Voici nos conseils pour créer une pop-in qui convertit sans déranger. 

1 Quelle est la différence entre une pop-in et un pop-up ?

La pop-up : c’est une fenêtre ouverte par votre navigateur web.

Sur la capture d’écran ci-dessous, elle s’est ouverte lorsque j’ai souhaité fermer la page avant de publier mon commentaire. Les possibilités de personnalisation y sont très limitées (les boutons et la phrase d’avertissement du navigateur qui précède).

 

Comment créer une pop-in - pop-up

 

La pop-in : à la différence de la pop-up, la pop-in est codée dans la page.

La pop-in est entièrement personnalisable et est moins contraignante puisqu'elle ne bloque pas la navigation tant qu’elle n’est pas fermée.

Comment créer une pop-in - pop-in

 

2 Les erreurs à ne pas commettre lors de la création d'une pop-in

Adresser une pop-in dès l’arrivée sur le site 

Lorsqu'un visiteur se rend sur un site pour la première fois, il y a de grandes chances pour qu'il ne connaisse pas encore le contenu.

Pourtant, il arrive de se trouver face à une pop-in proposant de s’inscrire à la newsletter ou de télécharger une ressource avant même que l’on ait pu se faire une bonne idée de la proposition de valeur.

Ce type de pop-in n’est justifiée que s’il s’agit d’un message spécifiquement destiné aux premiers visiteurs (ex : aide à la navigation, présentation du site, message de bienvenue, etc.).

Associer trop d’éléments on-page 

À moins de vouloir faire de votre site internet un sapin de Noël, il vaut mieux limiter le nombre d’éléments qui viennent se greffer au contenu existant de votre page.

Ainsi, limitez le nombre de pop-in, chatbot ou autres messages afin de proposer une expérience de qualité à vos visiteur. 

Afficher une pop-in sur une landing page :

L’objectif d’une landing page est d’accompagner le visiteur jusqu’à la conversion.

Lorsqu'un visiteur arrive sur une landing page, il doit se concentrer sur votre proposition de valeur et le formulaire. En effet, l'objectif est de le garder sur cette page jusqu'à la complétion du formulaire et afficher une pop-in revient à lui donner un point de sortie. 

Être trop insistant

Si un visiteur a fermé votre pop-in parce qu’il n’est pas suffisamment convaincu pour s’inscrire à votre newsletter, il ne faut pas la lui re-proposer immédiatement. 

Vous devez paramétrer vos pop-in afin qu'elle ne s'affiche qu'une fois par visite ou selon un laps de temps défini. 

Voici un exemple de pop-in qui risque de faire fuir les visiteurs : 

  • La pop-in s’ouvre après 5 secondes, dès la première visite. Le visiteur n'a pas le temps de s’imprégner du service offert
  • Bien que le site soit en français, la pop-in s'affiche en anglais.
  • Une fenêtre de chat sonore apparaît dans le même temps.

 

Comment créer une pop-in - erreurs

3 Comment créer une pop-in efficace ?

Lors de la création de pop-in, plusieurs éléments sont à prendre en compte pour qu'elle vous permette d'atteindre vos objectifs et ne perturbe pas la navigation de vos visiteurs. 

Afficher votre pop-in à la bonne cible

Pour que votre pop-in soit efficace, elle doit s’adresser aux bonnes personnes.

Il n’est ni pertinent, ni cohérent pour un site e-commerce de proposer une remise de 10% à tous les visiteurs. Les ventes pourront être sensiblement plus importantes, mais le manque à gagner aussi. En effet, certains visiteurs sont prêts à acheter sans réduction et cela dégrade l'expérience des autres visiteurs qui ne comptent pas acheter sur votre site.

Vous devez donc segmenter votre audience pour comprendre qui sont vos visiteurs et les répartir selon des caractéristiques similaires et pertinentes pour votre entreprise.

Cdiscount optimise le coût de ses campagnes promotionnelles avec un pop-in bien pensée 

Pour augmenter l'impact de ses promotions sans dégrader ses marges, Cdiscount utilise la solution de personnalisation IA de Kameleoon. Notre algorithme de ciblage prédictif identifie la probabilité d'achat des visiteurs afin que la marque n'affiche ses bons de réduction sous forme de pop-in qu'aux visiteurs indécis. 

De cette manière, Cdiscount augmente le ROI de ses campagnes promotionnelles par 3 puisque l'expérience des « visiteurs froids » n'est pas dégradée et les « visiteurs chauds » ont acheté sans réduction. 

Proposer un ÉCHANGE ÉQUITABLE

La pop-in est souvent utilisée pour récupérer les coordonnées de vos visiteurs, toutefois, vous devez proposer un échange équitable qui incite réellement les visiteurs à utiliser la pop-in : en proposant du contenu à télécharger, l'inscription à la newsletter ou en participant à un jeu concours. 

Votre message doit être compris en quelques secondes si vous voulez que le visiteur renseigne ses informations et ne ferme pas directement la pop-in.

Par ailleurs, me design de votre pop-in doit s’intégrer à votre charte graphique et se fondre dans le design global de votre site web. Cela est essentiel si vous voulez que le visiteur comprenne que la pop-in est en lien avec son expérience sur le site. 

Enfin, assurez vous qu’il soit facile de fermer votre pop-in. Si l'échange ne lui convient pas, le visiteur doit tout de même pouvoir poursuivre sa navigation tranquillement. 

Afficher votre pop-in au bon endroit

Votre pop-in vient se greffer au dessus du contenu de votre page. Le visiteur ne peut pas la manquer. C’est par conséquent un emplacement privilégié pour attirer l’attention et, in-fine, convertir un visiteur.

Où sur la page afficher votre pop-in ? 

En fonction de l'action que vous voulez que le visiteur réalise et de la pression marketing que vous exercez sur votre site, vous pouvez choisir d'afficher votre pop-in à différents endroits : 

  • Au centre de la page : la pop-in est très visible mais perturbe la navigation du visiteur. L'information délivrée doit donc être nécessaire au visiteur pour poursuivre la navigation ou proposer une offre qu'il ne peut pas refuser. 
  • Sur le côté de la page : la pop-in attire moins l'attention du visiteur que lorsqu'elle interrompt sa navigation, mais elle reste visible lors de son parcours sur le site et le visiteur peut y revenir lorsqu'il est prêt. 

Sur quelle page afficher la pop-in ?

Si vous voulez que votre pop-in génère de nombreuses conversions, vous devez vous assurer qu’elle ne soit présentée que lorsque c’est pertinent. La pop-in doit s'intégrer naturellement au parcours de navigation des visiteurs et doit ajouter de la valeur à la visite. 

C’est l’expérience réalisée par Meetic. Lorsqu’un abonné qui a désactivé les notifications “messagerie”, “évènements” et/ou “liste d’activités” se rend sur l’une de ces pages, une pop-in contextualisée apparaît en haut à gauche de son écran pour l'inviter à réactiver ses notifications.

Cette pop-in personnalisée a permis à Meetic d’augmenter la réactivation des notifications de +3%.

Quel type de terminal cibler ?

Vous pouvez choisir de ne pas afficher la personnalisation sur certains terminaux ou y adresser une pop-in spécifique.

Sur mobile, il est fortement déconseillé d'utiliser des pop-in. En effet, l’affichage sur mobile est réduit et l’imposer à l’utilisateur est nécessairement contraignant. Aussi, Google prend des mesures radicales et pénalise les sites web qui utilisent des pop-in “intrusives” sur mobile.
 
 

Comment créer une pop-in - Google

 

Afficher votre pop-in au bon moment  

La question du timing est clé lorsque vous mettez en place une pop-in sur votre site. 

Comme nous l'avons vu, afficher une pop-in à vos visiteurs dès l'arrivée sur votre site est contre-productif : les visiteurs n'ont pas eu le temps de découvrir votre site ou d'effectuer l'action pour laquelle ils sont venus. 

Plusieurs options sont possibles, vous pouvez déclencher votre pop-in lorsque le visiteur passe un certain temps sur votre site, clique sur un certain nombre d'éléments, fait défiler la page de x%, visite plusieurs pages... 

Il est également pertinent de choisir combien de fois il faut adresser une pop-in à un même visiteur. Doit-on l’afficher plusieurs fois lors d’une seule expérience de navigation ? Une fois par jour ? Une fois par semaine ? 

Selon l’offre ou la ressource que vous souhaitez mettre en avant avec votre pop-in, vous devez décider de la fréquence d’affichage pour parvenir à convertir le visiteur sans l’assommer. La meilleure façon d’obtenir la réponse est de lancer un test A/B qui saura isoler la variante la plus performante.

PagesJaunes s'adresse aux nouveaux visiteurs avec une pop-in 

Afin d’améliorer l’expérience de navigation sur son site, PagesJaunes a décidé de s’adresser exclusivement à ses nouveaux visiteurs. Une pop-in leur était adressée lors de leur 3e visite, sur la page des résultats de leur recherche. Après avoir réalisé un test A/B, PagesJaunes a pu constater un bond de 25% dans le remplissage des formulaires grâce à cette pop-in.

4 Personnaliser votre pop-in

La personnalisation vous permet de créer des expériences sur-mesure pour vos visiteurs. 

Utiliser la personnalisation pour votre pop-in peut vous permettre de : 

  • l'afficher uniquement à certains visiteurs 
  • l'afficher au meilleur moment pour chaque visiteur à l'aide de déclencheurs personnalisés
  • personnaliser le contenu en fonction des préférences des visiteurs
  • ajuster la pression marketing sur votre site. 

Autrement dit, la personnalisation vous permet d'utiliser des pop-in pour faire convertir les visiteurs sans les déranger. Il est d'ailleurs assez rare aujourd'hui de voir des pop-in génériques pour tous les visiteurs qui n'améliorent pas, ou peu, la conversion et qui perturbent l'ensemble des visiteurs. 

 

livre-blanc-ab-testing

Thèmes traités dans cet article