Hotjar para PrestaShop: mapas de calor y grabaciones de sesiones que revelan problemas

Última revisión: junio de 2026 – Hotjar sigue combinando mapas de calor y grabaciones con su capa de encuestas/comentarios, y las comprobaciones de consentimiento y enmascaramiento que aparecen abajo reflejan las prácticas actuales del RGPD. Trata cualquier cifra de precio como orientativa y confirma los planes vigentes de Hotjar.

Los mapas de calor y las grabaciones de sesiones te dicen dónde se quedó bloqueado un cliente – el cursor que permaneció nueve segundos sobre la lista de transportistas, el formulario de pago abandonado en el campo del teléfono. Lo que no pueden decirte es la frase que pasaba por la cabeza de esa persona: "No pude encontrar la fecha de entrega" o "Me fui a comprobar si este código funcionaba en otra parte". La razón de ser de Hotjar en una tienda PrestaShop es que cierra esa última brecha. Además de los mapas de calor y las grabaciones que puedes obtener gratis en otros sitios, te permite preguntar directamente al cliente, en el momento, en la página exacta donde dudó – y después leer las respuestas junto a la grabación de lo que hizo. Esa combinación es lo que justifica una herramienta de pago, y es el enfoque que utiliza esta guía.

Si solo necesitas ver el comportamiento – mapas de clics, profundidad de desplazamiento, clics de frustración, clics sin respuesta – Microsoft Clarity lo hace sin límite de sesiones y sin factura, y lo cubrimos de principio a fin en Microsoft Clarity para PrestaShop. Esta entrada responde a la siguiente pregunta: ¿cuándo merece la pena pagar por la capa de comentarios de Hotjar y cómo la conectas a una tienda PrestaShop para que los datos sean realmente fiables?

Qué aporta Hotjar que no ofrecen las herramientas gratuitas de mapas de calor

Reduce Hotjar a lo esencial y tiene los mismos dos pilares de observación que todos los demás: mapas de calor que agregan clics y profundidad de desplazamiento entre visitantes, y grabaciones de sesiones que reproducen un recorrido individual. Eso es lo mínimo esperable, y en la parte puramente observacional una herramienta gratuita puede igualarlo. Hotjar se gana su precio con tres capacidades que se apoyan sobre esa base:

• Encuestas en el sitio y widgets de comentarios. Una encuesta que se activa en la página de producto, una pregunta con intención de salida en el carrito, una pestaña deslizante de comentarios fijada al proceso de pago. Esta es la capa cualitativa: el cliente te cuenta el "porqué" con sus propias palabras en lugar de que tú lo infieras a partir del recorrido del cursor.
• Embudos de conversión con grabaciones de abandonos. Define los pasos inicio → categoría → producto → carrito → proceso de pago → confirmación del pedido, y Hotjar te muestra el porcentaje perdido en cada uno, con un clic para ver grabaciones de solo las sesiones que abandonaron en ese paso.
• Segmentación y filtrado. Filtra grabaciones por dispositivo, fuente de tráfico, si se produjo un clic de frustración o si la sesión llegó a la URL de confirmación del pedido, para ver las 25 sesiones que importan, no 2.000 que no aportan nada.

¿Y eso en qué se traduce? En una tienda PrestaShop, el beneficio práctico es concreto: el embudo te indica el paso del proceso de pago por el que se pierden clientes, las grabaciones filtradas te muestran el lenguaje corporal de quienes se marcharon y la encuesta en esa página te revela la frase que había detrás. Una fuga, tres ángulos, la misma herramienta: ese es el flujo de trabajo que un mapa de calor gratuito no puede montar por sí solo.

Las páginas de PrestaShop donde la capa de encuestas compensa

El consejo genérico de "añade una encuesta" no sirve de mucho. El valor aparece cuando colocas la pregunta adecuada en el controlador de PrestaShop adecuado. Aquí tienes dónde se gana el sueldo la capa de comentarios en una tienda típica, vinculada a la página real:

La encuesta de confirmación del pedido es la que más comerciantes omiten y la que más compensa, porque captura fricciones reportadas por compradores que aun así siguieron adelante. Son las victorias más fáciles: la objeción fue superable una vez, así que eliminarla convierte al siguiente cliente que no habría tenido tanta paciencia.

Instalar Hotjar en PrestaShop sin romper el consentimiento

Hotjar es un único fragmento de JavaScript, así que la cuestión de instalación es en realidad una cuestión de ubicación; y en PrestaShop, una ubicación incorrecta marca la diferencia entre datos limpios y un problema de RGPD. Tres rutas, en el orden en que las recomendaríamos:

