HotJar + Convert : Un guide étape par étape pour l'optimisation complète de l'entonnoir.

Films CRO avec HotJar & Convert

Alors bien sûr : ce ne sont pas les nouveaux Avengers.

Et nous ne prétendrons pas que c'est TOUT aussi divertissant.

Mais… les "films" HotJar sont (potentiellement) plus importants.

Pourquoi?

Parce qu'avec cet outil astucieux, vous pouvez voir de première main comment les visiteurs interagissent avec votre site Web, pourquoi ils abandonnent les paniers, ce qui les empêche de soumettre des formulaires et les pages ou sections du site qui les poussent à appuyer sur le bouton de retour.

Et lorsque vous ajoutez Convert Experiences au mélange, vous avez le pouvoir de convertir les informations HotJar de toutes les étapes de votre entonnoir en variantes de test.

Des variantes qui peuvent éliminer la confusion de l'interface utilisateur, réduire la frustration du trafic et vous donner une idée définitive de ce que vos prospects veulent vraiment.

Intégrez Convert Experiences avec Hotjar

L'intégration de Hotjar à Convert Experiences vous permet d'activer toutes les fonctionnalités de Hotjar dans votre compte Convert Experiences.

Configurer l'intégration :

Pour intégrer les deux plateformes :

1. Ajoutez le code de suivi Convert Experiences à votre site Web
2. Ajouter le code de suivi Hotjar à votre site Web
3. Activez l'intégration Hotjar dans votre écran Résumé de l'expérience (sous la section Paramètres)
   (Pour plus de détails, lisez les instructions complètes étape par étape ici).

Vérifier l'intégration

Une fois l'installation prête, vérifiez la configuration en installant le débogueur Convert Chrome :

Quelles données sont utilisées ?

Une fois l'intégration activée, chaque enregistrement de votre compte Hotjar sera étiqueté ainsi : "Convertir : AAA - BBB" où :

• AAA - le nom de l'expérience limité aux 20 premiers caractères ou l'ID de l'expérience tel qu'il se trouve dans votre compte Convert, selon que l'anonymisation des données est activée ou non ;
• BBB – le nom de la variante limité aux 20 premiers caractères ou l'identifiant de la variante tel qu'il se trouve dans votre compte Convert, selon que vous avez activé ou non l'anonymisation des données ;

Dans votre compte Hotjar, vous pouvez filtrer les enregistrements en fonction d'une certaine paire Expérience - Variation pour analyser le comportement des visiteurs lorsqu'ils reçoivent une variation particulière :

Et après?

Une fois que Convert with Hotjar est opérationnel, que se passe-t-il ensuite ?

Nous allons maintenant vous montrer comment même une connaissance de base de Convert Experiences peut vous aider à améliorer vos pages de destination, vos champs de formulaire, vos CTA, votre conception réactive et bien plus encore . Tu peux voir:

• Combien de visiteurs votre site Web reçoit
• Combien de temps vos visiteurs traînent
• De quel état (ou pays) ils viennent
• Quels appareils (mobile, ordinateur, tablette) vos visiteurs utilisent
• À partir de quelle campagne atterrissent-ils dans votre magasin ?
• Si l'image de votre produit est réellement attrayante.
• Si le magasin inspire une action au visiteur.
• Si le positionnement du produit sur la page est gênant pour le client.
• S'ils doivent faire défiler trop loin pour accéder au produit.
• Qu'il s'agisse ou non d'une proposition de valeur et d'un CTA efficaces et clairs ?

La quantité d'informations peut sembler écrasante et nous vous recommandons de ne pas plonger trop profondément au début. Concentrez-vous sur les mesures clés qui comptent vraiment pour vous.

Même une simple analyse peut provoquer des changements qui peuvent avoir un impact énorme sur votre magasin.

