Hotjar pour PrestaShop : cartes de chaleur et enregistrements de session qui révèlent les problèmes

Dernière vérification en juin 2026, Hotjar associe toujours cartes de chaleur et enregistrements à sa couche d'enquêtes et de retours, et les contrôles de consentement et de masquage ci-dessous reflètent les pratiques RGPD actuelles. Considérez tout chiffre de prix comme indicatif et vérifiez les offres Hotjar en vigueur.

Les cartes de chaleur et les enregistrements de session vous indiquent où un client a bloqué, le curseur resté neuf secondes au-dessus de la liste des transporteurs, le formulaire de paiement abandonné au champ téléphone. Ce qu'ils ne peuvent pas vous dire, c'est la phrase qui traverse l'esprit de cette personne : "Je n'ai pas trouvé la date de livraison", ou "Je suis parti vérifier si ce code fonctionne ailleurs." L'intérêt de Hotjar sur une boutique PrestaShop, c'est de combler ce dernier manque. En plus des cartes de chaleur et des enregistrements que vous pouvez obtenir gratuitement ailleurs, il vous permet de poser la question directement au client, au bon moment, sur la page exacte où il a hésité, puis de lire ses réponses à côté de l'enregistrement de ce qu'il a fait. C'est cette combinaison qui justifie un outil payant, et c'est sous cet angle que ce guide l'aborde.

Si vous avez seulement besoin de voir le comportement, cartes de clics, profondeur de défilement, clics de rage, clics sans effet, Microsoft Clarity le fait sans plafond de sessions et sans facture, et nous le couvrons de bout en bout dans Microsoft Clarity pour PrestaShop. Cet article répond à la question suivante : quand la couche de retours de Hotjar vaut-elle son prix, et comment l'intégrer dans une boutique PrestaShop pour que les données soient réellement fiables ?

Ce que Hotjar ajoute par rapport aux outils gratuits de cartes de chaleur

Réduit à l'essentiel, Hotjar repose sur les deux mêmes piliers d'observation que les autres outils, des cartes de chaleur qui agrègent les clics et la profondeur de défilement des visiteurs, et des enregistrements de session qui rejouent un parcours individuel. C'est la base, et un outil gratuit peut faire jeu égal sur cette partie purement observationnelle. Hotjar justifie son prix avec trois capacités qui viennent s'ajouter par-dessus :

• Enquêtes sur site et widgets de retour. Un sondage déclenché sur la page produit, une question d'intention de sortie dans le panier, un onglet de retour coulissant épinglé au paiement. C'est la couche qualitative. Le client vous donne le "pourquoi" avec ses propres mots, au lieu de vous laisser l'inférer d'un trajet de curseur.
• Entonnoirs de conversion avec enregistrements d'abandon. Définissez les étapes accueil → catégorie → produit → panier → paiement → confirmation de commande, et Hotjar vous montre le pourcentage perdu à chaque étape, avec un accès en un clic aux enregistrements des sessions qui ont abandonné uniquement à cette étape.
• Segmentation et filtrage. Découpez les enregistrements par appareil, source de trafic, présence d'un clic de rage, ou passage par l'URL de confirmation de commande, vous regardez ainsi les 25 sessions qui comptent, pas 2 000 qui n'apportent rien.

Et alors ? Sur une boutique PrestaShop, le gain concret est très précis : l'entonnoir vous indique l'étape de paiement qui fuit, les enregistrements filtrés vous montrent le langage corporel des personnes qui ont quitté le parcours, et l'enquête sur cette page vous donne la phrase qui l'explique. Une fuite, trois angles, un seul outil, c'est le flux de travail qu'une carte de chaleur gratuite ne peut pas assembler seule.

Les pages PrestaShop où la couche d'enquête rapporte vraiment

Les conseils génériques du type "ajoutez une enquête" ne servent à rien. La valeur vient de la bonne question posée sur le bon contrôleur PrestaShop. Voici où la couche de retours mérite sa place sur une boutique typique, avec la page exacte correspondante :