• A través de Google Tag Manager (recomendado). Si ya usas GTM, añade Hotjar como etiqueta HTML personalizada y bloquéala hasta que exista una señal de consentimiento. Así mantienes el fragmento completamente fuera de los archivos de tu tema, por lo que sobrevive a las actualizaciones del tema, y puedes activar la etiqueta solo después de que el visitante acepte las cookies de analítica. La configuración del contenedor en sí se cubre en Google Tag Manager para PrestaShop.
• Un módulo de inserción en cabecera / código personalizado. Si no usas GTM, un módulo que inserte código en el hook displayHeader (el hook que PrestaShop ejecuta dentro del <head> de la página) mantiene el fragmento fuera de tu head.tpl y lejos de problemas al actualizar. Asegúrate de que el módulo te permita aplazar el script hasta después del consentimiento.
• Editar directamente el head.tpl del tema. Es posible, pero es la ruta que evitaríamos: el fragmento desaparecerá la próxima vez que cambies o actualices el tema hijo, y tendrás que gestionar a mano la barrera de consentimiento. Úsala solo como último recurso.

Elijas la ruta que elijas, hay dos reglas específicas de PrestaShop que no son negociables. Primero, no actives Hotjar antes de que el visitante acepte las cookies de analítica: inclúyelo en la categoría de analítica de tu banner de cookies y cárgalo con el consentimiento, no al cargar la página. Segundo, verifica el enmascaramiento de campos en tu propio proceso de pago. Hotjar enmascara los campos de texto por defecto, pero los procesos de pago personalizados o de una sola página pueden representar campos de formas que las reglas predeterminadas no detectan, y una grabación de sesión nunca debe capturar un correo electrónico, una dirección ni nada que se parezca a datos de tarjeta. Mira algunas de tus propias grabaciones de principio a fin antes de confiar en el enmascaramiento.

Si cargas Hotjar mediante un módulo de código personalizado en lugar de GTM, la forma práctica de "activar solo después del consentimiento" es mantener el cargador de Hotjar dentro de una función y llamarla con la señal de consentimiento en vez de hacerlo al cargar la página:

<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>

Sustituye YOUR_SITE_ID por tu ID de sitio de Hotjar, y reemplaza la comprobación de consentimiento y el nombre del evento por lo que exponga realmente tu módulo de cookies de PrestaShop: las banderas y los nombres de eventos varían entre módulos de consentimiento, así que lee la documentación del tuyo en lugar de fiarte de los marcadores de posición.

¿Hotjar o Clarity gratis? Una comparación directa

Esta es la decisión real, así que aquí va sin rodeos. Las dos herramientas se solapan en observación y se separan en todo lo que cuesta dinero.

La recomendación honesta para la mayoría de comerciantes de PrestaShop: empieza con Clarity para la capa observacional – es gratis y no hay motivo para no tenerlo activo – y añade Hotjar específicamente cuando necesites hacer preguntas a los clientes, no solo observarlos. Los niveles de precio cambian, así que trata cualquier cifra mensual mencionada aquí como orientativa y confirma los planes actuales de Hotjar antes de comprar; la diferencia estructural (Clarity = observación gratuita, Hotjar = observación de pago más capa de comentarios) es lo estable. Muchas tiendas serias usan ambos: Clarity siempre activo para volumen, Hotjar activado para un diagnóstico específico cuando un paso del embudo empieza a perder clientes.

Usar los embudos de Hotjar para encontrar la fuga y corregirla

El embudo es donde Hotjar convierte un vago "el proceso de pago convierte mal" en una coordenada. Construye el embudo a partir de tus URL de PrestaShop: listado de categoría, producto, carrito (?controller=cart), la página de pedido (?controller=order) y la página de confirmación del pedido como paso de éxito. Hotjar informa entonces de la caída en cada transición y te permite abrir grabaciones de solo las sesiones que se perdieron en el paso que te interesa.

El patrón que vemos con más frecuencia en PrestaShop: la caída fuerte no está en el formulario de pago, sino en la transición del carrito al proceso de pago, y las grabaciones filtradas más la encuesta del carrito apuntan al mismo culpable: un campo de cupón visible y vacío que manda a los clientes a Google a buscar un código, donde una parte de ellos simplemente no vuelve. La corrección es barata (ocultarlo detrás de un enlace "¿Tienes un código?"), pero solo sabes que debes hacerla porque tres vistas de Hotjar señalaron el mismo punto. Ese es el ciclo: el embudo encuentra el paso, las grabaciones filtradas muestran el comportamiento, la encuesta aporta la razón y tú publicas un cambio dirigido.

Dónde termina Hotjar y empiezan otras herramientas

Las herramientas de comportamiento son diagnósticas, no un sistema de medición. Mantén claros los límites para no acabar con tres herramientas haciendo mal un mismo trabajo:

• Para las cifras que cuantifican la fuga – tasa de conversión, abandono del proceso de pago, el embudo como métrica a lo largo del tiempo – Hotjar te da una vista muestreada, mientras que GA4 es la fuente para el tráfico conductual y las métricas de embudo; para pedidos e ingresos reales, los datos de pedidos del back office de PrestaShop siguen siendo la fuente de verdad. Consulta las métricas de GA4 que realmente importan y, si GA4 aún no está instalado, la guía completa de configuración de GA4.
• Para decidir qué métricas merecen atención – de modo que investigues fugas reales, no métricas de vanidad – empieza con qué medir y qué ignorar.
• Para analíticas centradas en la privacidad, cuando la captura de sesiones por terceros sea una preocupación, valora las compensaciones en Matomo vs Google Analytics.
• Para la foto financiera detrás del comportamiento – margen, reembolsos, ingresos reales por canal en lugar de recuentos de sesiones – eso es reporting, no mapas de calor. Financial Revolution está creado para esa parte de la tienda.

