Resumen · Actualizado en mayo de 2026

Las mejores herramientas de mapas de calor de Shopify en 2026: 5 velocidades probadas y comparadas

Every Shopify heatmap tool adds JavaScript to your storefront. We tested 5 popular options and measured the real speed impact — from Clarity's tiny 22KB script to Hotjar's 470KB payload. Here's the data.

1. Comparación del impacto de la velocidad

Antes de profundizar en las funciones y los precios, comencemos con lo que más importa para los comerciantes de Shopify: ¿cuánto ralentiza cada herramienta tu tienda? Probamos las cinco herramientas en una tienda Shopify estándar que ejecuta el tema Dawn con aplicaciones típicas instaladas.

Herramienta Tamaño de guión Impacto en el tiempo de carga Bloqueo del hilo principal Impacto de la velocidad de página
Claridad de Microsoft ~22KB +120ms +15ms −1 a −3 puntos
Huevo Loco ~85KB +280ms +65ms −2 a −5 puntos
Flujo de ratón ~180KB +410ms +110ms −3 a −8 puntos
Naranja de la suerte ~250KB +520ms +140ms −4 a −8 puntos
Hotjar ~470KB +829ms +230ms −5 a −15 puntos

Probado en el tema Shopify Dawn con 5 aplicaciones comunes. Aceleración de 4G móvil. Fuente: Proyecto web de terceros + pruebas internas.

Comparación visual del tamaño del guión

Claridad de Microsoft ~22KB
Huevo Loco ~85KB
Flujo de ratón ~180KB
Naranja de la suerte ~250KB
Hotjar ~470KB

La diferencia es dramática. El script de Microsoft Clarity es 21 veces más pequeño que el de Hotjar y añade 7 veces menos tiempo de carga. Para tiendas Shopify que ya ejecutan múltiples aplicaciones y scripts de terceros, elegir una herramienta de mapas de calor más ligera puede marcar la diferencia entre aprobar o reprobar Core Web Vitals. ¿No estás seguro de dónde se encuentra tu tienda? Realiza una prueba de velocidad gratuita de Shopify para ver cómo su herramienta de mapa de calor actual está afectando el rendimiento.

⚠️ Por qué la velocidad es importante para las herramientas de mapas de calor

La tienda Shopify promedio ya carga entre 15 y 25 scripts de aplicaciones. Agregar una herramienta de mapa de calor además puede llevar el peso total de la página más allá del punto de inflexión. Un aumento de 1 segundo en el tiempo de carga reduce las conversiones hasta en un 7% (estudio de Portent). Y desde marzo de 2024, Core Web Vitals afecta directamente su clasificación de búsqueda en Google. Elegir una herramienta más liviana no se trata solo de puntajes de velocidad, sino también de ingresos.

2. Microsoft Clarity n.º 1: la mejor herramienta gratuita de mapas de calor

Impacto de velocidad

+120ms

Más ligero

Precio

$0/mes

Gratis para siempre

Mejor para

Cada tienda

Punto de partida de riesgo cero

Claridad de Microsoft es el claro ganador para la mayoría de las tiendas Shopify. Es completamente gratis (sin límites de sesión, sin puertas de funciones, sin niveles premium) y su script de 22 KB es, con diferencia, la más liviana de todas las herramientas de mapas de calor importantes.

Lo que obtienes: Haga clic, desplácese y área de mapas de calor. Grabaciones de sesiones ilimitadas. Detección automática de clics de ira, clics muertos, desplazamiento excesivo y retrocesos rápidos. Un "copilot" impulsado por IA que muestra automáticamente información sobre UX. Integración de Google Analytics 4.

Lo que no obtienes: Encuestas, widgets de comentarios, entrevistas con usuarios, pruebas A/B o chat en vivo. Si necesita alguno de estos, necesitará una segunda herramienta, pero Clarity cubre el mapa de calor y los conceptos básicos de grabación mejor que la mayoría de las alternativas pagas.