L'enquête sur la confirmation de commande est celle que la plupart des commerçants ignorent, alors que c'est celle qui rapporte le plus, car elle capture les frictions signalées par des acheteurs qui sont allés jusqu'au bout malgré tout. Ce sont les gains les plus faciles à obtenir : l'objection a été surmontée une fois, donc la supprimer convertira le prochain client qui n'aurait pas eu autant de patience.

Installer Hotjar sur PrestaShop sans casser le consentement

Hotjar est un simple extrait JavaScript, donc la vraie question d'installation est une question d'emplacement, et sur PrestaShop, un mauvais emplacement fait la différence entre des données propres et un problème RGPD. Trois options, dans l'ordre où nous les recommandons :

• Via Google Tag Manager (recommandé). Si vous utilisez déjà GTM, ajoutez Hotjar comme balise HTML personnalisée et conditionnez son déclenchement à un consentement. Cela garde l'extrait complètement hors des fichiers de votre thème, il survit donc aux mises à jour du thème, et cela vous permet de déclencher la balise uniquement après l'acceptation des cookies d'analyse par le visiteur. La configuration du conteneur lui-même est couverte dans Google Tag Manager pour PrestaShop.
• Un module d'injection d'en-tête / de code personnalisé. Si vous n'utilisez pas GTM, un module qui injecte du code dans le hook displayHeader (le hook que PrestaShop déclenche dans le <head> de la page) garde l'extrait hors de votre head.tpl et à l'abri au moment des mises à jour. Vérifiez que le module vous permet de différer le script jusqu'après le consentement.
• Modifier directement le head.tpl du thème. C'est possible, mais c'est l'option que nous éviterions : l'extrait disparaîtra la prochaine fois que vous changerez ou mettrez à jour le thème enfant, et vous devrez gérer manuellement la barrière de consentement. À réserver au dernier recours.

Quelle que soit l'option choisie, deux règles propres à PrestaShop ne sont pas négociables. D'abord, ne déclenchez pas Hotjar avant que le visiteur ait consenti aux cookies d'analyse, classez-le dans la catégorie d'analyse de votre bandeau cookies et chargez-le au consentement, pas au chargement de la page. Ensuite, vérifiez le masquage des champs sur votre propre paiement. Hotjar masque les champs texte par défaut, mais les paiements personnalisés ou en une page peuvent afficher les champs d'une manière que les règles par défaut ne couvrent pas, et un enregistrement de session ne doit jamais capturer un e-mail, une adresse ou quoi que ce soit qui ressemble à des données de carte. Regardez quelques-uns de vos propres enregistrements de bout en bout avant de faire confiance au masquage.

Si vous chargez Hotjar via un module de code personnalisé plutôt que GTM, la forme pratique de "déclencher uniquement après consentement" consiste à garder le chargeur Hotjar dans une fonction et à l'appeler sur le signal de consentement plutôt qu'au chargement de la page :

<script>
function loadHotjar() {
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:YOUR_SITE_ID,hjsv:6};
    a=o.getElementsByTagName('head')[0];
    r=o.createElement('script');r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
}
// Only load once your cookie banner reports analytics consent.
if (window.localStorage.getItem('analytics_consent') === 'granted') {
  loadHotjar();
}
document.addEventListener('cmp:analytics-accepted', loadHotjar);
</script>

Remplacez YOUR_SITE_ID par votre ID de site Hotjar, et remplacez la vérification du consentement ainsi que le nom de l'événement par ce que votre module de cookies PrestaShop expose réellement, les noms de drapeaux et d'événements varient selon les modules de consentement, donc lisez le vôtre au lieu de faire confiance aux valeurs de substitution.

Hotjar ou Clarity gratuit ? Comparaison directe

C'est la vraie décision, alors la voici sans détour. Les deux outils se recoupent sur l'observation et divergent sur tout ce qui justifie un coût.

