Mapa de Calor: Entendé Cómo Actúan tus Clientes

Un mapa de calor (heatmap) te muestra visualmente dónde hacen clic tus visitantes, cuánto scrollean y qué elementos ignoran. Es como tener una cámara en la pantalla de tu cliente.

Qué Muestra un Heatmap

Color	Significado
Rojo	Zona de alta interacción (muchos clics)
Amarillo	Zona de interacción media
Azul/frío	Zona de poca o ninguna interacción

Tipos de Heatmap

Heatmap de Clics

Muestra dónde hacen clic los visitantes. Ideal para saber:

• ¿El botón de compra recibe clics?
• ¿Los clientes hacen clic en elementos que no son clickeables?
• ¿Qué links del menú son los más usados?

Mapa de Scroll

Muestra hasta dónde scrollean los visitantes. Ideal para saber:

• ¿Ven el contenido que está más abajo?
• ¿Dónde se detienen?
• ¿El contenido importante está visible?

Cómo Activar el Heatmap

1. Ve a Configuración → Centro de Conversión.
2. Activá el tracking (flag FUNNEL_ENABLED).
3. Andá a Marketing → Heatmap.
4. Seleccioná la página que querés analizar.
5. Elegí el breakpoint (mobile, tablet, desktop).

Importante: el heatmap se configura por página en el Store Builder (settings.heatmap_enabled).

Qué Analizar

Página de Producto

• ¿Los clientes hacen clic en la galería de imágenes?
• ¿El botón "Agregar al carrito" recibe clics?
• ¿Scrollean hasta las reseñas?
• ¿Hacen clic en productos relacionados?

Home

• ¿Qué secciones ven primero?
• ¿Los banners generan clics?
• ¿El carrusel de productos se usa?

Checkout

• ¿Dónde se quedan? ¿En qué paso abandonan?
• ¿Los campos de formulario reciben interacción?

Errores Comunes que Revela un Heatmap

Observación	Problema	Solución
Pocos clics en "Comprar"	Botón poco visible o confuso	Hacerlo más grande, mejor color
Clics en elemento no clickeable	El cliente cree que es un link	Hacerlo clickeable o quitar estilo de link
Poco scroll	El contenido importante está abajo	Mover lo clave arriba
Clics en zona fría	Navegación confusa	Reorganizar el layout

Heatmap por Breakpoint

Analizá por separado mobile y desktop:

• En mobile, el botón de compra debe estar visible sin scroll.
• En desktop, el layout puede ser más amplio con más columnas.
• Los patrones de clics son distintos entre dispositivos.

Consejos

1. Analizá al menos 100 sesiones para tener datos significativos.
2. Compará mobile vs. desktop — los patrones cambian.
3. Priorizá las páginas con más tráfico — ahí el impacto es mayor.
4. Actuá sobre los datos — un heatmap sin acción es solo color bonito.
5. Revisá periódicamente — después de cada cambio importante, volvé a analizar.