Cómo los mapas de calor y los mapas de desplazamiento aumentaron las conversiones para nuestra tienda en línea en un 9,3%

Publicado: 2021-08-19

Cuando se trata de administrar cualquier negocio en línea, rastrear el comportamiento de los visitantes y probar sus embudos de conversión son esenciales para mejorar sus ventas. La mayoría de los webmasters confían en la herramienta gratuita Google Analytics para realizar un seguimiento de las estadísticas generales de sus sitios.

Pero si bien Google Analytics es una herramienta extremadamente poderosa, no proporciona suficiente información para darle una idea clara de cómo un visitante interactúa con su sitio. Por ejemplo…

  • Google Analytics no le dice en qué botones y enlaces exactos hace clic una persona en una página determinada.
  • Google Analytics no le dice qué partes de su página web son las más leídas.
  • Google Analytics no le dice si las personas se desplazan hacia abajo y leen todo su contenido.

En pocas palabras, Google Analytics por sí solo no le proporciona suficiente información para mejorar su sitio web.

Obtenga mi mini curso gratuito sobre cómo iniciar una tienda de comercio electrónico exitosa

Si está interesado en iniciar un negocio de comercio electrónico, reuní un paquete completo de recursos que lo ayudarán a lanzar su propia tienda en línea desde cero. ¡Asegúrate de agarrarlo antes de irte!

Seguimiento de la actividad exacta de sus visitantes

Desde 2011, cuando lancé por primera vez el curso de mi tienda en línea, he estado usando una herramienta llamada Crazy Egg para ayudar a mejorar mis páginas web. A diferencia de Google Analytics, Crazy Egg le permite visualizar exactamente cómo interactúa un cliente con su sitio web .

Por ejemplo, la herramienta le permite crear mapas de calor para ver dónde hacen clic sus clientes en su sitio.

Actualización: ahora estoy usando una herramienta llamada Mouse Flow que le permite grabar y ver videos de sus clientes en acción, además de mapas de calor y mapas de desplazamiento. Además, ¡también es sustancialmente más barato que CrazyEgg!

Haga clic aquí para probar MouseFlow gratis durante 30 días

La siguiente imagen muestra en qué hacen clic los visitantes cuando llegan a mi página de ventas. Como puede ver, hay muchos clics en el botón "Haga clic aquí para realizar un recorrido", que es exactamente lo que quiero.

Create a Profitable Online Store

Tanto Crazy Egg como Mouse Flow también le proporcionan un mapa de desplazamiento que le permite determinar qué partes de su página se están leyendo realmente. La siguiente imagen muestra claramente qué partes de mi página son más populares.

Las partes amarillas y rojas de la página son "calientes", mientras que las áreas verde y azul son áreas donde el visitante no está tan involucrado con el contenido.

Scroll Map

De todos modos, si alguna vez ha intentado vender algo en línea, probablemente pueda comprender por qué el uso de una herramienta como esta puede ser invaluable para comprender el comportamiento del cliente y permitirle realizar los ajustes necesarios para guiar a sus visitantes en la dirección correcta.

Una historia personal

Así que aquí es donde me resulta un poco embarazoso :) Si bien he estado usando estas herramientas bastante para optimizar mi blog y las páginas de destino, no comencé a usar la herramienta en mi tienda de comercio electrónico hasta el año pasado.

Así que pensé que me tomaría un tiempo para compartir con ustedes una prueba que realicé recientemente y que redujo la cantidad de llamadas de soporte a nuestra tienda y aumentó las conversiones en un 9.3% .

Y la única razón por la que decidí hacer cambios en la página fue por los datos que recopilé con herramientas como Crazy Egg y Mouse Flow.

A continuación se muestra cómo se veía una de nuestras principales páginas de destino hace mucho tiempo.

landing page original

Aquí hay una pequeña historia de fondo detrás del diseño de la página. En nuestra tienda vendemos pañuelos personalizados. Ofrecemos 14 estilos diferentes de pañuelos y 14 colores de hilo para elegir y un cliente básicamente puede personalizar su pañuelo como quiera.

