Mapa de calor

¿Qué es un mapa de calor?

Un mapa de calor (heatmap) es una representación visual que agrega los datos de comportamiento de múltiples sesiones de visitantes — típicamente clics, movimiento del ratón y profundidad de scroll — en una capa superpuesta de colores sobre la página. Los colores cálidos (rojo, naranja) marcan las zonas de alta actividad, mientras que los colores fríos (azul) muestran una baja actividad. Los tipos más comunes son los mapas de clics (click maps), mapas de scroll (scroll maps) y mapas de movimiento/desplazamiento (move/hover maps), cada uno de los cuales ilumina una parte diferente de cómo interactúan las personas con la página.

¿Por qué es importante un mapa de calor?

Un mapa de calor hace que el comportamiento abstracto sea concreto: permite ver si elementos importantes pasan desapercibidos, si los usuarios hacen clic en elementos que no son enlaces y hasta dónde descienden realmente en la página. Un mapa de scroll (scroll map), por ejemplo, revela si su principal llamada a la acción y sus puntos clave de venta se encuentran above the fold o desaparecen para la mayoría de los visitantes. Esto convierte a los mapas de calor en un excelente punto de partida para la optimización de la conversión en páginas de inicio, colecciones y productos.

Casos de uso comunes

• Páginas de producto: Ver si el botón de compra, el precio y las reseñas reciben atención o si se pierden.
• Páginas de colección: Descubrir qué filtros y productos reciben clics, y cuáles se ignoran.
• Página de inicio: Evaluar si los banners y los elementos del menú se utilizan como se espera.
• Clics muertos: Detectar elementos en los que los usuarios hacen clic esperando que sean enlaces.
• Priorizar pruebas: Utilizar los patrones para plantear hipótesis de cara a un test split.

Perspectiva de Shopify

Shopify no tiene mapas de calor integrados, por lo que debe añadir una herramienta como Microsoft Clarity (gratuita), Hotjar o Lucky Orange; hay varias disponibles directamente en la Shopify App Store. Instale el script a través de la aplicación o en theme.liquid, y tenga en cuenta el consentimiento de cookies y el RGPD. Recuerde que un mapa de calor solo muestra qué ocurre, no por qué; combínelo con grabaciones de sesiones o con un test de usabilidad, y recopile suficientes sesiones para que los patrones sean fiables.