Primer plano de las llamas de un fuego

Los heatmaps, scrollmaps y confeti son representaciones visuales de la interacción de los visitantes en una página web mientras navegan por ella.

Descubre qué areas son las más atractivas y cuáles las más ignoradas y usa esta información para mejorar tu WordPress.

Este tipo de pruebas te ayudarán a comprender mejor a tus visitantes, puesto que verás qué es lo que capta su interés. Crea tu primera prueba de heatmaps después de haber instalado, activado y configurado Nelio A/B Testing.

Instrucciones para las pruebas de heatmaps

Una vez hayas instalado, activado y configurado Nelio A/B Testing, sigue estas instrucciones para crear una prueba de heatmaps.

Crear una nueva prueba

  1. Bajo el menú Nelio A/B Testing, haz clic en Pruebas para ver y gestionar tus pruebas.
  2. Haz clic en el botón Nueva prueba en la parte superior de la pantalla.
  3. Se te abrirá una ventana con todos los tipos de pruebas que puedes crear. Cada uno de ellos tiene un nombre y un icono.
    • Haz clic en Heatmap.
Selector de tipos de test en Nelio A/B testing.

Nombra y define tu prueba

Primero de todo, dale un Nombre descriptivo a laprueba que quieres crear para que te ayude a identificarla en el futuro. Además, en la barra lateral derecha, encontrarás dos pestañas adicionales:

  • Estado y Gestión, donde ves el estado en el que está tu prueba actualmente (BorradorPreparadoProgramado o Pausado) y opciones sobre cuándo debe iniciarse y finalizar,
  • Descripción de la prueba, donde puedes indicar qué estás probando.
Creación de un nuevo test the heatmaps

Selecciona el contenido a probar

Primero, selecciona el contenido sobre el que quieres realizar la prueba. Para ello, primero debes escoger el tipo de contenido de la lista que aparece por defecto (por ejemplo, Página). A continuación, selecciona el contenido especifico de ese tipo que quieres probar (una página concreta, en nuestro ejemplo).

Para ello, o bien lo escoges de la lista de opciones que aparece por defecto, o bien marcas la casilla de Realizar heatmap de una página especificada usando su URL e indicas la URL de la página que quieres probar.

Selección de página a probar en test de heatmaps

Cómo iniciar la prueba

Una vez hayas definido totalmente tu prueba, verás que el estado de la misma habrá pasado de Borrador a Preparada. En ese momento, podrás iniciarla para que puedas hacer un seguimiento de los visitantes de tu web.

Inicia tu prueba

Para iniciar una prueba, comprueba que esté en estado de Preparado y, si lo está, haz clic en el botón Iniciar… que hay en la esquina superior derecha. Si no estuviera Preparada, puedes poner tu cursor encima del icono de información que aparece al lado del Estado para ver el motivo por el cual tu prueba sigue estando como Borrador.

Si no quieres iniciar la prueba directamente, sino que quieres dejarla programada para una fecha concreta, especifícala usando el campo Inicio de la sección Estado y gestión.

Una vez iniciada la prueba, el plugin te mostrará su página de resultados y verás que el estado cambia a En ejecución.

Iniciar un test A/B con Nelio A/B Testing.

Cuándo quieres que finalice tu prueba

También puedes definir cuándo quieres que la ejecución acabe, indicando el Modo de Finalización de la prueba:

  • Manual: la prueba se parará cuando hagas clic en el botón de Parar la prueba, en el listado de pruebas o en su página de resultados.
  • Duración: la prueba se parará automáticamente tras el tiempo indicado.
  • Páginas vistas: la prueba se parará automáticamente tras alcanzar el número total de visitas que hayas especificado.
Seleccionar el modo de finalización de un test A/B con Nelio A/B Testing.

Cómo ver el progreso de una prueba y sus resultados

