Comment les cartes thermiques et les cartes de défilement ont stimulé les conversions de notre boutique en ligne de 9,3 %

Publié: 2021-08-19

Lorsqu'il s'agit de gérer une entreprise en ligne, le suivi du comportement des visiteurs et le test de vos entonnoirs de conversion sont essentiels pour améliorer vos ventes. La plupart des webmasters s'appuient sur l'outil gratuit, Google Analytics, pour suivre les statistiques globales de leurs sites.

Mais alors que Google Analytics est un outil extrêmement puissant, il ne fournit pas suffisamment d'informations pour vous donner une image claire de la façon dont un visiteur interagit avec votre site. Par exemple…

  • Google Analytics ne vous dit pas quels boutons et liens exacts une personne clique sur une page donnée.
  • Google Analytics ne vous dit pas quelles parties de votre page Web sont les plus lues.
  • Google Analytics ne vous dit pas si les gens font défiler jusqu'en bas et lisent tout votre contenu.

En un mot, Google Analytics à lui seul ne vous fournit pas suffisamment d'informations pour améliorer votre site Web.

Obtenez mon mini-cours gratuit sur la façon de démarrer une boutique de commerce électronique réussie

Si vous souhaitez démarrer une entreprise de commerce électronique, j'ai mis en place un ensemble complet de ressources qui vous aideront à lancer votre propre boutique en ligne à partir de zéro. Assurez-vous de l'attraper avant de partir!

Suivez l'activité exacte de vos visiteurs

Depuis 2011, lorsque j'ai lancé mon cours de boutique en ligne, j'utilise un outil appelé Crazy Egg pour aider à améliorer mes pages Web. Contrairement à Google Analytics, Crazy Egg vous permet de visualiser exactement comment un client interagit avec votre site Web .

Par exemple, l'outil vous permet de créer des cartes thermiques pour voir où vos clients cliquent sur votre site.

Mise à jour : j'utilise maintenant un outil appelé Mouse Flow qui vous permet d'enregistrer et de regarder des vidéos de vos clients en action en plus des cartes thermiques et des cartes de défilement ! De plus, il est également nettement moins cher que CrazyEgg !

Cliquez ici pour essayer MouseFlow gratuitement pendant 30 jours

L'image ci-dessous montre sur quoi les visiteurs cliquent lorsqu'ils arrivent sur ma page de vente. Comme vous pouvez le voir, il y a de gros clics sur le bouton "Cliquez ici pour faire un tour", ce qui est exactement ce que je veux.

Create a Profitable Online Store

Crazy Egg et Mouse Flow vous fournissent également une carte de défilement qui vous permet de déterminer quelles parties de votre page sont réellement lues. L'image ci-dessous montre clairement quelles parties de ma page sont les plus populaires.

Les parties jaune et rouge de la page sont "chaudes" tandis que les zones vertes et bleues sont des zones où le visiteur n'est pas aussi engagé avec le contenu.

Scroll Map

Quoi qu'il en soit, si vous avez déjà essayé de vendre quelque chose en ligne, vous pouvez probablement comprendre pourquoi l'utilisation d'un outil comme celui-ci peut être inestimable pour comprendre le comportement des clients et vous permettre d'apporter les ajustements nécessaires pour guider vos visiteurs dans la bonne direction.

Une histoire personnelle

Alors, voici où cela devient un peu embarrassant pour moi :) Bien que j'utilise assez largement ces outils pour optimiser mon blog et mes pages de destination, je n'ai commencé à utiliser l'outil sur ma boutique de commerce électronique que l'année dernière.

J'ai donc pensé que je prendrais un peu de temps pour partager avec vous un test que j'ai récemment effectué qui a réduit le nombre d'appels d'assistance à notre magasin et a augmenté les conversions de 9,3% .

Et la seule raison pour laquelle j'ai décidé d'apporter des modifications à la page était à cause des données que j'ai collectées à l'aide d'outils tels que Crazy Egg et Mouse Flow.

Voici à quoi ressemblait l'une de nos meilleures pages de destination il y a longtemps.

landing page original

Voici une petite histoire de fond derrière la conception de la page. Dans notre magasin, nous vendons des mouchoirs personnalisés. Nous proposons 14 styles différents de mouchoirs et 14 couleurs de fil au choix et un client peut essentiellement personnaliser son mouchoir comme il le souhaite.

Le problème, cependant, était que les clients ne cessaient de se perdre dans la sélection des produits, car ils pensaient qu'ils étaient coincés avec le mouchoir « affiché sur la photo » et n'avaient pas le choix entre différents styles ou couleurs de fil.