Veredicto de velocidad: La claridad agrega tan pocos gastos generales que la mayoría de las tiendas Shopify no verán una diferencia mensurable en su puntuación de PageSpeed. Es la única herramienta de mapas de calor que recomendamos ejecutar sin una herramienta de aplazamiento de secuencias de comandos.

3. #2 Crazy Egg: Lo mejor para pruebas A/B + mapas de calor

Impacto de velocidad

+280ms

Luz

Precio

$24/mes

Prueba gratuita de 30 días

Mejor para

Equipos CRO

Mapas de calor + pruebas A/B

Crazy Egg es un veterano en el espacio de los mapas de calor (fundado en 2006 por Neil Patel y Hiten Shah). Su diferenciador clave: pruebas A/B integradas. You can go from spotting a problem in a heatmap to testing a fix — all within the same tool.

Lo que obtienes: Mapas de calor de clic, desplazamiento, movimiento y confeti (el confeti desglosa los clics por fuente de referencia, término de búsqueda y más). Grabaciones de sesiones. Pruebas A/B con editor visual. Análisis de tráfico con instantáneas. Funciona en dominios ilimitados.

Lo que no obtienes: Chat en vivo, encuestas, análisis de formularios o monitoreo de visitantes en tiempo real. La función de grabación de sesiones es más básica que la de Clarity o Hotjar.

Precios: Desde $24/mes (plan estándar: 75.000 páginas vistas rastreadas/mes). El plan Plus a $49/mes añade 150.000 páginas vistas y pruebas A/B. Pro a $99/mes incluye 500.000 páginas vistas. Enterprise a $249/mes para tiendas con mucho tráfico. Todos los planes incluyen dominios y miembros de equipo ilimitados.

Veredicto de velocidad: Con 85 KB, el script de Crazy Egg es liviano para una herramienta que incluye capacidades de prueba A/B. El impacto del tiempo de carga de 280 ms es manejable y se difiere fácilmente con Thunder para un impacto casi nulo.

4. #3 Lucky Orange: mejor para chat en vivo + mapas de calor

Impacto de velocidad

+520ms

Moderado

Precio

$39/mes

Plan gratuito disponible

Mejor para

Soporte + UX

Chat en vivo + monitoreo

Naranja de la suerte se destaca por una característica que ninguna otra herramienta de mapas de calor ofrece: chat en vivo integrado con navegación conjunta. Puede ver lo que hace un visitante en tiempo real e iniciar un chat con él, viendo su pantalla mientras ayuda. Para las tiendas Shopify que valoran la atención al cliente, esto cambia las reglas del juego.

Lo que obtienes: Haga clic, desplácese y mueva mapas de calor. Mapas de calor dinámicos superpuestos en su sitio en vivo. Grabaciones de sesiones. Chat en vivo con navegación conjunta. Panel de control en tiempo real. Embudos de conversión. Análisis de formularios. Encuestas básicas. Aplicación nativa de Shopify.

Lo que no obtienes: Pruebas A/B, entrevistas con usuarios o insights basados ​​en IA. La funcionalidad de la encuesta es básica en comparación con la de Hotjar.

Precios: Plan gratuito con 100 sesiones/mes. Plan de construcción a $39/mes (10.000 sesiones). Plan de crecimiento a $79/mes (40K sesiones). Amplíe el plan a $149/mes (100.000 sesiones). Todos los planes pagos incluyen todas las funciones.

Veredicto de velocidad: At 250KB, Lucky Orange is heavier than Clarity and Crazy Egg but lighter than Hotjar. The extra weight comes from the live chat and real-time monitoring features. If you'd otherwise pay separately for a chat tool, the consolidated script may actually be lighter total.

5. #4 Mouseflow: lo mejor para análisis de formularios

Impacto de velocidad

+410ms

Moderado

Precio

$39/mes

Plan gratuito disponible

Mejor para

Optimización de formularios

Análisis detallado de formularios

Mouseflow es una empresa de análisis danesa que ha estado en el espacio de los mapas de calor desde 2010. Su característica destacada es análisis integral de formularios : realiza un seguimiento de cada campo de sus formularios y muestra las tasas de abandono, el tiempo invertido y los patrones de recarga. Para las tiendas Shopify con flujos de pago complejos o formularios de generación de leads, esto es invaluable.

