El mercadeo para el bien común me da una sensación de calidez, así que hoy estoy muy contento de hacer un análisis de la página web de Ele y Phant, una empresa de comercio electrónico que dona el 30% de sus ganancias para salvar a los elefantes en Kenia.

Antes de entrar en materia, voy a dar un poco de contexto. He aquí cómo se ve su sitio cuando aterrizas en él:

Y he aquí cómo se ve cuando su formulario de recolección de correo electrónico y su banner de ENVÍO GRATUITO se dispara después de unos segundos:

Vale la pena notar que su sitio web tiene bastante poco tráfico. En 17 días, su página de inicio recibió 37 visitas y 43 clics.

Muchos de nuestros clientes tienen poco tráfico en su página web, por lo que esta es una gran oportunidad para hablar de lo que se puede hacer en ese caso.

Ahora, ¡a lo bueno! En los próximos minutos les explicaré cómo hacer un análisis de la página de inicio usando los cinco informes de visitas de Agencia Analitica Web, comenzando con un mapa de calor.

Informe de mapa de calor

Un informe de mapa de calor normalmente te mostrará dónde están los puntos de acceso más populares para los clics; aunque no hay mucho que ver aquí con sólo 37 visitantes a la página principal de Ele y Phant.

Para comparar, aquí está cómo es un mapa de calor de la página principal con muchas visitas. Puedes ver claramente qué elementos de la página son los más atractivos para la gente.

Mis consejos

De un vistazo al informe del mapa de calor de Ele y Phant, lo único que recomendaría de entrada es que utilicen la herramienta de cámara de páginas de Agencia Analitica Web para ver lo que sucede detrás de ese formulario emergente de correo electrónico.

Page Camera es una extensión de Chrome súper intuitiva que te ayuda a rastrear lo que sucede detrás de los elementos interactivos – como un formulario de correo electrónico – así como lo que sucede en las páginas de pago o de carrito, y lo que sucede detrás de la pantalla de ingreso de un cliente. De esta forma, podrá tener una visión completa de cómo la gente interactúa y navega por su sitio web.

En este caso, me gustaría saber si la gente se está interesando por los elementos del menú de la parte superior de la página (MUJERES, HOMBRES, NIÑOS, ACCESORIOS, SOBRE NOSOTROS).

Mi teoría es que este formulario de correo electrónico podría estar interfiriendo con la experiencia de navegación del producto, por lo que también recomendaría que Ele y Phant intenten cambiar la configuración del formulario de captura de correo electrónico de automático (todos los que visitan las páginas de inicio lo ven inmediatamente) a una de estas alternativas:

• Retraso (todos los que visitan las páginas de inicio lo ven después de desplazarse a la mitad o de pasar cierto tiempo en la página), o

• Exit intent (la gente sólo ve el formulario cuando navega fuera de la página principal o cuando sale de la pestaña).

Si el número de clic sube cuando comparamos una instantánea anterior y posterior de la página principal, o vemos que más gente se desplaza hacia abajo de la página para ver la sección de colecciones (más sobre esto en la sección de abajo) sabremos que esta estrategia ha funcionado.

Informe de scrollmap

A continuación usaré un informe de scrollmap para ver hasta dónde llega la mayoría de la gente en la página de inicio, y para saber dónde dejan de comprometerse con el contenido.

Como explica la barra de color de la derecha, las bandas amarillas y rojas indican los puntos con más impresiones de los visitantes (más populares), mientras que las bandas verdes y azules indican un 50% o menos de compromiso (menos populares).

Cuando miramos el mapa de desplazamiento de arriba, parece que el 100% de la gente está viendo el formulario de recogida de correo electrónico de Ele y Phant y el botón CTA («Join»), ¡lo cual es genial si el correo electrónico es clave para su estrategia de adquisición!

Sin embargo, si seguimos navegando por su página de inicio, vemos que la gente pierde interés en la mitad inferior de la imagen de carrusel/arriba de la declaración de misión, vuelve a la sección de Colecciones, y comienza a dejar de nuevo a los recién llegados.

Mi consejo

