Las primeras impresiones no son un engaño. Hacen o deshacen nuestras posibilidades de lograr el tipo correcto de impacto.
Podemos dar un poco de holgura a nuestros compañeros humanos, pero ciertamente no podemos hacer lo mismo con los sitios web. Los compradores en línea tardan menos de un minuto en formarse una opinión sobre los sitios web tan pronto como llegan a ellos.
Esto es especialmente cierto para la página de inicio de su sitio web de comercio electrónico. La página de inicio es la cara de su tienda de comercio electrónico y, si no logra dar la primera impresión correcta, es probable que sus usuarios se vayan sin gracia.
Y lo que sucede después es que su marca pierde la oportunidad de resonar con los usuarios y ganárselos. Como resultado, no importará cuán organizado y efectivo sea el resto de su sitio web si la página de inicio, la puerta a su presencia en el comercio electrónico, no deja una huella en la mente de sus visitantes.
Por lo tanto, las pruebas constantes son la clave para comprender las necesidades y preferencias de sus visitantes y garantizar que su página de inicio de comercio electrónico cumpla con sus expectativas. Para mejorar la experiencia del usuario y abordar cualquier brecha, sugerimos comenzar con las siguientes ideas impactantes. Vamos a empezar.
1. barra de navegación
Los visitantes de la página de inicio de su comercio electrónico a menudo no están seguros de lo que quieren comprar en su sitio web. Están aquí para experimentar la apariencia de su sitio web y luego sumergirse en la exploración del producto. Aquí es donde la navegación debe captar a los clientes y ayudarlos en su proceso de compra. Una mala navegación que complica en lugar de simplificar el descubrimiento de productos afectará la experiencia del usuario de su sitio web.
Idea de prueba 1 – Imágenes de subcategorías en las que se puede hacer clic en la navegación.
Supongamos que desea hacer crecer su sitio web de venta de artículos para el hogar, pero su inventario de productos aún no es muy amplio. Las herramientas cualitativas, como las grabaciones de sesiones y los mapas de clics, le indican que los usuarios que se desplazan sobre el mega menú no hacen clic en los enlaces a las subcategorías. En este escenario, puede plantear la hipótesis de que las imágenes de las subcategorías en las que se puede hacer clic (porque son menos numerosas) pueden despertar el interés de los visitantes y mejorar su participación. Haga crear una variación basada en esto y compárela con la versión original. Según el resultado, puede ofrecer la experiencia más adecuada a sus usuarios.
A continuación, establezca las subcategorías lo más claramente posible. Asegúrese de mencionar primero los elementos del menú principal y enumere solo las subcategorías relevantes debajo de ellos. De esta forma, tus usuarios podrán navegar de forma organizada y evitar navegar sin rumbo.
Idea de prueba 2 – Subcategorías bajo la categoría principal derecha
¿Está cada una de las subcategorías de sus productos en la categoría principal correcta? Organizarlos correctamente podría ser otra idea de prueba para mejorar las ventas de determinados productos.
Por ejemplo, la suya es una tienda en línea de compras para bebés cuyo menú de navegación dice: ropa para recién nacidos, ropa para niños, cuidado de maternidad, artículos para bebés, cuidado para bebés y muebles para bebés.
Las grabaciones de las sesiones muestran que los usuarios esperan encontrar bañeras y soportes de baño para bebés en la categoría de muebles para bebés, pero aparecen en la categoría de artículos para bebés en su sitio web de comercio electrónico. Este comportamiento se basa en la idea común de que los artículos para bebés se refieren a productos como cochecitos, andadores, cochecitos y sillas de auto.
Puede realizar una prueba para ver si mover bañeras y soportes de baño de la categoría de artículos para bebés a muebles para bebés ayuda a las personas a encontrar el producto deseado y mejorar sus ventas.
Si está utilizando VWO Testing, puede contar fácilmente con su editor visual para mover o reorganizar elementos. No solo puede obtener una vista previa del cambio antes de publicarlo, sino que también puede agregar un objetivo para realizar un seguimiento. En este caso, su objetivo puede ser realizar un seguimiento de los clics en el enlace de la subcategoría de bañeras y soportes de baño para bebés que lleva a los usuarios a la página del producto en cuestión.