[PS : Sur cette note, consultez notre webinaire sur les petites données. Nous couvrons le processus de recherche et d'utilisation des "petites choses" pour un grand impact]
<<Code d'intégration>>

Le but de l'intégration de Convert Experiences avec Hotjar est d'obtenir le meilleur aperçu possible du comportement des utilisateurs. Plus vous suivez, mieux vous pouvez comprendre comment vos visiteurs interagissent avec votre site.

Empêcher l'abandon du panier grâce aux enregistrements des visiteurs

Vous pouvez empêcher l'abandon du panier d'achat en ligne en optimisant votre processus de paiement avec les enregistrements de visiteurs Hotjar.

Les enregistrements de visiteurs sont de courts enregistrements qui vous permettent de voir ce qu'un visiteur fait sur votre site. Et si vous regardez et analysez bon nombre de ces enregistrements, vous commencerez à repérer des modèles. Vous serez en mesure d'identifier les drapeaux rouges lors de votre processus de paiement. Et vous comprendrez mieux pourquoi les gens abandonnent leur panier.

Les enregistrements des visiteurs peuvent vous donner beaucoup d'informations brutes. Afin d'utiliser ces informations pour réduire le taux d'abandon de votre panier, voici quelques éléments à rechercher :

• Combien de temps les gens restent-ils sur votre page produit ?
• À quelle vitesse les gens défilent-ils ? Est-ce qu'ils parcourent ou lisent attentivement?
• Les visiteurs sont-ils distraits par quelque chose ?
• Qu'est-ce qui attire l'attention de vos visiteurs ? Qu'est-ce qui les intéresse le plus ?
• Qu'est-ce qui les pousse à quitter leur panier ?
• Quoi d'autre pourrait nuire à votre taux de conversion ?

Ce sont de bonnes questions à poser lors de la visualisation et de l'analyse des enregistrements des visiteurs. Ils vous aideront à prévenir l'abandon du panier d'achat en ligne dans la mesure du possible.

Exemple sur une boutique Shopify

Imaginons que vous ayez une boutique Shopify et que vous vouliez changer la page de paiement. Vous installez le code de suivi Convert sur la page de paiement de Shopify en suivant les instructions ici et vous créez une expérience A/B dans Convert. La variante arbore des bannières supplémentaires sur la page de paiement avec des symboles de confiance et la livraison gratuite (hé ! Les experts disent qu'ils fonctionnent).

Au bout d'un moment, vous remarquez dans le rapport de conversion que la version originale est gagnante et que les bannières supplémentaires n'ont pas généré plus d'achats.

Vous voulez savoir pourquoi les visiteurs préfèrent l'original à la variante que vous avez conçue avec Convert.

Pour ce faire, vous utilisez les enregistrements de visiteurs HotJar sur la page de paiement de la variante et vous remarquez que les visiteurs abandonnent le panier car ils sont en fait distraits par ces bannières.

Vous supprimez les bannières et adaptez l'expérience Convert A/B pour encourager davantage de paiements. ET vous apprenez qu'à l'avenir, si vous voulez que votre public agisse, privilégiez la minimisation des distractions plutôt que l'ajout de boosters de confiance.

Comprendre pourquoi les visiteurs partent

Avec des enquêtes et des sondages auprès des clients

Une autre fonctionnalité utile de Hotjar est l'outil de commentaires et vous le verrez à gauche.

Avec les enquêtes et les sondages, vous pouvez insérer une demande de commentaires des clients sur votre site Web. Cela est pratique lorsque même les tests d'utilisabilité ne font pas la lumière sur la résistance des visiteurs.

Vous pouvez utiliser ces fonctionnalités au moment des baisses maximales et découvrir pourquoi les visiteurs partent sans prendre d'autres mesures. Les commentaires reçus viendront appuyer les données quantitatives que vous avez recueillies dans Convert Experiences. Voici comment activer les sondages dans une expérience ou une personnalisation Convert A/B.

Avec entonnoirs

HotJar offre une fonctionnalité intéressante appelée entonnoirs. Ainsi, au lieu d'utiliser des enquêtes et des sondages, vous pouvez simplement utiliser les entonnoirs HotJar pour repérer définitivement les pages où des baisses importantes se produisent !

Faire un test d'appareil avec Heatmaps

Les pages de votre site ont une apparence très différente selon les appareils et les écrans de différentes tailles.

Avec la popularité croissante des très grands écrans, des netbooks, des tablettes et des téléphones ; assurer une expérience optimale sur tous les gadgets est un défi.

Un contenu important qui se trouve au-dessus du pli sur un ordinateur de bureau peut se retrouver bien en dessous du pli sur un téléphone. De même, le contenu de votre page peut sembler épars et illisible sur de très grands écrans.

Les rapports de carte thermique Hotjar révéleront facilement ces différences entre les navigateurs et les appareils et comment les visiteurs interagissent avec votre contenu. Introduisez une conception réactive afin que vous puissiez ajuster vos pages en fonction des spécifications de l'écran et du navigateur. Utilisez vos découvertes de Hotjar Heatmaps pour peaufiner cette conception réactive.

Un engagement plus élevé et une hiérarchisation du contenu clé deviennent soudainement possibles, même s'il existe de nombreuses variables définissant votre expérience sur la page.

Suivez vos modifications avec de nouveaux rapports de carte thermique pour voir l'impact de vos modifications.

Une fois que vous avez terminé, transmettez ces résultats aux personnalisations Convert où différents publics obtiendront différentes conceptions en fonction de leurs préférences d'appareil et de navigateur. Découvrez comment vous pouvez activer les cartes thermiques sur les personnalisations Convert ici.

Astuce : HotJar propose également 7 tests de carte thermique supplémentaires.

Améliorez vos pages de destination

L'optimisation de la page de destination (LPO) est un élément essentiel de tout lecteur CRO.

Et une intégration Convert Experiences/HotJar fait des merveilles ici.

Avec Hotjar, vous comprenez ce que veulent les utilisateurs, ce qui les intéresse et comment ils interagissent avec votre site grâce à une représentation visuelle (carte) de leurs clics, tapotements et comportement de défilement. Vous voyez ce qui déroute les gens et vous pouvez éliminer ces obstacles.

Imaginons que vous ayez une page de destination et que vous souhaitiez l'optimiser. Vous installez le code de suivi Convert sur la page de destination et vous créez votre expérience Convert A/B. Les modifications que vous apportez sont des boutons sociaux supplémentaires dans le pied de page.

Au bout d'un moment, votre rapport de conversion indique que la version originale est gagnante et que les icônes sociales supplémentaires n'apportent plus d'achats.

Vous voulez savoir pourquoi les visiteurs préfèrent l'original à la variante que vous avez conçue avec Convert. Pour cela, vous utilisez HotJar et vous remarquez que les visiteurs ne défilent pas jusqu'au pied de page de votre landing page.

Vous déplacez les icônes sociales vers l'en-tête et adaptez l'expérience Convert A/B pour un impact positif perceptible sur les conversions. Points de vue de personnes qui comptent.

Imaginez que vous ayez construit une expérience de conversion multipage et que vous ayez besoin d'avoir une idée de l'efficacité de votre hypothèse, rapidement. Le widget Hotjar Recruiters obtient rapidement et facilement le consentement du trafic qualifié et inscrit les personnes à la recherche d'utilisateurs.

Vous pouvez maintenant profiler les membres de votre segment cible et simplement offrir un cadeau en échange de leurs services.

Vous pouvez également créer un test de conversion d'URL fractionnée pour découvrir ce qui convertit le mieux : la fonction de recrutement ou la fonction d'enquête.

Ajoutez simplement cette fonctionnalité Hotjar à votre expérience de conversion et vous commencerez à recueillir des commentaires

Détecter les points de confusion de l'interface utilisateur :

Comme le dit l'inspecteur :

"Les clics de rage identifient les moments de frustration des utilisateurs, généralement causés par des clics excessifs dans des zones sans déclencher de modifications de l'interface utilisateur. Les points communs de rage des utilisateurs incluent le clic sur des liens morts (texte qui ressemble à un lien mais qui n'en est pas), le clic sur des images dans l'espoir de les agrandir (sans succès) et d'autres points de confusion de l'interface utilisateur.

Dans votre tableau de bord Hotjar, accédez aux enregistrements de session. Filtrez par l'URL de la page que vous souhaitez examiner. Ensuite, appliquez le filtre de clic de rage. Vous êtes prêt à regarder et à analyser les enregistrements des clients qui ont cliqué avec rage sur n'importe quelle page de votre site Web. L'analyse des enregistrements devrait vous orienter dans la bonne direction pour corriger les éléments de l'interface utilisateur frustrant vos visiteurs.

Faites monter en flèche vos soumissions de formulaires

Lors de la conception et de l'expérimentation de vos formulaires, vous pouvez avoir des informations supplémentaires sur la façon dont vos visiteurs interagissent avec les champs de formulaire. Avec HotJar et Convert Experiences, vous apprenez les champs qui restent vides, les champs qui voient la ressaisie des données et en bref vous connaissez les champs qui tankent vos taux de conversion de formulaire.

Utilisez d'abord une expérience de conversion multivariée pour concevoir des formulaires avec plusieurs ajustements ou modifications d'éléments.

Une fois que vous avez terminé, utilisez les enregistrements de visiteurs Hotjar pour éliminer les champs de formulaire ou les éléments de formulaire qui frustrent votre trafic.

Enfin, appliquez les tests A/B aux champs restants et réduisez votre formulaire à ce qui est vraiment important pour les visiteurs.

Des problèmes de confidentialité, en particulier avec GDPR ?

Nous avons vu jusqu'à présent qu'avec un simple morceau de code, Hotjar enregistre les sessions utilisateur des visiteurs de votre site Web. Vous pouvez réellement les voir défiler, déplacer leur curseur sur l'écran et cliquer ou appuyer en fonction de l'appareil qu'ils utilisent.

Mais qu'en est-il de la vie privée des utilisateurs ?

La nouvelle loi sur la confidentialité des données, GDPR, rend l'enregistrement des sessions utilisateur un peu effrayant. Cela peut-il être considéré comme une violation de la vie privée ? Non, car Hotjar ne collecte pas d'informations personnellement identifiables sur les utilisateurs individuels, telles que l'adresse IP. Au lieu de cela, ils attribuent un numéro d'identification d'utilisateur unique pour différencier les enregistrements de session. De plus, Hotjar détecte automatiquement les champs de saisie des informations sensibles telles que les mots de passe et les numéros de carte de crédit et n'enregistre pas les frappes. Vous pouvez également choisir de masquer manuellement certains champs de saisie et du texte dans les paramètres de Hotjar.

Convert se soucie vraiment de votre vie privée et de la confidentialité de votre trafic. L'optimisation du taux de conversion est essentielle si vous souhaitez guider vos visiteurs vers la meilleure solution que vous proposez sans les frustrer dans le processus.

C'est pourquoi nous avons une intégration profonde avec un outil comme HotJar qui dessine littéralement une image CRO valant un million de clics - sans enfreindre les droits des utilisateurs.

Si vous souhaitez voir ce partenariat en action, inscrivez-vous simplement pour un essai gratuit de Convert Experiences.