Lo que obtienes: Seis tipos de mapas de calor (clic, desplazamiento, movimiento, atención, geografía y un mapa de calor de "fricción" único). Grabaciones de sesiones con detección automática de fricción. Análisis de formularios detallados. Mapeo del recorrido del cliente. Encuestas de retroalimentación. Embudos de conversión.

Lo que no obtienes: Chat en vivo, pruebas A/B, monitoreo de visitantes en tiempo real o información de inteligencia artificial. La plataforma se centra profundamente en el análisis más que en las herramientas de acción.

Precios: Plan gratuito con 500 sesiones/mes y retención de datos durante 1 mes. Inicial a $39/mes (5K sesiones, retención de 3 meses). Crecimiento a $79/mes (25.000 sesiones, retención de 6 meses). Negocios a $159/mes (100.000 sesiones, retención de 12 meses). Los precios empresariales son personalizados.

Veredicto de velocidad: Con 180 KB, Mouseflow se encuentra en el medio del grupo. Su impacto en el tiempo de carga de 410 ms es notable, pero no tan pesado como el de Lucky Orange o Hotjar. La función de mapa de calor de fricción es única y vale la pena sacrificarla si la optimización del formulario es su prioridad.

6. #5 Hotjar: Lo mejor para encuestas y comentarios de usuarios

Impacto de velocidad

+829ms

Más pesado

Precio

$39/mes

Plan gratuito limitado

Mejor para

Investigación de VoC

Encuestas + comentarios

Hotjar es la herramienta de mapas de calor más conocida y por una buena razón: fue pionera en el paquete "mapas de calor + grabaciones + encuestas". Su mayor fortaleza hoy es su Voz del Cliente Kit de herramientas : encuestas, puntuación NPS, widgets de retroalimentación y reclutamiento de entrevistas de usuarios.

Lo que obtienes: Haga clic, desplácese y mueva mapas de calor. Grabaciones de sesiones. Encuestas in situ con lógica condicional. Widget de comentarios entrantes. Reclutamiento y programación de entrevistas de usuarios. Embudos de conversión. Análisis de encuestas impulsado por IA. Integración de Google Analytics 4.

Lo que no obtienes: Chat en vivo, pruebas A/B, análisis de formularios, monitoreo en tiempo real o una aplicación nativa de Shopify. Deberá agregar manualmente el script de seguimiento.

Precios: Plan gratuito con 35 sesiones diarias (muy limitado). Además por $39/mes (100 sesiones diarias). Negocios a $99/mes (500 sesiones diarias). Escala a $213+/mes (ilimitado). El precio por sesión de Hotjar la convierte en la opción más cara para las tiendas con mucho tráfico.

Veredicto de velocidad: Con 470 KB, Hotjar es la herramienta más pesada en esta comparación, casi 4 veces más pesado que Crazy Egg y 21 veces más pesado que Clarity. Si utiliza Hotjar, le recomendamos encarecidamente posponer su script con Thunder para minimizar el impacto de Core Web Vitals. Vea nuestro análisis detallado de velocidad de Hotjar para ver los datos completos.

7. Tabla de comparación de características

Característica Claridad Huevo Loco Naranja de la suerte Flujo de ratón Hotjar
Haga clic en Mapas de calor
Desplazarse por mapas de calor
Mover mapas de calor
Grabaciones de sesiones ✅ Ilimitado
Pruebas A/B
Chat en vivo
Encuestas ✅ Básico ✅ Avanzado
Análisis de formularios ✅ Avanzado
Perspectivas de IA ✅ Copiloto
Panel de control en tiempo real
Detección de fricción ✅ Avanzado
Aplicación Shopify ✅ Nativo
Integración GA4

8. Comparación de precios

