Mejores prácticas del sitio de comercio electrónico: la anatomía del sitio de comercio electrónico 'perfecto' [Edición 2022]
Publicado: 2022-05-29Si está en el negocio de vender productos tangibles, probablemente ya se haya subido al carro del comercio electrónico.
Según eMarketer, las ventas de comercio electrónico alcanzarán casi $2,5 billones para 2018. Los propietarios de tiendas físicas se unen cada vez más a la carrera digital para aumentar sus ganancias.
¿Y por qué no deberían hacerlo?
Internet es un paraíso para los compradores. Desde la comodidad del hogar y con un solo clic, un consumidor puede comprar casi cualquier cosa que desee, sin la molestia de luchar contra el tráfico, encontrar estacionamiento, enfrentarse a las multitudes y hacer frente a las inclemencias del tiempo.
Entonces, ¿dónde te ubica eso?
En un mundo de comercio electrónico cada vez más saturado contra sus compañeros proveedores en línea.
Para superar la curva y unirse a las filas de las tiendas de comercio electrónico de alto vuelo, debe brindarles a los consumidores una experiencia de compra en línea eficiente y bien organizada .
La noción de un sitio de comercio electrónico perfecto es un mito, pero puede crear su propia versión perfecta ejecutando constantemente pruebas A/B y siempre pensando en sus clientes y sus necesidades.
Los grandes sitios de comercio electrónico tienen varios elementos en común. Los desglosamos analizando en profundidad su:
- Página de inicio
- Página de categoría
- Página del producto
- Página de pago
¿Apurado? Estas son las mejores prácticas para crear un sitio de comercio electrónico en 2022:
- Mejores prácticas de la página de inicio:
- Una barra de búsqueda siempre presente
- Propuesta de valor al frente y al centro
- Pestaña de productos de venta/pestaña de promociones
- Un pie de página donde los clientes pueden encontrar información sobre su empresa.
- Prácticas recomendadas para las páginas de categoría:
- Productos claramente mostrados en filas
- Navegación fácil de encontrar
- Banner destacado para resaltar promociones
- Dedicar una sección a “Best Sellers” y/o “New Arrivals”
- Mejores prácticas de las páginas de productos:
- Mostrar calificaciones y reseñas de clientes
- Copia convincente del producto
- Imágenes de productos enormes y vibrantes
- Botones grandes, audaces y de colores contrastantes para agregar al carrito
- Up-sells, cross-sells, productos relacionados
- Mejores prácticas de la página de pago:
- Indicador visual de progreso
- Ofrece diferentes opciones de pago
- Incluir resumen del pedido
- Servicio al cliente fácil de navegar
- Insignias de pago seguro
- Mejores ejemplos de sitios de comercio electrónico:
- Stanley-PMI: la primera impresión importa
- Tivoli Audio: Optimización para "El tipo listo para comprar" y "El tipo que me muestra los detalles"
- Herman Miller: Exhibición de sus productos a través de videos
- Sticker Mule: Demostrando su propuesta de valor, en segundos
- Lululemon Athletica: hacer que sus visitantes participen
- MVMT: una venta adicional con un clic para aumentar el AOV
Descargue nuestra lista de verificación: mejores prácticas de diseño de sitios web de comercio electrónico
Una lista de verificación de 36 puntos para crear el mejor sitio de comercio electrónico.
Mejores prácticas de la página de inicio de comercio electrónico
Los siguientes elementos son parte integral de una página de inicio de alta conversión:
Consejo de mejores prácticas para la página de inicio n.º 1: una barra de búsqueda omnipresente
Una barra de búsqueda es una parte increíblemente importante de cualquier sitio web de comercio electrónico. Asegúrese de que cuando el consumidor se desplace hacia abajo para ver la parte inferior de la página, la barra de búsqueda se introduzca en la barra de navegación y se desplace hacia abajo con ellos. Los visitantes no deberían necesitar desplazarse hacia atrás en la página solo para buscar algo nuevo.
Consejo de mejores prácticas para la página de inicio n.° 2: propuesta de valor al frente y al centro
Su página de inicio debe tener un gancho fuerte para entusiasmar a los consumidores y alentarlos a comprar. Agregue empuje a su propuesta de valor declarando los beneficios de sus productos de manera concisa . Indique su USP y refleje la personalidad de su marca a través de esto. Asegúrate de que tu propuesta de valor sea clara y visible.
Consejo de mejores prácticas para la página de inicio n.° 3: Pestaña de productos de venta/pestaña de promociones
Mantenga actualizados a los clientes existentes y a los nuevos en su sitio web con sus últimas promociones. Puede mostrar una pestaña en la parte superior de la página con detalles sobre sus últimos descuentos y ofertas. También es un excelente lugar para mostrar incentivos para los compradores primerizos.
Consejo de mejores prácticas para la página de inicio n.° 4: un pie de página donde los clientes pueden encontrar información sobre su empresa
Agregue todos los detalles de su negocio en el pie de página de su sitio web de comercio electrónico. Agregue una breve descripción de su empresa, dirección de correo electrónico o un número gratuito al que puedan comunicarse con usted, su ubicación, diferentes categorías de productos, un blog (si tiene uno), sus cuentas de redes sociales, etc.
Prácticas recomendadas de la página de categorías de comercio electrónico
Las páginas de categorías deben tener los siguientes elementos para obtener recompensas lucrativas:
Consejo de mejores prácticas de la página de categoría n.º 5: productos claramente mostrados en filas
Según Barbara E. Kahn, profesora de marketing y directora del Jay. Centro de venta minorista H. Baker,
“La idea es que tomará un producto cuando los bienes se apilan verticalmente y más de uno cuando se apilan horizontalmente. Los minoristas se han dado cuenta de esto”.
Esto muestra que los productos apilados horizontalmente en filas se venderán mejor en comparación con los productos que se muestran en columnas.
Consejo de mejores prácticas de la página de categoría n.º 6: navegación fácil de encontrar
Tener un plan de navegación claro ayuda en la usabilidad y permite a los usuarios saltar a la categoría deseada con facilidad.
Sugerencia de mejores prácticas para la página de categorías n.º 7: Destacar banner para resaltar las promociones
El banner de características es una parte vital de una página de categoría. Mejora la experiencia del usuario de varias maneras: mostrándoles que están en la página correcta, empujándolos hacia el siguiente paso que deben tomar para completar su proceso de compra en línea y tentándolos con promociones constantes.
Descargue nuestra lista de verificación: mejores prácticas de diseño de sitios web de comercio electrónico
Una lista de verificación de 36 puntos para crear el mejor sitio de comercio electrónico.
Consejo de mejores prácticas de la página de categoría n.º 8: dedique una sección a "Los más vendidos" y/o "Novedades"
Los productos recién llegados ayudan a los seguidores de la marca a realizar nuevas compras a medida que regresan por más. Best Sellers es igualmente eficaz, ya que anima a los nuevos clientes a realizar su primera compra en función de sus productos populares.
Prácticas recomendadas de la página de productos de comercio electrónico
Las páginas de productos de alta conversión no harán su trabajo sin los siguientes elementos:
Consejo de mejores prácticas de la página del producto n.° 9: mostrar calificaciones y reseñas de los clientes
Según Moz, el 67 % de los consumidores se ven influenciados por las reseñas en línea. Mostrar todo tipo de reseñas, buenas y malas (sí, las negativas también) anima a los consumidores a confiar en su marca y comprarle. Las reseñas honestas son siempre una base sólida para la confianza.
Consejo de mejores prácticas de la página del producto n.º 10: texto del producto convincente
La copia del producto es una parte esencial del mundo del comercio electrónico. ¿Por qué? Porque necesita vender el producto. Tiene que hablar con el consumidor. Sea descriptivo, pinte imágenes y, en lugar de indicar características, explique los beneficios del producto.
Consejo de mejores prácticas para la página del producto n.° 11: Imágenes de productos enormes y vibrantes
Las imágenes triunfan sobre el texto. Una imagen granulada y pixelada con colores apagados pintará una imagen negativa de su marca y no atraerá a su consumidor. Por otro lado, una imagen grande y vibrante donde cada detalle sea claramente visible atraerá más a sus clientes. Además, intente mostrar tantos ángulos y puntos de vista del producto como sea posible.
Según Matt de American Muscle,
“American Muscle no solo tiene una gran colección de fotos de casi todos los productos desde todos los ángulos, dentro y fuera del automóvil, sino que también permite a los clientes subir sus propias fotos. Estas tomas de clientes a menudo son mejores que las tomas corporativas e incluyen ángulos que los clientes realmente quieren ver”.
La guía definitiva para hacer crecer y escalar un negocio de comercio electrónico
Todo lo que hemos aprendido a lo largo de nuestro viaje de más de 18 años en una guía en PDF de 30 000 palabras.
Consejo de mejores prácticas de la página del producto n.° 12: Botones para agregar al carrito grandes, audaces y de colores contrastantes
Coloque los CTA cerca del producto. Etiquete el botón CTA Agregar al carrito, Comprar ahora, etc. Asegúrese de que sean grandes y fácilmente visibles.
Consejo de mejores prácticas de la página de productos n.º 13: ventas adicionales, ventas cruzadas, productos relacionados
Puede aumentar sus conversiones y aumentar el valor promedio de su carrito al aumentar la venta y la venta cruzada de productos relacionados. Muestre a los consumidores productos que complementarían su compra o que sean similares a los que compraron. Según una investigación de Forrester, las ventas adicionales y cruzadas son responsables de un promedio del 10 al 30 % de los ingresos del comercio electrónico.
Prácticas recomendadas de la página de pago de comercio electrónico
Los siguientes elementos dan a los consumidores ese empujón final para completar una venta en la página de pago:
Sugerencia de mejores prácticas de la página de pago n.º 14: indicador de progreso visual
Los formularios de pago en línea a menudo pueden disuadir a los clientes de completar el proceso de compra. Tan cerca pero tan lejos. ¿Pero por qué? ¡Porque completar todos los detalles minuciosos puede ser la tarea más aburrida y manual conocida en el mundo digital! Entonces, ¿cómo hace que esta dolorosa tarea sea un poco más fácil para su cliente? Mostrarles su progreso en el llenado de formularios a través de un indicador de progreso visual les permite ver la luz al final del túnel. No hace el trabajo por ellos, pero al menos psicológicamente los ayuda a superarlo.
Consejo de mejores prácticas de la página de pago n.° 15: Ofrezca diferentes opciones de pago
Ofrezca a los clientes el lujo de elegir sus opciones de pago como PayPal, Stripe, Mastercard, etc.
Sugerencia de mejores prácticas de la página de pago n.° 16: incluya el resumen del pedido
Muestre a sus clientes el resumen de su pedido en la página de pago, para que sepan lo que están comprando. Evita que se pregunten constantemente si hicieron clic en el producto correcto, cuál fue el precio, si eligieron el color correcto, etc. Puede incluir la imagen del producto, los atributos del producto y su precio.
Sugerencia de mejores prácticas de la página de pago n.º 17: Servicio al cliente fácil de navegar
Ninguna política de devolución es una forma segura de asustar a sus clientes. Para evitar esto, agregue elementos de soporte a su página de pago. Esto puede incluir una función de chat, políticas claras de envío y devolución, un número gratuito para llamar, etc.
Sugerencia de mejores prácticas de la página de pago n.º 18: Credenciales de pago seguras
Use un encabezado que diga "Compras 100% seguras" o agregue insignias de seguridad al pie de página para calmar las preguntas de seguridad persistentes de sus clientes. Con el negocio del comercio electrónico en auge a un ritmo tan rápido, es importante proporcionar a los clientes un entorno de compras en línea seguro. Agregar este gráfico en la página de pago eliminará las posibilidades de que los clientes se retiren en el último minuto debido a problemas de seguridad.
Descargue nuestra lista de verificación: mejores prácticas de diseño de sitios web de comercio electrónico
Una lista de verificación de 36 puntos para crear el mejor sitio de comercio electrónico.
¿Quieres ver la infografía completa? Siéntase libre de compartir (el código de inserción está en la parte inferior)
Comparte esta infografía en tu sitio
Ejemplos de los mejores sitios de comercio electrónico: edición 2022
Investigamos los principales sitios de comercio electrónico en varias industrias, tanto en B2C como en B2B, para brindarle una visión integral de lo que se necesita para pasar de un sitio promedio a un líder de la industria.
1. Stanley-PMI: la primera impresión importa
Categoría: B2C
Mercado: Tazas y termos para exterior
Cuando alguien aterriza en su sitio, se irá en un santiamén si no los involucra rápidamente o les muestra algo que los intriga.
Por lo tanto, es vital que el visitante de su sitio comprenda el beneficio de sus productos y Stanley-PMI hace un gran trabajo al respecto. Cuanto más rápido puedan entender lo que su producto hace por ellos, mayores serán sus conversiones. 
Lo que nos gusta de eso
Copia clara y concisa del producto: los beneficios rápidos, las combinaciones de colores en cada producto, la calificación en la parte superior y un botón claro "AÑADIR AL CARRITO" facilitan la decisión.
Que se puede mejorar
En lugar de decir "Suscríbete a nuestro boletín informativo", deberían indicar un beneficio inmediato al suscribirse. Podrían usar un lead magnet y escribir algo como "Para recibir su guía gratuita..."
Incluso agregar "Regístrese para ofertas exclusivas" sin un lead magnet haría que sea un poco más convincente para los lectores ingresar su correo electrónico.
2. Tivoli Audio: Optimización para "El tipo listo para comprar" y "El tipo que me muestra los detalles"
Categoría: B2C
Mercado: Audio
Hay dos tipos de consumidores:
- Aquellos que están listos para comprar, toman decisiones rápidas y quieren llegar directamente a los productos.
- Luego están los que quieren saber más. Quieren leer las preguntas frecuentes, la página Acerca de y leer casi todo antes de comprar.
Un buen sitio de comercio electrónico sabe cómo optimizar para ambos tipos de personas y Tivoli Audio lo hace bien.
Lo que nos gusta de eso
Navegación de doble encabezado en la página de inicio. Navegación grande y clara a la tienda y otras páginas principales, y para aquellos que quieren más, tienen los detalles más profundos arriba.
Que se puede mejorar
Una categoría que debe agregarse (ya que suele ser la categoría principal seleccionada en los sitios de comercio electrónico) es la categoría "Novedades".
3. Herman Miller: mostrando sus productos a través de videos
Categoría: B2B
Mercado: Mobiliario
Hoy en día se esperan fotos grandes, claras y vívidas. El video se está convirtiendo en el nuevo estándar.
Lo que nos gusta de eso
Productos mostrados por video: los clientes pueden experimentar los productos en movimiento, lo que aumenta las probabilidades de que compren.
Que se puede mejorar
Lo que falta en Herman Miller son los testimonios de los clientes. No hay reseñas en el sitio. Hay varios diseñadores en las páginas de productos, pero les falta la prueba social.
4. Sticker Mule: Demostrando su propuesta de valor, en segundos
Categoría: B2B
Mercado: Regalo
Sticker mule hace un gran trabajo al dejar en claro por qué son tan buenos. Su propuesta de valor es lo primero que ve, y la prueba de etiqueta gratuita de su cliente potencial se crea en segundos, lo que genera confianza y aumenta las conversiones.
Lo que nos gusta de eso
Una propuesta de valor muy clara que se prueba en segundos y credibilidad social.
Que se puede mejorar
Podría haber una manera más fácil para que los clientes se pongan en contacto con el servicio al cliente: solo hay un botón de "contacto" en el sitio en la parte inferior de la página.
Agregar una opción de chat en vivo en la parte inferior derecha sería genial. Incluso agregar un segundo botón de "contacto" en la parte superior ayudaría.
5. Lululemon Athletica: hacer que sus visitantes participen
Categoría: B2C
Mercado: Ropa
La gente quiere más interacción. Quieren estar más involucrados en la experiencia de compra en línea.
Lo que nos gusta de eso
La participación en el sitio es excelente, además la navegación hace que sea fácil encontrar exactamente lo que está buscando.
Que se puede mejorar
La función de chat en vivo requiere demasiado trabajo: en lugar de tener que completar un formulario para esperar el chat en vivo, permita que los clientes se salten el trabajo y comiencen a chatear de inmediato con un agente de servicio al cliente o un chatbot.
6. MVMT: una venta adicional con un solo clic para aumentar el AOV
Categoría: B2C
Mercado: Moda
Tu tienda de comercio electrónico debe estar diseñada para hacer una cosa: dar a tus clientes algo que quieren.
Una venta adicional es una oportunidad perfecta para agregar un poco más de valor a su oferta actual. Si puede hacerlo tan fácil como hacer clic en un botón para agregar una segunda correa a un reloj, podrá aumentar el valor promedio de su pedido a lo grande.
Lo que nos gusta de eso
La venta adicional de MVMT en sus relojes no parece tan agresiva. No te hace sentir incómodo. Crea una oportunidad para que su visitante tenga más opciones. Ponte en el lugar de tu visitante. “Hmm… segunda correa… nunca pensé en eso. Tener cuero negro sería bueno. Sí, me gusta más ese que el gris. *Hacer clic*
Que se puede mejorar
MVMT tiene un sitio bonito. Está limpio, está bien diseñado. Es fácil de usar. Sin embargo, una cosa que podría mejorarse es la página de inicio arriba del pliegue. Una propuesta de valor clara que le diga de inmediato por qué su tienda es diferente reducirá las tasas de rebote y aumentará las conversiones.