Objetivos que puede seguir utilizando VWO Testing
Mostrar la navegación en el encabezado es una práctica estándar en el comercio electrónico. Si bien no tiene nada de malo, también puede intentar utilizar el pie de página para acomodar y mostrar las áreas adicionales de su sitio. También puede impulsar sus esfuerzos de SEO porque enriquecer sus pies de página con enlaces ancla es recompensado por los motores de búsqueda con altas clasificaciones en SERP.
¿Qué muestra el pie de página de su página de inicio además de los datos de contacto de su empresa? ¿Nada? Pruebe si agregar enlaces a diferentes áreas ayuda a mejorar la participación del usuario en su sitio web de comercio electrónico. Vea a continuación cómo Target, uno de los principales mercados de comestibles de EE. UU., ha mostrado enlaces a diferentes páginas web como acerca de nosotros, ayuda, tiendas y servicios en su pie de página.

Enlaces en el pie de página. Fuente de la imagen: Objetivo
Es posible que los íconos de redes sociales no sean tan importantes como otros elementos en su página de inicio en términos de conversión, pero ayudan a aumentar su número de seguidores en diferentes canales de redes sociales. Y el pie de página es el mejor lugar para mostrarlos: el 70% de los sitios web ya tienen íconos sociales en el pie de página. Cree una variación usando VWO donde agregue íconos de redes sociales en el pie de página y vea si los usuarios que se desplazan hacia abajo hacen clic en ellos.
3. Pegajoso o móvil
¿El menú de navegación desaparece cuando los usuarios se desplazan hacia abajo en su tienda en línea? De lo contrario, en su lugar, puede agregar un desplazamiento al enlace superior y tenerlo en funcionamiento usando VWO Web Rollouts. Pero si no tienes ninguna de las dos cosas, estás dejando a tus visitantes en la estacada.
Puede crear dos variaciones: una con una navegación fija y otra con el desplazamiento hasta el enlace superior. Pruebe y vea cómo responden los visitantes a cada uno de ellos. Una vez más, implemente la experiencia que impulse una mayor participación.
La navegación fija es una barra de navegación fija que permanece en su posición incluso si los usuarios se desplazan hacia abajo en la página. Las navegaciones mediante stick son imprescindibles para los sitios web procesables que necesitan que los clientes realicen una acción como comprar un producto. La «fiabilidad» hace que los usuarios se sientan más seguros al navegar por un sitio web de comercio electrónico. Sirve como garantía de que no se perderán en un océano de opciones y podrán cambiar a cualquier categoría de producto que deseen como si tuvieran control sobre su entorno.

Navegación fija y desplazamiento hasta el botón superior que falta en el sitio web de Sephora

Nykaa ha mostrado navegación fija y desplazamiento hasta el ícono superior
barra USP
No deje que los clientes descubran los aspectos positivos de su marca. Tu trabajo es facilitarles el trabajo. Ponga todos los motivos al alcance de su mano, para que no tengan que preguntarse por qué deberían comprar en su sitio web de comercio electrónico. Es por eso que las marcas agregan una barra de PVU en la página de inicio de su sitio web para dar una impresión positiva a los compradores potenciales.
Durian, una de las principales marcas de muebles de la India, muestra una barra de PVU justo debajo del contenido del banner en la mitad superior de la página. Mientras que Sabai, una de las marcas líderes en venta de muebles en EE. UU., muestra los PVU de sus productos en forma de imagen de pantalla completa.
Idea de prueba 6 – Una barra de PVU o una imagen de pantalla completa que resalte las PVU
Primero, aprenda qué tipo de pantalla de PVU conecta con sus usuarios. Las herramientas cualitativas pueden ayudarle con ese ejercicio. Si no tiene PVU en la página de inicio de su tienda en línea en este momento, cree 2 variaciones: una con una barra de PVU (inspirada en Durian) y otra con una imagen de pantalla completa, siguiendo el ejemplo de Sabai.