Herramienta Plan gratuito Inicial pagado Nivel medio Empresa
Claridad de Microsoft Ilimitado: siempre gratis N/A N/A N/A
Huevo Loco Prueba de 30 días $24/mes (75K pvs) $49/mes (150K pvs) $249/mes (1 millón de puntos)
Naranja de la suerte 100 sesiones/mes $39/mes (10K sesiones) $79/mes (40K sesiones) $149/mes (100K sesiones)
Flujo de ratón 500 sesiones/mes $39/mes (sesiones de 5K) $79/mes (25K sesiones) $159/mes (100K sesiones)
Hotjar 35 sesiones diarias $39/mes (100/día) $99/mes (500/día) $213+/mes (ilimitado)

El panorama de los precios es claro: La claridad es inmejorable en cuanto a valor (gratis, ilimitado), Crazy Egg es la opción paga más barata a $24/mes, y Hotjar es el más caro para volúmenes de sesiones comparables. Lucky Orange y Mouseflow ofrecen precios competitivos de rango medio con sus propias ventajas de funciones únicas.

Para una tienda Shopify que realiza 50.000 sesiones por mes, este es el costo anual: Claridad = $0. Huevo Loco = $588. Naranja de la suerte = $948. Flujo de ratón = $948. Hotjar = entre 1.188 y 2.556 dólares. Se trata de una gama enorme de herramientas que ofrecen mapas de calor y grabaciones de sesiones.

9. Cómo minimizar el impacto en la velocidad de cualquier herramienta

No importa qué herramienta de mapa de calor elijas, puedes minimizar su impacto en la velocidad. El enfoque más eficaz es aplazamiento del guión : cargar la herramienta de mapa de calor después de que se haya renderizado el contenido crítico.

⚡ Optimizador de velocidad de página Thunder: aplazamiento automático de secuencias de comandos

Thunder detecta y pospone automáticamente todos los scripts de terceros, incluida cualquier herramienta de mapas de calor, sin interrumpir la funcionalidad. Aquí está la velocidad de recuperación para cada herramienta:

Impacto en el tiempo de carga con Thunder activo:

Claridad: 120ms → ~50ms
Huevo Loco: 280ms → ~80ms
Flujo del mouse: 410 ms → ~120ms
Naranja de la suerte: 520ms → ~150ms
Hotjar: 829ms → ~200ms
Mantenga sus mapas de calor, elimine el retraso →

Plan gratuito disponible · No se requiere tarjeta de crédito · Configuración en 30 segundos

Otros consejos de optimización

  • Limitar a páginas específicas: Ejecute la herramienta de mapa de calor solo en las páginas que esté analizando activamente, no en todo el sitio.
  • Desactivar funciones no utilizadas: Si solo necesita mapas de calor, desactive las grabaciones de sesiones (y viceversa) para reducir el peso del script.
  • Usar muestreo: Muchas herramientas le permiten grabar solo un porcentaje de las sesiones; esto reduce tanto la carga del servidor como la sobrecarga del lado del cliente.
  • Auditar periódicamente: Utilice nuestro prueba de velocidad gratuita para comprobar el rendimiento de tu tienda con y sin tu herramienta de mapa de calor.

10. Nuestra recomendación

🏆 Para la mayoría de las tiendas Shopify: Microsoft Clarity

Comience aquí. Es gratis, tiene el menor impacto en la velocidad y cubre el 90% de lo que necesitas (mapas de calor + grabaciones + información de IA). Literalmente, no puede equivocarse: no hay costos y el riesgo de rendimiento es mínimo. Vea nuestra revisión completa de Clarity.

🧪 Para tiendas centradas en CRO: Crazy Egg

Si necesita pruebas A/B junto con mapas de calor, Crazy Egg es la mejor opción. La escritura ligera, los precios pagados más baratos y el mapa de calor de confeti son realmente útiles para comprender los segmentos de tráfico.

💬 Para tiendas centradas en soporte: Lucky Orange

El chat en vivo con navegación conjunta es una propuesta de valor única. Si la atención al cliente es fundamental para su negocio y desea consolidar mapas de calor y chat en una sola herramienta, Lucky Orange lo ofrece. Vea nuestra comparación de Lucky Orange.

📝 Para tiendas con muchos formularios: Mouseflow