Cuando llegamos a la sección de New Arrivals, sólo el 50% de la gente la está viendo. La mayoría también se está perdiendo importantes «Enlaces útiles» en el pie de página – como FAQ, Entrega y Dimensionamiento.

Si esos artículos y enlaces son importantes para las conversiones, yo recomendaría moverlos hacia arriba de la página o hacia otras páginas que estén más abajo en el camino de la compra.

Como vendedor, también recomendaría maximizar la atención en el formulario de recogida de correo electrónico arreglando la copia:

• ¿Qué beneficios obtendrá la gente al inscribirse en la lista de correo?
• ¿Hay formas más convincentes de decir «Únete»?

Por último, la personalización se ha convertido en un aspecto extremadamente importante de la estrategia de marketing.

Si Ele y Phant dependen del correo electrónico para realizar muchas ventas, puede ser útil para ellos hacer una pregunta calificadora en el formulario de recogida de correo electrónico (como si eres hombre o mujer, o si estás comprando un hombre/mujer/bebé) para que puedan adaptar sus seguimientos con las opciones de ropa más relevantes.

Informe de la lista

Ahora voy a pasar al Informe de la lista para ver en qué hace clic la mayoría de la gente. A pesar de que no pudimos ver detrás del formulario de correo electrónico en el informe de la hoja de calor, la buena noticia es que el informe de la Lista capturó cualquier clic que la parte superior de la página principal de Ele y Phant recibió de los visitantes.

Si miramos la pestaña Visible en esta página, el CTA «Join our mailing list» recibió la mayoría de los clics en la página – lo que tiene sentido dado que el 100% de la gente lo está viendo según el scrollmap.

Un elemento de la página llamado «flex-next» también recibe un gran porcentaje de clics – si investigo haciendo clic en el texto azul, parece que es la flecha que trae imágenes adicionales en el carrusel.

En cuanto al contenido, parece que «Enlaces útiles» y «Acerca de nosotros» son los más populares. Esto es interesante dado lo que dije en la sección anterior sobre enterrar esa información en el pie de página.

Para las categorías de productos, Mujeres parece ser el único enlace en el que se ha hecho clic.

Ahora, veamos la pestaña No visible, que incluye elementos que están ocultos en la página de inicio (como los elementos desplegables de un menú).

Puedes ver que la categoría «Todas las mujeres» hizo el corte aquí. Pero lo que realmente me interesa es que puedes ver que otros dos ítems que se comprometieron están marcados como «Layout» – lo que indica un área de la página en la que no se puede hacer clic.

Mi consejo

Añadir enlaces a elementos no vinculados siempre es una ganancia rápida!

Según el Informe de la Lista, parece que nos hemos perdido a alguien que quería comprar una camiseta de bolsillo Elephant Classic de manga corta Comfort, o a alguien que quería navegar por las colecciones de Ele y Phant. Yo sugeriría que se aseguren de que las áreas alrededor de esos elementos sean accesibles con un clic.

En cuanto al elemento «flex-next» que está recibiendo la segunda mayor cantidad de clics; podría ser que jugar con el carrusel de imágenes esté distrayendo a la gente de la navegación por los productos. Encontramos un comportamiento similar durante un análisis de la página de inicio de comercio electrónico que realizamos para el cliente de Agencia Analitica Web, TommieCopper.com. Merece la pena probar si una foto estática con una superficie más pequeña mejoraría la tasa de clics en las secciones Categorías y Novedades

Informe de superposición

Voy a pasar al informe de superposición durante un segundo: son los mismos datos que el informe de lista, pero es mucho más visual.

Como no tenemos muchos clics en la página principal de Ele y Phant no voy a dedicar mucho tiempo a esta, pero aquí tienes algunas observaciones:

Casi el 10% de los clics en la página principal provienen de la pestaña X para cerrar el formulario emergente de correo electrónico:

«Acerca de nosotros» y «Mujeres» están escondidas en la barra de menú detrás del formulario, pero cada uno de ellos tiene dos clicks:

Aunque la mayoría de la gente no llegó al pie de la página de inicio, los que lo hicieron hicieron clic en «Acerca de nosotros», el logo de Wild Aid, y el botón Instagram de Ele y Phant:

INFORME CONFETTI

El último informe que voy a mirar es Confetti, que es como una miniatura de Google Analytics. El informe de Confeti muestra el comportamiento de los clics por segmento de visitantes, incluyendo:

• Fuente de referencia
• Nuevas vs. Visitantes que regresan
• Tipo de dispositivo

Veamos algunos de ellos.

Fuente de referencia

La mayoría del tráfico de la página de inicio es directo, lo que significa que la gente viene directamente a www.eleandphant.com. Esto es un indicador de la conciencia de marca, ¡lo cual es excelente!

Parece que la gente también viene de la página de Colecciones – una buena señal de que la gente está visitando más de una página, pero quizás un indicador de que no encontraron lo que buscaban.

Completando los tres primeros, vemos Instagram! Teniendo en cuenta estos datos y el hecho de que el único botón de medios sociales en el que se ha pulsado hasta ahora ha sido Instagram, podemos concluir con seguridad que este canal merece una inversión extra.

Nuevos vs. Visitantes que regresan

De los 43 clics en la página de inicio:

• 27 fueron de Visitantes nuevos
• 16 fueron de Visitantes que regresan

¡Es una buena y saludable división! Si tuviéramos más datos sería más fácil profundizar en las diferencias en el comportamiento de los clics entre los dos segmentos.

Por ejemplo, con muchas más visitas el informe de confeti podría tener un aspecto parecido a este:

Siguiendo adelante…

Tipo de dispositivo

De los 43 clics en la página de inicio:

• 25 fueron de visitantes de Escritorio
• 15 fueron de visitantes de Teléfono
• 3 fueron de usuarios de Tablet

Combinados, los visitantes «móviles» representan 18 de los 43 clics, lo cual no es insignificante.

Mi consejo

Basado en mi observación en la sección de Fuente de Referencia, yo observaría algunas grabaciones de sesiones de usuarios en la página de Colecciones para verificar si parece que la gente está navegando con éxito, o si están regresando a la página principal porque no están encontrando lo que están buscando.

Al observar la división por tipo de dispositivo, diría que un porcentaje tan alto de gente está visitando y haciendo clic en la página de inicio de Ele y Phant a través del dispositivo móvil que vale la pena comprobar dos veces si el sitio se muestra correctamente en los teléfonos y tabletas.

Optimización de la página de inicio Takeaways

Para resumirlo todo, al mirar los cinco informes de visitantes del sitio web de Agencia Analitica Web, los takeaways son los siguientes:

• Siga ejecutando los informes para recoger más datos de los visitantes
• Utilice la cámara de la página para ver lo que está pasando detrás del formulario de correo electrónico
• Experimente con la copia en el formulario de correo electrónico y configúrelo para el retraso de tiempo o la intención de salida
• Mueva los «Enlaces útiles» como Entrega y Tamaño que están en el pie de página, o en las propias páginas de productos
• Experimente con una imagen estática más pequeña en la página de inicio en lugar de un carrusel
• Compruebe dos veces que el área alrededor de las categorías de productos está vinculada
• Aumente la inversión de tiempo en Instagram
• Observe las grabaciones de los visitantes para saber si la gente encuentra lo que busca en la página de Colecciones
• Compruebe la experiencia de la página de inicio en el móvil para asegurarse de que es el comprador-friendly

Ele y Phant donan una cantidad considerable de sus beneficios para una gran causa, y puedo atestiguar personalmente que sus camisas son increíblemente suaves.

Al hacer sólo un par de los ajustes que sugiero arriba, pueden maximizar la pequeña cantidad de tráfico que ya están recibiendo, fomentar más visitas repetidas, y con suerte rescatar muchos más animales.

Si eres propietario de un pequeño negocio, comercializador de crecimiento o diseñador de sitios web y te gustaría que un análisis como éste se ejecute en tu sitio para ti, deberías revisar nuestro paquete JumpStart, que incluye una sesión de entrenamiento CRO 1:1.

También puedes visitar nuestra página de seminarios web para ver los tutoriales de optimización de sitios web en vivo y el horario de oficina con nuestro jefe de éxito de clientes. Feliz optimización!