Fuente de la imagen: Durián

Fuente de la imagen: Sabai
Idea de prueba 7 – Subiendo la posición de la barra USP
Digamos que ya tienes una barra de PVU en tu página de inicio pero está en la parte inferior. Debido a que los mapas de calor le indican que los usuarios no se desplazan tan profundamente en su página, desea probar y ver si subirlos puede ayudar a mejorar la interacción de los usuarios con la sección. Para esto, puede tener una variación en la que coloca la barra USP en la parte superior y ve cómo se desempeña frente al control.
Idea de prueba 8 – Sección de PVU visualmente impulsada
Esta idea de prueba consiste en ver si su variación visual realiza un mejor control del texto cargado.
¿El texto de su sección actual de PVU es pesado? ¿Te gustan muchas líneas e incluso párrafos? ¡Tíralo!

En su lugar, utilice íconos para resaltar lo que representan sus PVU. Esto puede verse súper pegadizo y absolutamente limpio.
Aquí también, VWO Visual Editor le permite realizar cambios en el diseño, por lo que puede realizar estas pruebas fácilmente sin tener que recurrir a la ayuda de los desarrolladores (incluso si la necesita es mínima). Puede modificar imágenes y videos, copiar, mover elementos, cambiar al editor de código y agregar objetivos para realizar un seguimiento con esta herramienta.
5. Imágenes
Recuerde, a diferencia de lo que sucede en las tiendas físicas, los clientes no pueden ver, sentir ni tocar los productos cuando compran online. Lo más cerca que pueden estar de esa experiencia tangible es ver (de hecho, examinar) imágenes de productos para tomar una decisión de compra.
Es una obviedad que debes agregar imágenes de alta calidad relevantes a lo que ofreces en tu sitio web de comercio electrónico. Evite mostrar imágenes de archivo porque carecen de autenticidad y no representan sus ofertas de la mejor manera. Si puede, opte por imágenes de estilo de vida, ya que impactan la psique de su público objetivo y les hacen visualizar cómo se sentiría el uso de sus productos. Cuando se colocan estratégicamente en su página de inicio, los videos también pueden hacer un gran trabajo al atraer a los visitantes de su sitio web.
Idea de prueba 9 – Vídeo de marca para mejorar la participación del usuario
Imagine que es dueño de una tienda de venta de café en línea y en una sección de su página de inicio tiene contenido de texto que explica la especialidad de su empresa en tostar granos de café de forma natural. ¿Sabes qué puede hacer esto más interesante? Crea una variable que contenga un video sobre esto donde puedas usar animaciones o hacer que personas reales hablen sobre sus experiencias.
VWO Testing puede hacer todo el trabajo pesado para que puedas insertar videos fácilmente en tu página de inicio usando el editor visual y comenzar. Establezca «Seguimiento de la participación» como su objetivo para ver si este cambio motiva a los visitantes a interactuar mejor con su sitio web de comercio electrónico.
6. Recomendaciones de productos
Los usuarios que llegan a la página de inicio de su comercio electrónico a través de una búsqueda directa o una búsqueda orgánica todavía están en el proceso de descubrir su marca y sus ofertas.
Bríndeles suficientes opciones para explorar. Permítales echar un vistazo a lo que pueden esperar de su marca.
Idea de prueba 10 – Recomendaciones de productos para nuevos visitantes
Los nuevos clientes necesitan saber qué diferencia a su marca del resto. Para hacer esto, puede mostrar mosaicos de recomendación de productos «Más vendidos», «Mejores selecciones» y «Novedades» para captar su atención e incluso alentarlos a realizar una conversión.
Idea de prueba 11 – Recomendaciones personalizadas para visitantes que regresan
¿Qué pasa con sus clientes recurrentes? ¿Se beneficiarán al ver las recomendaciones de productos anteriores? Sí, por qué no, pero lo que realmente puede destacar es ofrecer recomendaciones de productos personalizadas en la página de inicio de tu tienda online. Algunos títulos de productos que vale la pena agregar a su página de inicio son «Según su historial de búsqueda», «Seleccionados para usted esta semana», «Continuar explorando estas marcas», etc.
Con VWO FullStack, puede ejecutar pruebas en motores de recomendación con la ayuda de sus desarrolladores. Además, los segmentos personalizados en VWO le permitirán dirigirse a un segmento específico para una prueba (clientes nuevos para la primera prueba y clientes recurrentes para la segunda prueba). Para ver si esta prueba motiva a nuevos clientes a comprar, puede realizar un seguimiento de las conversiones y establecer el valor de agregar al carrito como identificador de objetivo.