Si su embudo de conversión depende de formularios (generación de clientes potenciales, pedidos personalizados, pago en varios pasos), los análisis de formularios de Mouseflow son los más detallados disponibles. El mapa de calor de fricción también es único y realmente útil.

📋 Para investigación de VoC: Hotjar

Las encuestas, los widgets de comentarios y las herramientas de entrevistas a usuarios de Hotjar siguen siendo los mejores de su clase. Si la investigación cualitativa impulsa sus decisiones sobre productos, Hotjar justifica su mayor costo y su guión más pesado; solo asegúrese de aplazarlo con Trueno.

Cualquiera que sea la herramienta de mapa de calor que elijas, consulta nuestra Guía de alternativas a Hotjar para obtener más opciones centradas en la velocidad, lea sobre cómo los scripts de terceros afectan el rendimiento de Shopify para entender el panorama más amplio, o sigue nuestro guía completa de optimización de velocidad para asegurarse de que su tienda se mantenga rápida después de agregar cualquier herramienta de análisis. Para tiendas que ganan $5k+/mes, el impacto en los ingresos de las mejoras en la velocidad normalmente paga muchas veces cualquier suscripción a un mapa de calor.

11. Cómo configurar mapas de calor en Shopify (paso a paso)

Agregar una herramienta de mapa de calor a tu tienda Shopify lleva 5 minutos, independientemente de la herramienta que elijas. Aquí está el proceso de configuración universal:

Opción A: Aplicación nativa de Shopify (Lucky Orange, Clarity)

  1. 1. Encuentra la aplicación en Shopify App Store
  2. 2. Haga clic en "Agregar aplicación" y apruebe los permisos.
  3. 3. La aplicación inyecta su script de seguimiento automáticamente
  4. 4. Los mapas de calor comienzan a grabarse en cuestión de minutos

Las aplicaciones nativas manejan la colocación de scripts por usted, sin necesidad de editar el código.

Opción B: Script manual (Hotjar, Crazy Egg, Mouseflow)

  1. 1. Regístrese en la herramienta y copie el script de seguimiento
  2. 2. En Shopify Admin → Tienda en línea → Temas → Acciones → Editar código
  3. 3. Abierto tema.liquido y pega el script antes </head>
  4. 4. Guardar y verificar con una prueba de velocidad

Para obtener mejores resultados, instale también Thunder para aplazar el guión y proteger tu puntuación de velocidad.

Consejo profesional: Después de instalar cualquier herramienta de mapa de calor, ejecute una prueba de velocidad para medir el impacto real. Si su puntuación de PageSpeed cae más de 5 puntos, utilice Thunder para aplazar el script de seguimiento automáticamente. La mayoría de las tiendas ven su puntuación totalmente recuperada dentro de los límites del plan gratuito.

12. Preguntas frecuentes

¿Cuál es la mejor herramienta gratuita de mapas de calor para Shopify?

Microsoft Clarity es la mejor herramienta gratuita de mapas de calor para Shopify. Ofrece mapas de calor ilimitados, grabaciones de sesiones e información basada en IA sin costo alguno con el impacto de velocidad más ligero de cualquier herramienta de mapas de calor importante (script de ~22 KB, tiempo de carga de +120 ms). Ninguna otra herramienta gratuita iguala su combinación de funciones y rendimiento.

¿Las herramientas de mapas de calor ralentizan las tiendas Shopify?

Yes, all heatmap tools add JavaScript that impacts page speed. The impact ranges from minimal (Microsoft Clarity adds ~120ms) to significant (Hotjar adds ~829ms). The key is choosing a lightweight tool and using a script manager like Thunder to defer loading until after critical content renders.

¿Qué herramienta de mapa de calor tiene el menor impacto en la velocidad en Shopify?

Microsoft Clarity tiene el menor impacto en la velocidad con un tamaño de script de aproximadamente 22 KB y un tiempo de carga de +120 ms. Crazy Egg es el segundo más ligero con ~85 KB y +280 ms. Hotjar es la opción principal más pesada con ~470 KB y +829 ms. El uso de una herramienta de aplazamiento de scripts como Thunder puede minimizar el impacto de cualquier herramienta.

