Si quiero leer un mapa de calor sin perderme, empiezo así: clics primero, scroll después y movimiento al final. Con eso veo tres cosas: qué intenta hacer la persona, hasta dónde llega y dónde se traba.
En una ficha de producto, yo usaría esta regla simple:
También miraría dos límites antes de sacar conclusiones:
Lo más útil del artículo, para mí, es esto:
En pocas palabras: el mapa no dice por qué, pero sí me muestra dónde mirar primero y qué testear antes para mover la conversión en TiendaNube sin adivinar.
Tipos de Mapas de Calor en Páginas de Producto: Cuándo y Cómo Usarlos
Con la base ya clara, ahora toca bajar a algo más concreto: qué mapa responde cada duda dentro de la ficha. Si usás el mapa equivocado, es fácil llegar a lecturas que después no coinciden con la conversión.
Los mapas de clic muestran dónde hacen clic o tocan las personas dentro de la página. En una página de producto, los puntos centrales suelen ser la galería, las variantes, el precio y el CTA.
Pero ojo: no alcanza con mirar dónde hay clics. También hay que mirar dónde la gente hace clic sin que debería hacerlo. Cerca del 30% de los clics en páginas web van a elementos que no son interactivos. En fichas de producto, esto suele verse cuando alguien toca textos estáticos esperando más detalle.
Ese patrón marca una fricción bastante clara. La persona espera una respuesta y la página no se la da. En muchos casos, se resuelve al convertir ese bloque en un enlace, un tooltip o una microinteracción que complete la información que falta. A partir de ahí, ya podés leer mejor qué está pasando con la imagen, el precio y el botón de compra.
Los mapas de scroll muestran hasta dónde llega la mayoría de los visitantes. Si la mayor parte corta el recorrido a mitad de página, todo lo que queda abajo pesa menos en la decisión.
La idea es simple: los bloques más críticos tienen que quedar al alcance de la mayor parte del tráfico. Beneficios principales, descripción y especificaciones básicas deberían estar visibles para al menos el 70–80% de los visitantes. Si los datos de devoluciones o entrega quedan por debajo de un alcance del 50–60%, conviene subirlos o resumirlos cerca del precio y del botón de compra.
Dicho de otra forma: si una persona tiene que bajar demasiado para encontrar una respuesta clave, esa respuesta llega tarde.
Los mapas de movimiento registran el recorrido del cursor en desktop. Sirven para detectar zonas donde algo parece trabarse, pero no para dar un veredicto por sí solos.
Por ejemplo, un cluster de movimiento sobre el selector de talles sin clics posteriores puede marcar que las opciones no se entienden bien. También pasa en descripciones pesadas de leer, donde el cursor zigzaguea sin acción clara, o en ese ida y vuelta entre la guía de talles y el selector que suele delatar duda.
Ahora bien, hay un punto clave: el cursor no prueba atención. El movimiento del mouse es una aproximación a la atención, no una prueba. Por eso, este tipo de mapa sirve para abrir hipótesis. Después hay que validarlas con mapas de clic y scroll, no usarlo solo para tomar decisiones de layout.
| Tipo de mapa | Qué mide | Para qué usarlo en páginas de producto |
|---|---|---|
| Clic | Dónde hacen clic o tocan los usuarios | Optimizar estrategias de CTR, selectores, precio, galería |
| Scroll | Hasta dónde llegan y qué porcentaje ve cada bloque | Analizar qué contenido está por debajo del fold |
| Movimiento | Recorrido del cursor en desktop | Detectar zonas de duda o dificultad de lectura |
Con el tipo de mapa definido, ya podés ver con más claridad qué cambia en cada elemento de la ficha.
Acá no alcanza con mirar dónde hace clic la gente. También hay que entender qué está intentando resolver. En una ficha de producto, suele haber tres zonas que te cuentan casi toda la historia: la imagen, el precio y el botón de compra.
Si la imagen principal junta muchos clics pero el botón de compra sigue frío, hay una señal bastante clara: el usuario está tratando de ver algo que la foto no termina de mostrar. Según Baymard, el 25% de los sitios e-commerce no ofrece resolución o zoom suficiente en las imágenes de producto, y el 40% no admite gestos de zoom en móvil, como pellizcar o hacer doble toque. En ese caso, conviene sumar zoom, más ángulos y al menos una foto en uso o con referencia de tamaño.
Hay otro patrón que dice algo distinto. Cuando los clics se reparten entre varias miniaturas de la galería, la persona está buscando más vistas, más contexto o una mejor idea del producto en situación real. Baymard también encontró que el 42% de los usuarios intenta estimar la escala del producto a partir de las imágenes. En categorías como muebles, electrónica o indumentaria, sirve mucho incluir al menos una imagen con medidas en centímetros o al lado de un objeto cotidiano.
Si la duda no pasa por las fotos, muchas veces el clic se mueve al bloque de precio.
Los clics sobre precio, descuento o cuotas suelen mostrar una intención simple: entender cuánto va a pagar antes de seguir. En Argentina, ese bloque tiene que dejar claro el monto en ARS, las cuotas, si hay interés y qué tarjetas aplican.
Cuando el mapa muestra clics repetidos sobre textos estáticos como "12 cuotas sin interés" o "Precio final con IVA incluido", el tema no es solo interés. El punto es que la página no está contestando lo que el usuario quiere saber. Hacé que esos elementos abran un panel expandible con el detalle del valor por cuota en ARS, las tarjetas participantes y si hay o no interés. Lo mismo pasa con el envío: según Baymard, el 43% de los sitios no muestra un estimado de envío en la página de producto, y eso empuja al usuario a agregar al carrito solo para descubrir ese dato.
Si el costo ya se entiende y aun así no avanza, toca mirar el botón y los selectores. En estos casos, una automatización de ventas con WhatsApp puede ayudar a cerrar la duda en tiempo real.
Si el botón queda tibio y aparecen clics cerca, el problema suele ser de visibilidad o de ubicación. Los clics dispersos en el espacio en blanco, en íconos próximos o en elementos secundarios suelen marcar que el botón se ve poco, queda chico en mobile o está demasiado lejos del precio y de los beneficios principales.
Cuando el calor se concentra en la guía de talles, el mensaje de stock o el calculador de envío, y el botón de compra sigue tibio, lo que aparece son objeciones sin resolver. Esos clics te muestran qué información falta, qué genera fricción o qué no termina de convencer.
| Elemento | Patrón en el mapa | Comportamiento probable | Acción recomendada |
|---|---|---|---|
| Imagen principal | Muchos clics en zonas estáticas | Quiere zoom o más detalle | Activar zoom, agregar fotos en uso e imágenes en escala |
| Galería / miniaturas | Clics en varias miniaturas, botón de compra frío | Busca más ángulos o vistas de uso | Sumar fotos de contexto, foto en uso o 360° |
| Precio / cuotas | Clics sobre texto no clicable | Busca entender el costo total o la financiación | Hacer el bloque interactivo con detalle de cuotas en ARS |
| Botón agregar al carrito | Zona tibia o clics dispersos alrededor | Botón poco visible o mal posicionado | Mejorar contraste, tamaño y proximidad al precio |
| Guía de talles / stock / envío | Clics altos, botón de compra frío | Objeciones sin resolver antes de comprar | Acercar esa información al botón principal y simplificar el contenido |
| Selectores de variante | Clics dispersos o zona fría | Duda sobre disponibilidad o diferencia entre opciones | Usar botones visibles y mejorar la diferenciación visual |
Si el clic muestra una duda, pero no termina de decirte cuál es la causa, el próximo paso está en el scroll y el movimiento.
Si el clic te mostró dónde arranca la duda, el scroll te dice qué info ni siquiera llega a entrar en escena. Y cuando cruzás eso con el movimiento del cursor, la foto queda bastante clara: qué conviene subir y qué hay que hacer más simple.
Si el scroll muestra una caída fuerte antes de que el usuario llegue a la descripción o a la tabla de especificaciones, esa parte de la ficha queda fuera del radar para la mayoría. Y en productos donde el detalle define la compra, eso pesa mucho más.
Llevá los 3 a 5 datos más importantes al primer tramo visible. Por ejemplo:
El detalle completo puede seguir más abajo o dentro de un acordeón. Así no saturás la parte superior, pero tampoco escondés lo que mueve la decisión.
Baymard señala que los sitios deben adaptar el nivel de detalle al tipo de producto e incluir la información que el usuario busca según la categoría.
Una vez que lo técnico está más cerca, conviene acercar también la prueba social al momento de decidir.
Si el scroll muestra que muchos usuarios se van antes de llegar al bloque de reseñas, la prueba social está apareciendo demasiado tarde. En ese caso, conviene poner rating, resumen de reseñas, envío y devoluciones al lado del precio y del CTA.
En rubros donde la decisión suele llevar más tiempo - electrónica, hogar y beauty - tener esa info cerca del botón baja la fricción justo antes de la compra. Es una de esas cosas simples que ordenan la cabeza del usuario.
Si el contenido clave ya está arriba, el siguiente paso es mirar dónde el cursor sigue frenándose. Cuando una persona repasa el mismo bloque una y otra vez sin avanzar, suele pasar algo bastante humano: el diseño le está metiendo ruido a la lectura.
Ordená la ficha con una secuencia simple: imagen → título → precio → confianza → CTA. Después dejá el contenido de apoyo en un segundo nivel. Si el cursor salta entre bloques sin lógica, ajustá el espaciado, sacá elementos que compiten por atención y agrupá la info que va junta.
Para decidir qué mover primero, conviene hacer esto:
Con los patrones ya detectados, el paso siguiente es simple: dejar de mirar la ficha y empezar a decidir qué probar primero. La idea es priorizar por impacto y esfuerzo. O sea, arrancar por lo que más frena la compra y menos trabajo da implementar.
| Prioridad | Elemento | Acción |
|---|---|---|
| Crítica | CTA débil o invisible | Mejorar visibilidad y posición sobre el pliegue |
| Alta | Precio, cuotas y envío | Mostrar precio final en ARS y costo de envío cerca del botón |
| Media | Bloques bajo el pliegue | Reordenar los bloques que el scroll mostró como poco visibles |
| Baja | Contenido de apoyo | Refinar solo si el scroll muestra engagement alto |
Para validar cada cambio, elegí una sola métrica principal: agregar al carrito, conversión o ingresos por sesión. Así evitás mezclar señales y podés leer el resultado con más claridad.
Después, corré cada variante entre 2 y 4 semanas, con tráfico estable, y comparala contra la versión original. No hace falta inventar veinte cambios al mismo tiempo. De hecho, suele rendir más testear pocas cosas, pero bien.
Un caso documentado reportó mejoras en clics al carrito, duración de sesión y conversión al mover el CTA, condensar la descripción y subir reviews y features clave.
Estas señales no sirven solo dentro de la ficha. También te ayudan a mejorar los recorridos de seguimiento. Ahí es donde entra Burbuxa: usa ese tipo de señales para activar campañas segmentadas en WhatsApp e Instagram según el comportamiento detectado.
Por ejemplo:
Dicho de otro modo, si una persona no compró, eso no siempre significa falta de interés. A veces significa que se quedó trabada en un punto puntual. Y si ya sabés cuál fue ese punto, el seguimiento puede ser mucho más preciso.
Leé primero los clics, después el scroll y al final el movimiento. Cambiá primero el CTA. Después, precio y envío. Más tarde, imágenes y descripciones.
Cada cambio tiene que quedar atado a tres cosas: una hipótesis, una métrica y una fecha de revisión.
Entre los errores más comunes están pasar por alto las zonas muertas o los clics en elementos estáticos, no filtrar por dispositivo y no proteger datos sensibles.
También es común apurarse y sacar conclusiones antes de tiempo, sin esperar entre dos y cuatro semanas. Y ojo con esto: confundir los rage clicks con interés real suele llevar a lecturas equivocadas, cuando muchas veces esos clics marcan problemas de diseño, carga o funcionamiento.
Conviene esperar entre dos y cuatro semanas antes de hacer cambios. Así, el mapa de calor muestra patrones de comportamiento más estables y no movimientos aislados que pueden confundir.
Cuando esos datos ya están asentados, podés mover elementos clave, achicar o simplificar formularios y después validar cada ajuste con pruebas A/B. Esa es la forma de medir su efecto concreto en las conversiones.
La mejor manera de validarlo es con pruebas A/B. Así podés comparar la versión original con la versión que incluye el cambio y medir el impacto con datos reales, en vez de guiarte solo por suposiciones.
También conviene dejar correr el seguimiento entre dos y cuatro semanas antes de sacar conclusiones. Si no, corrés el riesgo de leer demasiado pronto datos que todavía no dicen mucho. Ese margen ayuda a que los resultados tengan peso estadístico.