Crear segmentos personalizados antes de realizar pruebas en VWO
7. Ofertas de temporada
No importa cuán exigentes sean los clientes a la hora de compartir datos personales cuando compran en línea, el 85% de ellos están dispuestos a intercambiar datos por descuentos. Sí, lo leiste bien. Nada atrae tanto a los clientes como los descuentos. Ya sea que esté ejecutando una oferta de compre uno y obtenga uno gratis u ofreciendo ventas flash, dígaselo a sus visitantes a través de su página de inicio de comercio electrónico.
La lógica simple detrás de por qué funcionan los descuentos es que alientan a más clientes a comprar, lo que aumenta sus ganancias. Pero hay que tener en cuenta que bajar los precios más allá de cierto punto puede alterar los márgenes de beneficio.
Idea de prueba 12 – Descuentos para incentivar más compras
Imaginemos esto. Actualmente estás ofreciendo un 30 % de descuento como parte de una estrategia de ventas de liquidación a tus clientes. Al ver que no muchos clientes responden, puede crear una variación con un descuento del 50%, que prueba para comprobar si una tasa de descuento más alta (acordada por la dirección) motiva a los clientes a comprar. Establezca su objetivo en «Seguimiento de ingresos» en VWO para obtener el resultado de la prueba.
Idea de prueba 13– Ubicaciones de descuentos: carrusel o barra horizontal
Ahora bien, ¿dónde colocar los banners de oferta para que capten la atención de los clientes? La mayoría de las marcas destacan ofertas en carruseles con imágenes atractivas de productos o estilos de vida en la sección superior de su página de inicio. Gigantes como Amazon y Walmart han sido pioneros en el uso de este estilo de visualización de ofertas. Para su caso, puede tener un carrusel en la primera variación y mostrar un banner horizontal en la parte superior en la segunda variación. El que tenga una mayor probabilidad de mejorar sus conversiones debería implementarse para todos.
Idea de prueba 14 – Recomendaciones basadas en ofertas
Los títulos de recomendación basados en ofertas también pueden ser una buena idea de prueba para probar y ver cómo funcionan en su tienda en línea. Amazon clasifica los productos en los que hay ofertas atractivas disponibles en una categoría de recomendación particular en su página de inicio.

Fuente de la imagen: Amazonas
Uno de los clientes de VWO, Ideal of Swedish, una marca sueca de estilo de vida, quería aprovechar el mes negro para impulsar las ventas en su tienda online. Por lo tanto, el equipo tuvo como objetivo alentar a los visitantes a comprar antes de que terminara la oferta, siendo los descuentos el motivador. Como resultado, se planteó la hipótesis de que implementar un banner de cuenta regresiva crearía miedo a perderse algo en la mente de los clientes, animándolos así a comprar pronto. La variación se implementó en todo el sitio web y generó un aumento del 5,6 % en la métrica principal de agregar al carrito. Para saber más sobre lo aprendido en la prueba y la próxima hoja de ruta, lea aquí.