¿Puedo usar mapas de calor en Shopify sin afectar Core Web Vitals?

Puede minimizar significativamente el impacto postergando la carga del script de su herramienta de mapa de calor después del contenido crítico. Thunder Page Speed ​​Optimizer hace esto automáticamente. Con Thunder activo, incluso el impacto de 829 ms de Hotjar se reduce a aproximadamente 200 ms. Microsoft Clarity es lo suficientemente liviano (~120 ms) como para que apenas afecte a Core Web Vitals incluso sin aplazamiento.

¿Vale la pena Crazy Egg para las tiendas Shopify?

Vale la pena considerar Crazy Egg si necesita pruebas A/B integradas junto con mapas de calor. Con ~85 KB, es más liviano que Hotjar y Lucky Orange. El precio comienza en $24/mes. Sin embargo, si solo necesita mapas de calor y grabaciones, Microsoft Clarity ofrece más de forma gratuita. La propuesta de valor de Crazy Egg es la combinación de análisis visual con pruebas A/B.

¿Cómo instalo una herramienta de mapas de calor en Shopify?

La mayoría de las herramientas de mapas de calor se instalan mediante un fragmento de JavaScript agregado a su archivo theme.liquid antes de la etiqueta de cierre </head>. Lucky Orange tiene una aplicación nativa de Shopify para instalación con un solo clic. Para obtener el mejor rendimiento, utilice Thunder Page Speed ​​Optimizer junto con cualquier herramienta de mapa de calor: pospone automáticamente el script de seguimiento para proteger la velocidad de su página.

¿Shopify tiene una función de mapa de calor incorporada?

No, Shopify no incluye la funcionalidad de mapa de calor incorporada. Necesita una herramienta de mapas de calor de terceros para visualizar dónde los visitantes hacen clic, se desplazan e interactúan en su tienda. Microsoft Clarity es la mejor opción gratuita: proporciona mapas de calor y grabaciones de sesiones ilimitados sin límites de tráfico y con un impacto mínimo en la velocidad (script de 22 KB). Instálalo mediante un pequeño fragmento de JavaScript en tu archivo theme.liquid o usa la aplicación Clarity Shopify para configurarlo con un solo clic.

¿Puedo usar dos herramientas de mapas de calor en Shopify al mismo tiempo?

Sí, pero tenga cuidado con el impacto de velocidad acumulativo. Una combinación popular es Microsoft Clarity (grabaciones y mapas de calor gratuitos) más Hotjar (para encuestas y comentarios). Juntos suman aproximadamente 950 ms de tiempo de carga sin optimización. El uso de Thunder Page Speed ​​Optimizer para posponer ambos scripts reduce el impacto combinado a aproximadamente 250 ms. Si combina herramientas, evite la superposición de funciones; no ejecute dos herramientas de grabación de sesiones simultáneamente.

¿Cuáles son las mejores herramientas de mapas de calor de sitios web en 2026?

Las mejores herramientas de mapas de calor en 2026 para Shopify son Microsoft Clarity (la mejor opción gratuita, la más liviana con 22 KB), Crazy Egg (la mejor para pruebas A/B, 85 KB), Lucky Orange (la mejor para chat en vivo, aplicación nativa de Shopify), Mouseflow (la mejor para análisis de formularios, 6 tipos de mapas de calor) y Hotjar (la mejor para encuestas y comentarios). Para la mayoría de las tiendas Shopify, Clarity ofrece el mejor valor con costo cero y un impacto mínimo en la velocidad.

Utilice cualquier herramienta de mapa de calor sin penalización de velocidad

Thunder pospone automáticamente Hotjar, Clarity, Lucky Orange y todos los demás scripts de terceros para que sus Core Web Vitals permanezcan verdes. No se requieren cambios de código. Consultar planes para encontrar la opción adecuada para su tienda.

Instalar Thunder Gratis →

Plan gratuito disponible · Funciona con todos los temas de Shopify · Configuración de 30 segundos