Un motivo más para verificar el enmascaramiento y comprobar quién aparece realmente en tus grabaciones: una parte significativa de las "sesiones" en una tienda moderna no es humana. Compradores automatizados y rastreadores ya se mueven por carritos de PrestaShop, y contaminarán tus embudos de Hotjar si no los filtras; documentamos el fenómeno en Google Storebot compra en tu tienda. Segmenta por tráfico real antes de sacar conclusiones, o rediseñarás una página para un bot.

La disciplina que hace que merezca la pena pagar

El modo de fallo de Hotjar es el mismo que el de cualquier herramienta de comportamiento: horas viendo grabaciones que no cambian nada. Pagar por ella solo tiene sentido si impulsa cambios, así que úsala con una rutina, no en atracones. Mira cada semana un lote pequeño de grabaciones filtradas del proceso de pago; lee junto a ellas las respuestas abiertas de las encuestas; revisa mensualmente el embudo para detectar un paso que haya empezado a resbalar; y después de cada cambio de diseño o de proceso de pago, mira grabaciones de la nueva versión para confirmar que la corrección hizo lo que pretendías en lugar de mover la fricción a otro sitio.

El retorno es concreto. La observación gratuita te dice que una página está perdiendo gente; ese es el trabajo de Clarity, y lo hace sin coste. Hotjar se gana su línea de presupuesto cuando necesitas las propias palabras del cliente asociadas a esa pérdida: la respuesta de encuesta que convierte "abandonaron el carrito" en "el coste de envío les sorprendió", que sí es una frase sobre la que puedes actuar. Mantén siempre activa la capa gratuita, activa la capa de pago cuando tengas una fuga concreta que interrogar y conserva separadas las dos tareas – medir y entender – en las herramientas creadas para cada una.

Preguntas frecuentes

¿Merece la pena pagar por Hotjar si ya uso Clarity?

Solo cuando necesitas hacer preguntas a los clientes, no simplemente observarlos. Clarity cubre mapas de calor, grabaciones y señales de frustración gratis y sin límite de sesiones, así que para observación pura cuesta justificar la factura de Hotjar. Hotjar se gana esa línea de presupuesto cuando un paso del embudo pierde clientes y quieres adjuntar a esa fuga las propias palabras del cliente: la encuesta en página y la pregunta con intención de salida que convierten "abandonaron el carrito" en "el coste de envío les sorprendió". Mantén Clarity siempre activo; enciende Hotjar para un diagnóstico específico.

¿Qué cubre realmente el plan gratuito de Hotjar para una tienda PrestaShop?

Existe, pero está limitado a un número pequeño de sesiones diarias: suficiente para una tienda con poco tráfico o una ráfaga corta de diagnóstico, restrictivo para cualquier tienda con movimiento. Si quieres observación siempre activa sobre todo tu tráfico sin pagar, ese es el trabajo de Clarity, no del plan gratuito de Hotjar. Usa el plan gratuito de Hotjar para probar la capa de encuestas y luego decide si el volumen de pago compensa para el tráfico de tu tienda.

¿Capturará Hotjar los datos personales de mis clientes en las grabaciones?

Enmascara los campos de texto por defecto, pero "por defecto" no significa "verificado". Los procesos de pago personalizados y de una sola página en PrestaShop pueden representar campos en un marcado que las reglas predeterminadas no detectan, así que una grabación podría capturar un correo electrónico o una dirección si no lo compruebas. Mira de principio a fin varias grabaciones propias del proceso de pago y de páginas de cuenta antes de confiar en ello, incluye Hotjar en la categoría de analítica de tu banner de cookies y nunca permitas que se active antes del consentimiento.

¿Cómo mantengo el tráfico de bots fuera de mis embudos de Hotjar?

Segmenta por tráfico real y humano antes de sacar cualquier conclusión. Una parte significativa de las sesiones de tiendas modernas está automatizada: rastreadores y bots de compra que se mueven por carritos sin comportarse como compradores, y distorsionan tanto las tasas de abandono del embudo como las grabaciones. Fíltralos primero; de lo contrario, corres el riesgo de rediseñar una página en torno a un comportamiento que ningún cliente mostró jamás. Cubrimos el fenómeno en Google Storebot compra en tu tienda.

¿Puede Hotjar decirme mi tasa de conversión o mis ingresos?

No, y no está diseñado para eso. El embudo de Hotjar es una vista diagnóstica, a menudo muestreada, que te muestra dónde abandonan las sesiones. Para la tendencia real de tasa de conversión y las cifras de tráfico conductual, la fuente es GA4; para pedidos e ingresos reales, la fuente de verdad es tu back office de PrestaShop. Mantén la medición y la comprensión en herramientas separadas, o acabarás confiando en una cifra muestreada para una decisión que necesita una cifra exacta.