Appartenant à la famille des overlays, le popin est le cousin du popup. Avant tout, les overlays sont les fonctionnalités d’affichage de contenus différents d’un site ou d’une page web, ayant des objectifs marketing et commerciaux bien précis. Aussi traduit en français par “couche supérieure”, ils ont une fonction publicitaire ciblée.
Que vous soyez un professionnel du marketing, un développeur ou encore un simple auditeur, vous avez sûrement déjà rencontré toute sorte d’overlays. Plus communément représentées et connotées avec le pop-up, nous en oublions bien souvent son cousin germain, le popin. Des outils marketing surpuissants, ayant fait leurs preuves depuis un long moment, mais pouvant rapidement agacer nos utilisateurs. Le popin est une technique pourtant redoutable lorsqu’elle est mise en place avec discernement.
En clair, la fonctionnalité du popin est communément utilisée dans le domaine du web marketing en tant que cadre d’affichage venant apparaître sur l’écran, suite à une action de l’internaute prédéfinie en back-office.
Par définition, le popin est une apparition d’une fenêtre dédiée à l’affichage d’un contenu spécifique et ciblé envers les internautes. Il apparaît directement sur la fenêtre, contrairement au pop-up qui ouvre une fenêtre supplémentaire pour afficher le contenu souhaité.
Codée directement en langages Javascript ou en code HTML/CSS, et affichée en javascript, le popin est donc codé et traduit en direct dans la page ouverte par l’utilisateur. C’est une fonctionnalité entièrement personnalisable, permettant de proposer une expérience utilisateur plus fluide et optimale que ce soit en version mobile ou navigateur bureau. De plus, elle ne peut être supprimée par l’intervention de l’utilisateur, logiciels ou extensions en faisant presque oublier les popup aux développeurs.
Vous l’aurez compris, popup et poppin sont deux fonctions dynamiques différentes. Souvent confondues, il est fondamental de comprendre que les popin sont déclenchées grâce au code déjà présent sur une page web.
A noter qu’une mauvaise utilisation des popin, nuisant à l’utilisation de votre site peuvent entraîner des sanctions de Google.
Certains standard et règles sont mises en place pour la visibilité de popin, tout comme les popup et autres affichages publicitaires sur le web.
La plus commune des formes de popin, elle ressemble de près à la seconde que nous aborderons par la suite étant la scroll box. La différence significative étant l’apparition de la fenêtre instantanément après l’ouverture de la page. Elle se situe au centre de l’écran, en superposition claire et laisse apparent la plupart du temps le contenu situé en dessous comme sur l’exemple ci-dessous.
Ce type de popin est fréquemment utilisé dans le contexte émergent de RGPD, car souvent cette fenêtre est dédiée à l’affichage de l’autorisation d’utilisation des données aussi appelée cookies.
Étant le format de popin le plus répandu et utilisé, elle se présente avec une fenêtre apparaissant généralement sur les côtés latéraux de l’écran, parfois même au milieu cependant cela reste rare. Elle peut être déclenchée par des mouvements de souris, ou du scroll.
Les fenêtres déroulantes sont parfois utilisées à des fins diverses, principalement pour encourager les abonnements à des newsletters par exemple, elles peuvent également demander le consentement des visiteurs à activer les cookies ou encore présenter des offres promotionnelles et évènements en cours.
Les Scroll Boxes offrent une manière efficace de capter l’attention des utilisateurs, de recueillir des informations clés, et de les guider dans leurs premières interactions avec le site, contribuant ainsi à améliorer l’expérience globale des visiteurs.
C’est un format de popin qui prend beaucoup de place, et qui doit absolument être réfléchi avant sa mise en place car il pourrait entraver la navigation des internautes. En effet, prenant l’ensemble de la place sur la page web, il s’insère sur l’ensemble de l’affichage en cours en prenant toute la place disponible sur la page web, et recouvre donc intégralement le contenu actuellement affiché à l’écran. Cela peut donc décourager les utilisateurs, les faisant donc changer de site en raison d’une navigation obstruée.
Toutefois, c’est une technique permettant de mettre en avant une visibilité maximum aux messages marketing car elle ne peut être ignorée. Cela en fait un outil puissant pour attirer l’attention des visiteurs sur des informations cruciales, telles que des offres spéciales, des événements ou des appels à l’action importants. Lorsqu’elle est utilisée de manière stratégique, la popin en plein écran peut être un moyen efficace de mettre en avant des éléments clés et ainsi d’inciter les visiteurs à interagir davantage avec le site.
Pensez-donc à l’utiliser avec parcimonie et surtout de manière pertinente, car son impact visuel est considérable. Il vous faudra veiller à ce que le contenu de la popin en plein écran soit d’un intérêt évident, de manière à ne pas décourager les visiteurs.
Les options de fermeture ou de réduction de la popin doivent être clairement proposées pour qu’ils puissent retourner rapidement à la navigation.
Attention, sur mobile l’utilisation de popins nécessite une manipulation prudente, car sans la commodité de la souris, ces fenêtres peuvent agacer les utilisateurs s’ils ne sont pas correctement dimensionnés. Une mauvaise expérience utilisateur sur mobile peut entraîner des pénalités de Google, alors soyez attentif !
Le click trigger popin est une forme différente, qui possède tout de même sa place dans la famille. Un format particulier car il se déclenche uniquement en cas de clic de l’utilisateur sur un lien hypertexte spécifique. Un format interactif, laissant agir les utilisateurs d’une manière plus contextuelle, fournissant ainsi des réponses à leurs questions.
L’utilisation de cette forme de popin permet une expérience utilisateur plus ciblée. Contrairement à ceux qui apparaissent de manière automatique ou basée sur d’autres critères, le click trigger popin offre une interaction volontaire de la part de l’utilisateur. Il se déclenche uniquement lorsque le visiteur manifeste un intérêt en cliquant sur un lien ou un élément particulier, indiquant généralement un niveau d’engagement plus élevé.
Ce format de popin peut être utilisé à des fins diverses et variées. Cela peut être la fourniture d’informations complémentaires sur un produit ou service par exemple, lorsque le visiteur clique sur “en savoir plus”. Cela peut être également dans le but de recueillir des informations complémentaires en proposant de répondre à un sondage informatif, en cliquant sur “participer à l’enquête”.
Tout comme le format suivant, les inline passent presque inaperçu au sein d’une page web. Elles se distinguent par leur intégration harmonieuse au sein du contenu d’une page, évitant ainsi d’ouvrir une nouvelle fenêtre ou un nouvel onglet. Elles se déclenchent uniquement en réaction à des conditions spécifiques préalablement définies, telles qu’un clic sur un lien, le temps passé sur la page, le comportement de défilement, l’inactivité de l’utilisateur, des conditions de sortie du site, ou des critères personnalisés.
Comme par exemple la fenêtre s’affichant sur Netflix, vous demandant si vous êtes toujours en visionnage.
Elle se présente en tant que l’un des formats les plus discrets et inclus dans vos sites web et applications. Comme son nom l’indique, c’est un bandeau généralement affiché en haut du contenu ainsi que de la barre principale de la plateforme. Contrairement à ce que nous avons vu précédemment, ainsi que tout ce que nous pouvons croire, c’est un des formats les moins utilisés en termes de popin.
Un format s’intégrant harmonieusement à la structure de présentation d’une page web, autant sur un navigateur de bureau que sur mobile. Étant peu criardes au regard de l’utilisateur, les smart bar sont conçues pour être peu intrusives, les rendant particulièrement adaptées pour fournir des informations supplémentaires, des appels à l’action discrets ou des notifications importantes sans perturber de manière significative l’expérience de navigation.
Maintenant que vous avez compris l’ensemble des possibilités s’offrant à vous en termes de popin, il est crucial de cerner les éléments déclencheurs de ces fonctionnalités dynamiques. Par ailleurs, c’est généralement dans un but de fidélisation de l’audience que les popins interviennent dans une gestion marketing optimale. Certains outils donnent la possibilité de déclencher des pop-ins spécifiquement ciblées sur des segments d’audience définis, offrant ainsi des messages pertinents à chaque groupe d’utilisateurs.
De manière plus générale, ils interviennent à la suite de scénarios précis, ou actions définies par des scripts tels que :
Une liste d’exemples non exhaustive, qui s’étend aux limites de l’imagination.
Vous l’aurez compris, les popins sont utilisables à différentes fins, et surtout à votre guise !
Il vous suffit d’analyser vos datas, votre parcours client et imaginer les actions déclencheuses de vos internautes, le format étant libre à vous..
Attention tout de même à veiller à la présence d’un bouton de fermeture de la fenêtre !
La segmentation avancée vous permet de diviser votre audience en différents groupes en fonction de critères spécifiques. Vous pouvez par exemple, cibler exclusivement les visiteurs non inscrits à votre newsletter, ou encore ceux n’ayant pas effectué d’achat depuis trois mois, ou bien vos fidèles clients dépensant plus de 50 € par mois. Cette approche vous permet d’offrir des messages plus pertinents et d’optimiser l’impact de vos popin sur chaque segment de votre audience.
L’A/B testing est votre solution ! Cette action vous permettra d’évaluer l’efficacité de vos campagnes, le taux de rétention, de conversion, rebond et de fidélisation. Il vous suffira de déployer deux campagnes ayant un objectif identique, mais avec un affichage différent. Par exemple, deux campagnes d’acquisition ayant pour but d’augmenter le nombre d’abonnés à votre newsletter en proposant deux types de réductions différents. Les tests A/B vous permettront de visualiser les pages, et offriront des données précieuses pour affiner vos visuels de popin et vos stratégies marketing.
C’est la dernière action à mettre en place lors du développement de votre stratégie digitale, il vous sera impératif d’analyser vos résultats de manière approfondie et rigoureuse. Une étape qui vous permettra de distinguer les réussites et écueils, et ainsi optimiser vos campagnes intelligemment. Une compréhension approfondie de vos résultats est essentielle pour ajuster vos stratégies et améliorer continuellement votre marketing.
Dans votre démarche d’optimisation ou encore de mise en place de fenêtres popins, il peut être judicieux de faire appel à des experts du web. Que ce soit du côté technique,de l’analyse des performances ou de l’optimisation continue, collaborer avec des professionnels peut faire la différence dans l’atteinte de vos objectifs marketing. Ne sous-estimez pas l’importance de consulter des spécialistes pour tirer le meilleur parti de votre stratégie de pop-in ! 🚀