Sin embargo, el problema era que los clientes seguían confundiéndose con la selección de productos porque pensaban que estaban atrapados con el pañuelo "que se muestra en la foto" y no se les permitía elegir entre diferentes estilos o colores de hilo.

Entonces recibíamos muchas llamadas telefónicas de personas que preguntaban cómo personalizar un pañuelo y si podían personalizar un pañuelo diferente al que se muestra en la foto, etc.

De todos modos, para evitar confusiones, agregué una imagen de todos los pañuelos que podía personalizar en la parte superior de la página, que luego se expandiría en una imagen más grande cuando pasara el mouse sobre un pañuelo en particular. También agregué una tabla de hilos.

A continuación se muestra la segunda iteración de la misma página.

personalized

La idea era que el cliente se diera cuenta de inmediato de que tenía una gran variedad de pañuelos para elegir al agregar personalización para no confundirse y marcharse.

Pero incluso después de este cambio, seguimos recibiendo periódicamente preguntas muy básicas por teléfono como "¿Cómo personalizo mi pañuelo?".

De todos modos, sabía que nuestra interfaz de usuario todavía tenía algunos problemas, pero la dejé así durante más tiempo porque la página todavía se estaba convirtiendo muy bien (entre un 3% y un 7%). Pero dado que estos productos son uno de nuestros grandes productores de dinero, decidí usar Crazy Egg y esto es lo que noté.

personalized heatmap

¿Puedes encontrar el problema aquí? ¡Los clientes estaban haciendo clic en esas pequeñas imágenes aunque no eran enlaces! ¿Podría ser que los clientes hicieran clic allí esperando que sucediera algo?

Entonces, después de ver el mapa de calor, invité a un amigo que nunca había comprado en nuestra tienda para que probara y comprara un pañuelo personalizado. Y bajo y he aquí, ¡ella también comenzó a hacer clic en esas fotos!

Había asumido que al hacer clic en la foto pequeña, la llevarían a otra página donde podría personalizar su pañuelo. También estaba confundida por todo el proceso de personalización porque no había instrucciones claras .

Nota: Creo que parte de la razón por la que se confundió fue porque esas pequeñas imágenes de pañuelos estaban en la parte superior del pliegue y los productos "reales" estaban ocultos debajo del pliegue en su computadora portátil. ¡Este fue un verdadero problema!

De todos modos, tuve un dilema. Si hubiera incluido instrucciones sobre cómo personalizar un pañuelo en la parte superior de la página, habría empujado todos los productos más abajo del pliegue, lo que no habría sido deseable.

Entonces, finalmente, decidí crear una pequeña ventana emergente informativa que se mostrara cuando alguien hacía clic en una de esas pequeñas imágenes. Y en esta ventana emergente, proporcioné instrucciones específicas sobre cómo personalizar un pañuelo. Además, eliminé el gráfico de color del hilo para mover nuestros productos hacia arriba en la página . A continuación se muestra un ejemplo.

personalized popup

Después de agregar la ventana emergente y hacer algunas pruebas divididas con la página de destino original, descubrí que agregar la ventana emergente y mover los productos más arriba en la página aumentaba las conversiones en aproximadamente un 9.3%, pero lo más importante es que no hemos recibido una llamada de asistencia sobre esto desde .

A pesar de que esta página todavía necesita ser mejorada, estaba encantado de encontrar un lugar problemático con nuestra página de destino que pude detectar de inmediato con el análisis del mapa de calor. Con solo Google Analytics normal, nunca habría observado este comportamiento.

Lecciones aprendidas

Si quita algo de esta publicación, es que Google Analytics no proporciona suficiente información para mejorar sus conversiones si ejecuta algún tipo de sitio basado en transacciones.

Analizar el comportamiento del cliente es importante y es crucial no solo saber qué clientes están visitando, sino también cómo interactúan con su página.

Administrar una tienda en línea es tan transaccional como es posible, por lo que recomiendo que todas las tiendas de comercio electrónico piensen más allá de los análisis y observen a sus clientes a un nivel mucho más detallado.

La mejor parte es que puede hacer clic aquí para probar estas herramientas de seguimiento de forma gratuita durante 30 días.

No dude en hacerme cualquier pregunta a continuación.