Hace unos días, encontré una publicación interesante de Johnny Longden, Director de Servicios de Experimentos Digitales, donde criticaba a un vendedor de electrodomésticos de cocina en línea por mostrar una ventana emergente de correo electrónico 4 veces dentro de los 15 segundos posteriores a su llegada a su sitio web. Y creía que esto podría provocar una gran caída de la tienda online.
A medida que nos acercamos al futuro sin cookies, entendemos su necesidad de recopilar datos de origen para seguir siendo competitivos. Y pedir a los visitantes que compartan sus direcciones de correo electrónico ofreciéndoles descuentos, boletines informativos y membresías en formularios emergentes es una de las formas efectivas de lograrlo.
Pero las ventanas emergentes son espadas de doble filo. Si bien mostrarlos aumenta las posibilidades de obtener los datos deseados del cliente, la visualización prematura puede ser perjudicial para la experiencia del usuario, ya que puede distraer a los visitantes de obtener valor de su sitio web de comercio electrónico.
Ejecute una prueba en la que aumente el tiempo entre que los usuarios acceden al sitio web y muestran la ventana emergente de correo electrónico. Supongamos que aumenta el tiempo de 15 segundos a 30 segundos, dando a los usuarios la oportunidad de consumir parte de su contenido. Con VWO, puede establecer el objetivo en «Seguimiento de clics en elementos» y ver si más usuarios están completando el formulario en la variación.
Idea de prueba 16 – Texto persuasivo para su formulario
¿Cree que hay margen para mejorar la copia del formulario? Pregunte sólo lo necesario. Hacer muchas preguntas puede generar sospechas entre los visitantes y hacer que abandonen su sitio web. Además, asegúrese de que la copia sea persuasiva y pegadiza. Puede mostrar algo como: Más de 20.000 visitantes ya se han registrado. Ahora es tu turno de recibir ofertas atractivas en tu bandeja de entrada. La combinación de una copia persuasiva y números actúa como una gran prueba social que crea una urgencia en la mente de los visitantes de tomar medidas para no quedarse atrás.
¿La ventana emergente de su correo electrónico es de página completa? Es posible que a los visitantes de su sitio web les resulte una distracción. Una alta tasa de abandono podría ser testimonio de ello. Puede intentar mostrar una ventana emergente minimizada en la esquina de la página de inicio y ver si el público la recibe mejor. Con nuestro Editor visual, puede agregar diferentes tipos de widgets y ajustar la forma y ubicación de los widgets existentes. Realice una prueba con todas las funciones para probar estas ideas hoy.

Editor visual VWO
9. Botones de llamada a la acción
Inundar tu página de inicio con muchas palabras no es una buena idea. Lograr un equilibrio entre texto y elementos visuales (incluso espacios en blanco) es muy importante para reducir la carga cognitiva de los usuarios de su tienda en línea.
Idea de prueba 18 – Copia del botón de llamada a la acción
Como se sugiere para el formulario emergente de correo electrónico, debería ver si hay posibilidad de optimizar los botones de llamado a la acción (CTA) en diferentes lugares de su página de inicio. Si su CTA actual &39;Buscar productos&39; no recibe tantos clics como le gustaría, puede ver si ajustar la copia a algo como &39;Explorar nuestra colección&39; mejora los clics de los usuarios en el botón.
Idea de prueba 19 – Colores de los botones CTA
Cuando decidas los colores de tus botones de CTA, considera los tonos del fondo, los espacios en blanco y otros elementos visuales de la página de inicio. Digamos que su diseño está hecho en amarillo claro. No se puede esperar que un tono similar se destaque cuando se usa para un botón de CTA. En su lugar, puedes probar otros tonos como miel, dorado, fuego y dijon para hacer que el botón CTA permanezca en la parte superior de la jerarquía visual y atraiga la atención de los visitantes.

