Hotjar, Clarity, Mouseflow o WP UX Heatmap: ¿cuál elegir?
Para un sitio WordPress pequeño con menos de cincuenta mil visitantes al mes, WP UX Heatmap es la opción lógica: totalmente local, sin cookies y sin cuota mensual. Hotjar encaja con equipos de marketing que quieren combinar mapas de calor con grabaciones y encuestas, mientras que Mouseflow y Microsoft Clarity encajan mejor con grandes organizaciones con mucho tráfico. Con tres ejemplos prácticos ves aquí abajo exactamente cuándo tiene sentido cada herramienta.
Cuándo elegir qué herramienta
En lugar de solo comparar funciones una junto a otra, es mejor mirar tu propia situación. Tres escenarios concretos, con la herramienta más lógica para cada uno.
Tienda online pequeña o proveedor de servicios local
Por ejemplo, tienes una clínica de fisioterapia, una peluquería o una tienda de muebles con un sitio WordPress y menos de cincuenta mil visitantes al mes. Quieres saber si la gente realmente ve tu botón de llamada, tu formulario de contacto y tus servicios principales. En esta situación, WP UX Heatmap es la opción más tranquila y rápida. Tienes visión inmediata del comportamiento de clic y la profundidad de scroll sin cookies, sin scripts externos y sin coste adicional al mes.
Equipo de marketing con varios funnels
Llevas campañas activas, pruebas variantes de páginas de aterrizaje y además quieres combinar widgets de feedback, encuestas y grabaciones con mapas de calor y funnels. En este escenario Hotjar resulta práctico, porque tienes todo en una sola suite. Para los equipos, un entorno centralizado es más fácil de gestionar, siempre que aceptes el coste mensual.
Organización basada en datos con mucho tráfico
Piensa en un sitio corporativo o un gran entorno de contenido con millones de páginas vistas, donde varios interesados observan a la vez el comportamiento, las campañas y la UX. Entonces enseguida llegas a Mouseflow o Microsoft Clarity. Clarity es interesante si tu presupuesto inicial es pequeño, Mouseflow si quieres profundizar en el funnel y los segmentos.
Tres ejemplos prácticos con mapas de calor y mapas de scroll
Todas las herramientas muestran los clics y el comportamiento de scroll. La diferencia está sobre todo en qué haces después con eso. Estas tres situaciones las vemos con regularidad en nuestros clientes.
Ejemplo 1: página de aterrizaje con demasiadas distracciones
Llevas anuncios a una página con un hero grande, tres botones, un vídeo y un formulario. El mapa de calor muestra que el ochenta por ciento de los clics cae en un enlace secundario de la cabecera, no en el botón de solicitar presupuesto. La solución: elimina el botón adicional, mueve la llamada a la acción principal por encima del pliegue y coloca un botón adicional debajo del primer párrafo. Después de una semana vuelves a mirar el mapa de calor y ves que los clics ahora sí se concentran alrededor de la llamada a la acción correcta.
Ejemplo 2: página de servicios a la que nadie llega hasta el final
El mapa de scroll muestra que solo el veinte por ciento de los visitantes llega a los precios o paquetes al final de la página. La mayoría de las sesiones terminan alrededor de los primeros bloques largos de texto. La solución: da la vuelta a la página. Primero prueba social y paquetes, y solo después la explicación extensa. El nuevo mapa de scroll muestra mucha más profundidad, hasta la llamada a la acción del final.
Ejemplo 3: artículo de blog que se lee mucho pero vende poco
Tienes un artículo que atrae mucho tráfico. El mapa de calor muestra que los lectores hacen clic sobre todo en un enlace interno a mitad del texto y casi nada en el banner del final. La solución: convierte ese enlace interno en una llamada a la acción discreta dentro del texto, añade una segunda justo encima de la sección con más atención y vuelve a medir. Con WP UX Heatmap ves esto directamente en WordPress, sin paneles adicionales.
Por qué WP UX Heatmap es una categoría distinta
Mientras que Hotjar y Clarity son sobre todo plataformas de analítica, WP UX Heatmap es una lente UX sobre tu sitio ya existente. Todo funciona dentro de WordPress, y eso marca una gran diferencia en privacidad, velocidad y propiedad de los datos. Las características más importantes:
- Totalmente dentro de WordPress, sin un nuevo panel que aprender
- Sin cookies y sin scripts de terceros
- Ligero y diseñado para el rendimiento
- Adecuado para organizaciones europeas
- Comportamiento de clic y scroll en un solo resumen
- Funciona junto a tu analítica existente
Puedes usar WP UX Heatmap tranquilamente junto a Hotjar o Clarity si quieres comparar
Para muchos sitios de pymes, el plugin por sí solo ya es suficiente para tomar las decisiones de UX más importantes, sin tener que sumergirte constantemente en paneles externos. El plugin es gratuito y de código abierto bajo GPLv2: lo consigues en la página del plugin de mapas de calor y de scroll, donde también están los requisitos y los pasos de instalación. Si quieres saber primero cómo se generan exactamente esos mapas y qué se registra por cada clic, eso está en la explicación del plugin.
Puntuación rápida por herramienta
Tres puntos que más importan en la práctica: privacidad, curva de aprendizaje y coste.
Privacidad y propiedad de los datos
- Hotjar: bien, pero externo
- Clarity: los datos están en Microsoft
- WP UX Heatmap: totalmente local
Complejidad y curva de aprendizaje
- Hotjar: extenso y recargado
- Clarity: bastante sencillo
- WP UX Heatmap: directamente en tu listado de páginas
Coste con tráfico creciente
- Hotjar: sube según el plan
- Clarity: gratis, pero con compartir datos
- WP UX Heatmap: sin coste mensual adicional
| Qué comparas | Hotjar | Clarity | WP UX Heatmap |
|---|---|---|---|
| Dónde están tus datos | en un proveedor externo | en Microsoft | en tu propio WordPress |
| Cookies y scripts de terceros | sí | sí | no |
| Curva de aprendizaje | extensa y recargada | bastante sencilla | en tu listado de páginas |
| Coste con tráfico creciente | sube según el plan | gratis, con compartir datos | sin coste mensual adicional |
| Grabaciones y encuestas | sí, extenso | sí | no, deliberadamente |
| Para qué está hecho | plataforma de analítica | plataforma de analítica | una lente sobre tu propio sitio |
Lo que un mapa de calor no te dice
Un mapa de calor crea adicción con solo mirarlo, y por eso también es peligroso. Ves manchas cálidas, sientes que entiendes algo, y antes de darte cuenta rediseñas una página basándote en una imagen que dice algo distinto de lo que piensas. Cinco cosas que ninguna de estas cuatro herramientas resuelve por ti.
El porqué no está ahí.
Ves que se hace mucho clic en una palabra en medio de tu texto. Si eso es porque la gente piensa que es un enlace, o porque selecciona el texto para leerlo, no lo sabes. Un mapa así te da la pregunta, no la respuesta. Para la respuesta necesitas que alguien use la pantalla mientras tú observas, y eso cuesta media hora y dos personas.
Los clics muertos se ven exactamente igual que los buenos clics.
Una mancha intensa sobre una imagen que no es un enlace no es un éxito sino un fallo: la gente espera algo ahí. Esa diferencia la tienes que hacer tú, no la herramienta.
Mezclar móvil y escritorio es una media de dos sitios distintos.
En móvil tu barra lateral está abajo y tu menú está plegado. Quien mira esos dos juntos en un solo mapa, mira una página que no existe. Separa siempre, con cualquier herramienta.
Una página con dos tipos de visita también es una media.
Si la mitad de tu tráfico llega por un anuncio y la mitad por Google, esos dos grupos se comportan de forma distinta. El mapa promedio entonces no es de nadie.
Y lo más importante: un mapa de calor mide atención, no ventas.
Un botón en el que se hace clic más a menudo no te da automáticamente más clientes. Si cambias algo, mira además del mapa también qué pasó después: solicitudes, llamadas, pedidos. De lo contrario, optimizas tu página para más clics y menos negocio.
Cuánto tiempo hay que medir antes de sacar conclusiones
Aquí es donde casi todo el mundo se equivoca, y hacerlo bien no cuesta dinero. Ya al cabo de una hora un mapa así parece decir algo. No es así.
No cuentes visitantes, cuenta clics por elemento.
No existe un número mágico de visitantes a partir del cual un mapa sea fiable. Lo que cuenta es cuántas veces se ha hecho clic en aquello sobre lo que trata tu pregunta. Dos clics en un botón es una anécdota, aunque haya habido mil personas en la página.
Mide siempre semanas completas.
El martes se comporta de forma distinta al domingo, y en los servicios B2B esa diferencia es grande. Comparar una medición de miércoles a viernes con una medición de viernes a domingo da una diferencia que no tiene nada que ver con tu página.
Espera a que termine una campaña.
Si tus anuncios se encienden o apagan a mitad de la medición, lo que mides es ese interruptor, no tu página.
Cambia una sola cosa a la vez.
Si mueves el botón, reescribes el titular y quitas una foto, todo a la vez, después no sabrás cuál de los tres lo hizo. Con poco tráfico eso tarda más, y es molesto, pero es el precio justo de una conclusión.
Guarda una captura de pantalla de antes del cambio.
Suena innecesario, no lo es. Dentro de dos meses nadie recordará cómo era la página, y entonces te quedas discutiendo si ha mejorado o ha empeorado sin material de comparación. Una imagen y una línea en un documento con la fecha es suficiente.
Consentimiento y privacidad en estas cuatro
Este capítulo no es asesoría legal y nosotros no somos abogados. Lo que sí podemos hacer es enumerar las preguntas que debes hacerte a ti mismo, a tu abogado o a tu delegado de protección de datos antes de activar una herramienta de este tipo. En tres de las cuatro esas preguntas se repiten, y en una menos.
Pregunta uno: ¿se coloca o se lee algo en el dispositivo del visitante?
Esa es la pregunta sobre la que giran las normas de cookies, y no se trata solo de cookies sino de todo lo que se guarda en el navegador. Hotjar, Clarity y Mouseflow son scripts externos que se ejecutan en el navegador; por eso no asumas sin más que no se guarda nada. Busca para cada herramienta qué se coloca exactamente y ponlo en tu política de cookies NL.
Pregunta dos: ¿se tratan datos personales, y quién lo hace?
Las grabaciones de sesión son aquí lo más delicado. Quien guarda una grabación de una sesión puede llegar a ver lo que alguien escribe en un formulario. Por eso todas las herramientas serias ofrecen enmascaramiento de los campos de entrada, pero tienes que activarlo y comprobarlo. Pruébalo tú mismo: rellena tu propio formulario con un nombre inventado y comprueba después si ese nombre aparece en la grabación.
Pregunta tres: ¿dónde están los datos y con quién los compartes?
En Clarity, el precio de lo gratis es que tus datos están en Microsoft. No es una crítica, es un intercambio, y ese intercambio lo debes hacer consciente y por escrito. Para un encargado del tratamiento externo, además, necesitas acuerdos en papel; nuestro propio contrato de encargo de tratamiento NL muestra cómo es un documento así.
Pregunta cuatro: ¿cuánto tiempo lo conservas?
Los datos de comportamiento de hace tres años no ayudan a nadie y solo son ya un riesgo. Fija un plazo de conservación y respétalo.
Que WP UX Heatmap funcione en local y no coloque cookies elimina en gran parte la pregunta uno y la pregunta tres
Las preguntas dos y cuatro siguen en pie incluso entonces, porque los datos guardados en local siguen siendo datos. Cómo los gestionamos nosotros está en nuestra política de privacidad NL.
Compararlas tú mismo en cuatro semanas
Todas las comparaciones en internet, esta también, hablan de situaciones promedio. Tu sitio no lo es. Este es el esquema con el que llegas tú mismo a la respuesta en un mes, sin pagar nada por ello.
Semana 1: elige tres páginas y tres preguntas.
No todo tu sitio. Toma la página a la que van tus anuncios, tu página de servicios más importante y un artículo de blog que atraiga mucho tráfico. Escribe por página qué pregunta quieres responder, en una sola frase. Por ejemplo: ¿la gente ve el botón de solicitar presupuesto o pasa de largo? Sin esa frase, luego solo mirarás bonitas imágenes sin llegar a ninguna decisión.
Semana 2: activa dos herramientas a la vez.
El plugin ligero y una de las tres plataformas. Eso puede funcionar en paralelo, siempre que tu sitio siga siendo rápido. Comprueba de verdad esa velocidad, porque un script adicional siempre cuesta algo.
Semana 3: déjalo funcionar sin más y no mires.
En serio. Quien mira cada día ve ruido y sacará conclusiones demasiado pronto. Pon una cita en tu agenda para el final de la semana.
Semana 4: responde tus tres preguntas y cuenta tus clics.
No los clics de tus visitantes, sino los tuyos: qué panel has abierto realmente ese mes, y cuál respondió a la pregunta que habías escrito. En la práctica, la elección casi siempre se decide ahí. Una herramienta que no abres es la herramienta más cara que tienes, aunque sea gratis.
Una advertencia sobre este esquema: cíñete a las tres páginas
La tentación de medirlo todo es grande, y el resultado es que no cambias nada en ninguna parte.
Demasiado poco tráfico para un mapa de calor: ¿y entonces?
Buena parte de los lectores de este artículo no tiene cincuenta mil visitantes al mes sino unos pocos centenares. Para ese sitio, la conclusión honesta es que ninguna de estas cuatro herramientas da un mapa fiable en un plazo razonable. No es una razón para no hacer nada, sí para hacer otra cosa, y esa otra cosa además te cuesta menos.
Pregúntaselo a cinco personas.
Cinco pruebas de usuario en tu teléfono dan más resultado que esperar tres meses a tener suficientes clics. Pide a un cliente, a tu vecino y a alguien que no conozca tu sector que encuentre algo en tu sitio, y no digas nada mientras buscan. Donde duden, ahí está tu problema. Esto te cuesta una tarde y nada más.
Mira los formularios que ya tienes.
¿Cuántas solicitudes se han empezado y no se han terminado? Ese dato ya lo tienes muchas veces, y señala con más precisión que un mapa con cuarenta clics.
Escucha por teléfono.
Cada pregunta que se hace tres veces al mes es una parte de tu sitio que no está clara. Anótalas durante dos semanas y tendrás una mejor lista de mejoras que la que te dará cualquier mapa de calor.
Y activa el mapa de todos modos.
El plugin ligero no te cuesta nada y mientras tanto sí recopila datos. Dentro de medio año tendrás suficiente material para sacar algo en claro, mientras usas el tiempo hasta entonces para los tres puntos de arriba.
Preguntas frecuentes sobre mapas de calor y WP UX Heatmap
¿Tiene sentido usar varias herramientas a la vez?
Sí, siempre que tu sitio siga siendo rápido. Muchas organizaciones usan Hotjar o Clarity como solución de analítica central y activan además WP UX Heatmap en páginas de aterrizaje y páginas de servicios importantes. Así mantienes los análisis pesados fuera de tu sitio, pero ves en el propio WordPress qué está pasando.
¿Es suficiente WP UX Heatmap para una tienda online seria?
Para muchas tiendas online, WP UX Heatmap es suficiente para ver si los filtros, las tarjetas de producto, los botones y las acciones del carrito se usan bien. Si además quieres funnels, widgets de entrevista y encuestas, una herramienta adicional como Hotjar puede ser útil, pero no es estrictamente necesaria.
¿Cómo se relaciona WP UX Heatmap con las normas de privacidad en Europa?
Como todo se queda dentro de tu propio entorno WordPress y no hay datos que vayan a servidores externos, WP UX Heatmap se ajusta bien a las interpretaciones más estrictas de la normativa de privacidad. Mantienes el control sobre el almacenamiento, los plazos de conservación y la seguridad, sin contratos de encargo de tratamiento adicionales.
¿Por qué la interfaz parece una función nativa de WordPress?
WP UX Heatmap está diseñado deliberadamente como una capa fina sobre WordPress. No tienes que aprender un panel nuevo y ves el comportamiento de clic y scroll en el mismo lugar donde editas tus páginas y entradas.
De la información a más resultados
Un mapa de calor te dice qué hacen los visitantes, no cómo conseguir más de los visitantes adecuados. Si quieres que echemos un vistazo a tu visibilidad y tu conversión, mira nuestro enfoque para mejorar tu SEO. ¿Prefieres empezar tú mismo? En nuestra base de conocimiento NL encuentras más artículos prácticos como este.
Además, el comportamiento en tu sitio está cambiando rápido por la IA
Lee por ejemplo cómo los clientes buscan un profesional a través de ChatGPT y qué significa llms.txt para el futuro del SEO NL. Así no solo sabes qué hacen los visitantes en tu página, sino también cómo llegarán a ella dentro de poco.
La herramienta más barata es la que abres
Si reduces esta comparación a una sola línea: elige la herramienta cuyo panel sigues abriendo al cabo de un mes. Para un sitio WordPress con menos de cincuenta mil visitantes, esa suele ser el plugin que está sin más en tu listado de páginas, porque te lo encuentras mientras de todos modos ya estás trabajando. Si llevas campañas con varios funnels, una suite como Hotjar recupera su cuota mensual, siempre que alguien de tu equipo sea responsable de ella. Y no olvides que no tienes que elegir para siempre: el esquema de cuatro semanas de arriba te deja tomar la decisión con tus propios datos en lugar de con esta página.
¿Te quedas atascado en el tercer punto, es decir, en qué hacer con el resultado? Precisamente en eso estamos a diario. Envíanos tu página y la pregunta que habías escrito, y en una conversación breve miramos contigo el mapa y qué cambiaríamos nosotros y en qué orden. Te cuesta media hora y después no te comprometes a nada. ¿Prefieres escribir primero? Puedes hacerlo a sales@theseo.nl, o a través de la página de contacto.