Nous recevions donc beaucoup d’appels téléphoniques de personnes nous demandant comment personnaliser un mouchoir et s’ils pouvaient personnaliser un mouchoir différent de ce qui était montré sur la photo etc…

Quoi qu'il en soit, pour éviter toute confusion, j'ai ajouté une image de tous les mouchoirs que vous pouviez personnaliser en haut de la page, qui se développerait ensuite en une image plus grande lorsque vous passerez votre souris sur un mouchoir particulier. J'ai également ajouté un tableau des fils.

Ci-dessous, la 2e itération de la même page.

personalized

L'idée était que le client remarquerait tout de suite qu'il avait le choix entre une grande variété de mouchoirs lors de l'ajout de la personnalisation afin qu'il ne s'embrouille pas et ne parte pas.

Mais même après ce changement, nous avons continué à recevoir périodiquement des questions très basiques par téléphone comme « Comment personnaliser mon mouchoir ? ».

Quoi qu'il en soit, je savais que notre interface utilisateur avait encore des problèmes, mais je l'ai laissée seule le plus longtemps car la page se convertissait toujours très bien (entre 3 et 7 %). Mais comme ces produits sont l'un de nos gros générateurs d'argent, j'ai décidé d'utiliser Crazy Egg et c'est ce que j'ai remarqué.

personalized heatmap

Pouvez-vous repérer le problème ici? Les clients cliquaient en fait sur ces petites images même s'il ne s'agissait pas de liens ! Se pourrait-il que les clients cliquent là-bas en s'attendant à ce qu'il se passe quelque chose ?

Ainsi, après avoir vu la carte thermique, j'ai invité un ami qui n'avait jamais acheté dans notre magasin à essayer d'acheter un mouchoir personnalisé. Et voilà qu'elle a commencé à cliquer sur ces photos aussi !

Elle avait supposé qu'en cliquant sur la petite photo, elle serait redirigée vers une autre page où elle pourrait ensuite personnaliser son mouchoir. Elle était également confuse par l'ensemble du processus de personnalisation car il n'y avait pas d'instructions claires .

Remarque : Je pense qu'une partie de la raison pour laquelle elle a été confuse était que ces petites images de mouchoirs étaient au-dessus du pli et que les «vrais» produits étaient cachés sous le pli de son ordinateur portable. C'était un vrai problème !

Quoi qu'il en soit, j'ai eu un peu un dilemme. Si j'avais inclus des instructions sur la façon de personnaliser un mouchoir en haut de la page, cela aurait poussé tous les produits plus bas sous le pli, ce qui n'aurait pas été souhaitable.

Donc, finalement, j'ai décidé de créer une petite fenêtre contextuelle d'information qui s'affichait lorsque quelqu'un cliquait sur l'une de ces petites images. Et sur cette fenêtre contextuelle, j'ai fourni des instructions spécifiques sur la façon de personnaliser un mouchoir. De plus, j'ai supprimé le graphique de couleur de fil pour faire remonter nos produits sur la page . Voici un exemple ci-dessous.

personalized popup

Après avoir ajouté la fenêtre contextuelle et effectué des tests fractionnés avec la page de destination d'origine, j'ai découvert que l' ajout de la fenêtre contextuelle et le déplacement des produits plus haut sur la page augmentaient les conversions d'environ 9,3 %, mais surtout, nous n'avons pas reçu d'appel d'assistance à ce sujet depuis .

Même si cette page a encore besoin de travail, j'étais ravi de trouver un problème avec notre page de destination que j'ai pu repérer immédiatement avec l'analyse de la carte thermique. Avec juste Google Analytics ordinaire, je n'aurais jamais observé ce comportement.

Leçons apprises

Si vous retenez quelque chose de cet article, c'est que Google Analytics ne fournit pas suffisamment d'informations pour améliorer vos conversions si vous exécutez une sorte de site transactionnel.

L'analyse du comportement des clients est importante et il est crucial de savoir non seulement quels clients visitent, mais également comment ils interagissent avec votre page.

Gérer une boutique en ligne est à peu près aussi transactionnel que possible, je recommande donc à tous les magasins de commerce électronique de penser au-delà de l'analyse et d'observer leurs clients à un niveau beaucoup plus fin.

La meilleure partie est que vous pouvez cliquer ici pour essayer ces outils de suivi gratuitement pendant 30 jours.

N'hésitez pas à me poser vos questions ci-dessous.