Fuente de la imagen: thelogocompany
idea de prueba 20 – Ubicación en la parte superior de la página de los botones CTA
Su página de inicio no es un laberinto que sus visitantes tengan que resolver. Si desea que permanezcan en su sitio web, mantenga los elementos interactivos, especialmente los botones de CTA, en lugares predecibles y destacados. ¿Su botón de CTA principal está debajo de la mitad superior de la página? Muévelo hacia arriba e incorpóralo con la imagen del encabezado. Difícilmente puedes equivocarte con este. Aún así, pruébelo y vea cómo funciona para usted.
La empresa de indumentaria RIPT, con sede en Chicago, probó y encontró su botón CTA de mejor rendimiento utilizando VWO. No solo agregaron un descuento sino que también agregaron un temporizador de cuenta regresiva que creó FOMO (miedo a perderse algo) entre sus visitantes. Como era de esperar, la variación resultó ganadora con un aumento del 6,3% en las compras. Lea aquí para conocer los aprendizajes de la prueba.
10. Barra de búsqueda
Ninguna conversación sobre la página de inicio está completa sin mencionar la barra de búsqueda. Pero la funcionalidad de la barra de búsqueda en sí misma es un tema amplio que merece su propio artículo. Para este, ciñámonos a su ubicación en la página de inicio.
No hace falta decir que la barra de búsqueda debe ubicarse en un lugar destacado para que los visitantes puedan verla y acceder a ella fácilmente. Aquí hay algunos ejemplos para inspirar su idea de prueba.
Amazon ha dividido el menú superior en dos barras: muestra la barra de búsqueda junto con los íconos de cuenta de usuario, devolución y agregar al carrito en la parte superior y el mega menú y el menú de hamburguesas en la segunda barra.
Mientras que eBay ha dividido el menú superior en tres barras diferentes: la primera muestra íconos de agregar al carrito y firmar cuenta, lista de seguimiento y menú desplegable Mi eBay, etc. La segunda barra solo alberga el cuadro de búsqueda con un menú desplegable comprar por categoría al lado. El tercero enumera y muestra todos los elementos del menú de navegación principal para que los usuarios los exploren.

Fuente de la imagen: Amazonas

Idea de prueba 21 – Diseño y ubicación de la barra de búsqueda.
Consideremos que los visitantes de su página de inicio no hacen clic en el cuadro de búsqueda. Pero habrá observado que los visitantes que realizan búsquedas tienen más posibilidades de realizar una conversión. Para la variación, puedes hacer que el cuadro de búsqueda esté más alineado al centro y su borde sea más prominente para aumentar su visibilidad. Pruebe esto con el control donde el cuadro de búsqueda pasa desapercibido. Vea si la variación aumenta la cantidad de visitantes que hacen clic y buscan productos.
Best Choice Product, una tienda en línea con sede en California, descubrió que el 50 % del tráfico a su sitio web procedía de usuarios móviles y los visitantes que buscaban productos generaban conversiones un 60 % mejor que el resto. Utilizaron VWO para realizar una prueba en la que se planteó la hipótesis de que aumentar el tamaño del cuadro de búsqueda y colocarlo en el centro puede ayudar a mejorar las conversiones. La prueba fue un éxito con un aumento del 30% en la tasa de clics en las principales CTA.
Envolviendolo
La página de inicio ofrece una ventana para que los usuarios echen un vistazo a su marca y lo que ofrece. Debe experimentar y ver qué ayuda a mantener a los usuarios en su sitio web de comercio electrónico, demostrar que vale la pena dedicar tiempo a su tienda en línea y hacerlos avanzar gradualmente en el embudo de compra.
Espero que hayas disfrutado leyendo el primer blog sobre ideas de pruebas A/B para tu página de inicio de comercio electrónico de esta serie. Es posible que tenga la tentación de probar estas ideas de prueba, con la esperanza de disparar la participación y las conversiones de los usuarios. Pero tenga en cuenta que cualquier prueba que realice debe estar respaldada por una investigación contextual de su sitio web y sus usuarios.
Aproveche la plataforma de experimentación integrada VWO para sumergirse en análisis del comportamiento del usuario, datos unificados de clientes y pila completa para informar la hoja de ruta de prueba de su sitio web. ¡Regístrese para una prueba gratuita y dé el primer paso hacia la renovación de su página de inicio!