En la opción de menú Pruebas puedes ver el listado de las pruebas creadas, el estado en que se encuentran y la fecha de su última actualización. En todo momento puedes ver los resultados de una prueba que está iniciada o que ya ha finalizado haciendo clic en el enlace Ver Resultados que se encuentra debajo de su nombre.

Resultados de tu prueba

En la barra lateral derecha de la página de resultados encuentras tres pestañas que indican el tipo de visualización:

  • Heatmap: muestra qué áreas de tu página generan más interés.
  • Scrollmap: muestra a través de franjas horizontales de color, hasta dónde hacen scroll los visitantes.
  • Confeti: muestra los clics de los visitantes según el filtro que elijamos.

Para cada pestaña, encontrarás adicionalmente:

  • Parámetros de configuración específicos del tipo de visualización que se está viendo.
  • Algunos metadatos sobre tu prueba. En concreto, puedes ver el estado de la prueba, cuanto tiempo ha estado en marcha, cuando se inició y el modo de finalización.
  • También se incluye la descripción y el ámbito de la prueba.
Barra lateral del test de heatmap

Heatmap

Un heatmap es una representación gráfica que te permite identificar los puntos calientes de tu web. Es decir, las zonas que más llaman la atención a los usuarios. De esta forma podemos mejorar la usabilidad de la misma.

Si conocemos el comportamiento de los visitantes dentro de la web en relación a las imágenes, enlaces, vídeos, etc., podremos mejorar el aspecto de la misma para que el visitante se sienta más cómodo y así potenciar la conversión.

Información mostrada

Al visualizar un heatmap, puedes configurar:

  • El nivel de opacidad de la página que se está visualizando. Cuanta más opacidad, más se destaca el heatmap.
  • La intensidad del calor: para ver los colores calientes con el grado de intensidad deseada.
  • La resolución: selecciona si deseas ver el heatmap de las visitas realizadas desde pantallas de ordenador, desde tablets o desde móviles.
Resultados de un heatmap con Nelio A/B Testing.

Scrollmaps

Los scrollmaps se utilizan principalmente en páginas que tienen mucho scroll a fin de poder detectar el nivel de profundidad del scroll. Es decir, hasta qué punto llega el usuario al hacer scroll y cuál es el límite bajo el cual no existe navegación.

Información mostrada

Al visualizar un scrollmap, puedes configurar:

  • El nivel de opacidad de la página que se está visualizando. Cuanta más opacidad, más se destaca el heatmap.
  • La resolución: selecciona si deseas ver el scrollmap de las visitas realizadas desde pantallas de ordenador, desde tablets o desde móviles.
  • La leyenda del scrollmap: se indica la popularidad asociada a cada color.
Resultados de un scrollmap con Nelio A/B Testing.

Confeti

El confeti muestra los clics que se han realizado en la página seleccionada desglosados según el filtro que elijamos. De esta manera podemos ver no solo donde se hace clic, sino también cuándo, quién, cómo, etc. Es un informe clave para resolver algunas dudas más allá del volumen de clics.

Información mostrada

Al visualizar un mapa de tipo confetti, puedes configurar:

  • El nivel de opacidad de la página que se está visualizando. Cuanta más opacidad, más se destacan los clics.
  • El filtro aplicado, entre los siguientes:
    • Tipo de Navegador utilizado.
    • País desde el que se accede.
    • Día de la semana en el que se realizó el clic.
    • Tipo de dispositivo utilizado.
    • Sistema operativo usado.
    • Hora del día en la que se realizó el clic.
    • Tiempo transcurrido desde que se ha cargado la página hasta hacer el clic.
    • Ancho de la ventana.
Resultados de un heatmap con Nelio A/B Testing.

Lleva tu negocio al siguiente nivel

El mejor plugin de Test A/B para WordPress

¿Necesitas ayuda? ¡Escríbenos!

Con tu consentimiento expreso, almacenamos la información proporcionada con el propósito de contactarte y hasta que nos pidas que la eliminemos.