Mapas de calor: cómo ver dónde hacen clic y dónde se traban tus clientes

Revisar tablas de números en Google Analytics no es la tarea favorita de nadie que administra un negocio. Puedes ver que el 65% de las visitas se va sin interactuar o que el 80% no completa tu formulario. Eso te dice que algo anda mal, pero no te dice qué parte de tu web está fallando.

Para responder esa pregunta existen los mapas de calor. Son una imagen de tu propia web pintada con colores, desde el azul hasta el rojo, que te muestra dónde tocan, hasta dónde bajan y en qué partes se detienen tus visitas.

En vez de adivinar por qué la gente no compra ni cotiza, puedes ver cómo usan tu web personas reales, sin saber quiénes son. En este artículo te explico cómo funcionan, qué tipos existen y cómo usarlos para mejorar tus ventas.

Cómo funciona un mapa de calor

Imagina una cámara térmica en el pasillo de una tienda. Los lugares por donde más pasa la gente y los productos que más tocan se ven en rojo. Los rincones a los que nadie va quedan en azul.

En tu web pasa lo mismo:

• Zonas rojas o cálidas: donde hay más actividad, es decir, más clics, más toques con el dedo o más personas que llegan a verlas.
• Zonas azules o frías: las partes que pasan desapercibidas, que la gente salta o que casi nadie alcanza a ver.

Lo mejor es que termina con las discusiones de gustos, del tipo «a mí me gusta el botón aquí» o «yo creo que el texto se entiende». En su lugar tienes evidencia de cómo usan tu web tus clientes.

Los tres tipos de mapas de calor

Herramientas como Microsoft Clarity (se abre en una pestaña nueva), que es gratuita, o Hotjar, que tiene un plan gratuito limitado, ofrecen distintos tipos de mapas. Estos son los más útiles:

1. Mapa de clics

Registra cada clic con el mouse en el computador y cada toque con el dedo en el celular.

Lo que suele descubrir: los clics muertos. Es muy común ver manchas rojas sobre fotos, títulos en negrita o íconos que parecen botones, pero no llevan a ninguna parte. La persona toca esperando que pase algo, no pasa nada, y piensa que tu web no funciona.

2. Mapa de desplazamiento

Muestra qué porcentaje de las visitas llega a cada parte de la página a medida que bajan por ella.

Lo que suele descubrir: hasta dónde llega realmente la gente. Casi todos ven la parte superior, pero es común que solo una minoría llegue al final. Si pusiste tu botón de WhatsApp, tus testimonios o tu formulario al final de la página, puede que la mayoría de tus visitas nunca los vea.

3. Mapa de áreas o de movimiento

Microsoft Clarity incluye un mapa de áreas, que suma los clics por bloque completo de la página. Por ejemplo, cuántos clics recibe todo el menú, toda la galería o toda la sección de precios. Así puedes comparar qué secciones atraen más.

Otras herramientas, como Hotjar, ofrecen además un mapa de movimiento, que registra por dónde pasa el mouse en el computador. El movimiento del mouse suele acompañar en parte a la mirada, así que sirve como pista, no como prueba. Te puede mostrar si la atención se va hacia un banner animado o un menú recargado en vez de quedarse en tus servicios y precios.

Cuatro problemas que puedes detectar en 10 minutos

Después de un par de semanas recopilando datos, una revisión rápida puede mostrarte errores que quien diseñó la web no ve:

• Pensar que la gente lee todo. Si escribiste ocho párrafos sobre la historia de tu empresa y el mapa muestra que la mayoría pasa de largo, conviene resumirlo en tres ideas cortas.
• Botones difíciles de alcanzar en el celular. Si filtras el mapa para ver solo celulares, puedes revisar si tu botón principal queda al alcance del pulgar o en una esquina incómoda.
• Enlaces que alejan de la venta. Si llevas visitas desde anuncios a una página de ventas y el mapa muestra clics hacia tus redes sociales u otros enlaces, estás perdiendo personas que ya estaban por cotizar.
• Campos del formulario que traban a la gente. Las grabaciones de visitas muestran en qué campo la persona duda o abandona. Por ejemplo, cuando pides el RUT o el teléfono como obligatorios en una primera consulta.

Si te interesa justamente mejorar la versión para celulares, en diseño mobile-first te explico qué revisar.

Google Analytics y los mapas de calor se complementan

Google Analytics te dice qué está pasando. El mapa de calor te ayuda a entender por qué. Estos son tres ejemplos de cómo se ven los mismos problemas con cada herramienta:

Si quieres entender mejor los números de Google Analytics, en visitas, usuarios, tiempo en página y conversiones te explico cómo leerlos.

Cómo empezar sin gastar

Muchas pymes no usan mapas de calor porque creen que son herramientas caras para grandes empresas. Hoy no es así:

• Microsoft Clarity es gratis. No tiene planes pagados y funciona bien con el tráfico de cualquier pyme. Se instala en pocos minutos, directamente en tu web o con Google Tag Manager. Además de los mapas, incluye grabaciones de visitas y detecta solo los momentos de frustración, como los clics de rabia: cuando alguien toca varias veces seguidas algo que no responde. Las grabaciones se guardan por 30 días, así que conviene marcar como favoritas las que quieras conservar.
• Cuida la privacidad. Clarity oculta por defecto lo que la gente escribe en los campos de texto, como contraseñas, teléfonos o datos de tarjetas, y no identifica a las personas. Aun así, debes informarlo en la política de privacidad de tu web. Ten en cuenta que en Chile la nueva Ley 21.719 (se abre en una pestaña nueva) de protección de datos personales entra en vigencia en diciembre de 2026, así que es un buen momento para revisar qué datos recoge tu web y cómo lo comunicas.

Si tu web está hecha en WordPress, en cómo usar Microsoft Clarity en WordPress te explico la instalación paso a paso.

En resumen

Mejorar tu web no se trata de rediseñarla cada seis meses según lo que a alguien le parece. Con los mapas de calor puedes basar cada cambio en cómo la usan tus clientes: quitar lo que confunde, poner los botones donde la gente los busca y despejar el camino para que más personas compren o te pidan una cotización.