La recommandation honnête pour la plupart des commerçants PrestaShop : commencez avec Clarity pour la couche d'observation, c'est gratuit et il n'y a aucune raison de s'en priver, puis ajoutez Hotjar précisément lorsque vous devez poser des questions aux clients, pas seulement les regarder. Les paliers tarifaires évoluent, donc considérez tout montant mensuel ici comme indicatif et vérifiez les offres Hotjar actuelles avant d'acheter ; la différence structurelle (Clarity = observation gratuite, Hotjar = observation payante plus couche de retours) est celle qui reste stable. Beaucoup de boutiques sérieuses utilisent les deux : Clarity activé en permanence pour le volume, Hotjar activé pour un diagnostic ciblé lorsqu'une étape de l'entonnoir commence à fuir.

Utiliser les entonnoirs Hotjar pour trouver la fuite, puis la corriger

L'entonnoir est l'endroit où Hotjar transforme un vague "le paiement convertit mal" en coordonnée précise. Construisez l'entonnoir à partir de vos URL PrestaShop, liste de catégorie, produit, panier (?controller=cart), page de commande (?controller=order) et page de confirmation de commande comme étape de réussite. Hotjar indique ensuite la perte à chaque transition et vous permet d'ouvrir les enregistrements des sessions qui ont quitté le parcours uniquement à l'étape qui vous intéresse.

Le schéma que nous observons le plus souvent sur PrestaShop : la chute la plus forte n'est pas sur le formulaire de paiement, mais à la transition entre le panier et le paiement, et les enregistrements filtrés plus l'enquête panier convergent vers le même coupable, un champ de code promo vide et très visible qui envoie les clients sur Google chercher un code, d'où une partie d'entre eux ne revient tout simplement pas. Le correctif coûte peu (le cacher derrière un lien "Vous avez un code ?"), mais vous ne savez qu'il faut le faire que parce que trois vues Hotjar pointaient vers le même endroit. C'est la boucle : l'entonnoir trouve l'étape, les enregistrements filtrés montrent le comportement, l'enquête fournit la raison, vous livrez une modification ciblée.

Où Hotjar s'arrête et où les autres outils commencent

Les outils comportementaux servent au diagnostic, pas à la mesure, gardez des frontières nettes pour ne pas vous retrouver avec trois outils qui font mal le même travail :

• Pour les chiffres qui quantifient la fuite, taux de conversion, abandon au paiement, entonnoir comme métrique dans le temps, Hotjar vous donne une vue échantillonnée, tandis que GA4 est la source pour le trafic comportemental et les métriques d'entonnoir ; pour les commandes réelles et le chiffre d'affaires, les données de commandes de votre back-office PrestaShop restent la source de vérité. Voir les métriques GA4 qui comptent vraiment, et si GA4 n'est pas encore installé, le guide complet de configuration GA4.
• Pour décider quelles métriques méritent vraiment votre attention, afin d'enquêter sur de vraies fuites, pas sur des chiffres de vanité, commencez par ce qu'il faut suivre et ce qu'il faut ignorer.
• Pour une analyse web axée sur la confidentialité lorsque la capture de sessions par un tiers pose question, pesez les compromis dans Matomo vs Google Analytics.
• Pour la vision financière derrière le comportement, marge, remboursements, chiffre d'affaires réel par canal plutôt que nombre de sessions, ce sont des rapports, pas des cartes de chaleur. Financial Revolution est conçu pour cette partie de la boutique.

Une raison de plus de vérifier votre masquage et de contrôler qui se trouve réellement dans vos enregistrements : une part significative des "sessions" sur une boutique moderne n'est pas humaine. Les acheteurs automatisés et les robots d'exploration parcourent désormais les paniers PrestaShop, et ils pollueront vos entonnoirs Hotjar si vous ne les filtrez pas. Nous avons documenté le phénomène dans Google Storebot fait ses achats dans votre boutique. Segmentez le trafic réel avant de tirer des conclusions, sinon vous risquez de repenser une page pour un bot.

La discipline qui rend Hotjar rentable

Le mode d'échec de Hotjar est le même que celui de tous les outils comportementaux : des heures à regarder des enregistrements qui ne changent rien. Le payer n'a de sens que s'il provoque des modifications, alors utilisez-le selon une routine plutôt que par grandes sessions compulsives. Regardez chaque semaine un petit lot d'enregistrements de paiement filtrés ; lisez les réponses ouvertes aux enquêtes à côté ; révisez l'entonnoir chaque mois pour repérer une étape qui commence à décrocher ; et après chaque modification de mise en page ou de paiement, regardez les enregistrements de la nouvelle version pour confirmer que le correctif a fait ce que vous vouliez au lieu de déplacer la friction ailleurs.

Le gain est concret. L'observation gratuite vous dit qu'une page perd des visiteurs ; c'est le rôle de Clarity, et il le remplit sans frais. Hotjar mérite sa ligne budgétaire lorsque vous avez besoin des mots du client associés à cette perte. La réponse d'enquête qui transforme "ils ont abandonné le panier" en "les frais de livraison les ont surpris", c'est-à-dire une phrase sur laquelle vous pouvez réellement agir. Gardez la couche gratuite active en permanence, activez la couche payante lorsque vous avez une fuite précise à interroger, et conservez les deux missions, mesurer et comprendre, dans les outils conçus pour chacune.

Questions fréquentes

Hotjar vaut-il la peine d'être payé si j'utilise déjà Clarity ?

Seulement lorsque vous devez poser des questions aux clients, pas simplement les observer. Clarity couvre gratuitement les cartes de chaleur, les enregistrements et les signaux de frustration, sans plafond de sessions ; pour une observation pure, il est donc difficile de justifier la facture Hotjar. Hotjar mérite sa ligne budgétaire lorsqu'une étape de l'entonnoir fuit et que vous voulez y associer les mots du client, l'enquête sur la page et le sondage d'intention de sortie qui transforment "ils ont abandonné le panier" en "les frais de livraison les ont surpris". Gardez Clarity actif en permanence ; activez Hotjar pour un diagnostic ciblé.

Que couvre réellement l'offre gratuite de Hotjar pour une boutique PrestaShop ?

Elle existe, mais elle est limitée à un petit nombre de sessions quotidiennes, suffisant pour une boutique à faible trafic ou une courte phase de diagnostic, limitant pour tout site fréquenté. Si vous voulez une observation continue sur tout votre trafic sans payer, c'est le rôle de Clarity, pas celui de l'offre gratuite de Hotjar. Utilisez l'offre gratuite de Hotjar pour tester la couche d'enquêtes, puis décidez si le volume payant vaut le coût pour le trafic de votre boutique.

Hotjar va-t-il capturer les données personnelles de mes clients dans les enregistrements ?

Il masque les champs texte par défaut, mais "par défaut" ne veut pas dire "vérifié". Les paiements PrestaShop personnalisés ou en une page peuvent rendre les champs dans un balisage que les règles par défaut ne détectent pas, donc un enregistrement pourrait capturer un e-mail ou une adresse si vous ne contrôlez rien. Regardez plusieurs de vos propres enregistrements de paiement et de pages compte de bout en bout avant de lui faire confiance, classez Hotjar dans la catégorie d'analyse de votre bandeau cookies, et ne le laissez jamais se déclencher avant le consentement.

Comment éviter que le trafic de bots entre dans mes entonnoirs Hotjar ?

Segmentez le trafic réel et humain avant de tirer la moindre conclusion. Une part significative des sessions de boutiques modernes est automatisée, robots d'exploration et bots d'achat qui parcourent les paniers sans se comporter comme des acheteurs, et elle déforme autant les taux d'abandon de l'entonnoir que les enregistrements. Filtrez-la d'abord ; sinon vous risquez de repenser une page autour d'un comportement qu'aucun client n'a jamais eu. Nous couvrons ce phénomène dans Google Storebot fait ses achats dans votre boutique.

Hotjar peut-il me donner mon taux de conversion ou mon chiffre d'affaires ?

Non, et il n'est pas conçu pour cela. L'entonnoir Hotjar est une vue de diagnostic, souvent échantillonnée, qui vous montre où les sessions abandonnent. Pour la tendance réelle du taux de conversion et les chiffres de trafic comportemental, GA4 est la source ; pour les commandes et le chiffre d'affaires réels, votre back-office PrestaShop est la source de vérité. Gardez la mesure et la compréhension dans des outils séparés, sinon vous finirez par faire confiance à un chiffre échantillonné pour une décision qui exige une donnée exacte.