20 consejos de optimización para el diseño y la prueba de páginas de productos de comercio electrónico

Las páginas de productos son posiblemente las páginas más importantes de su sitio de comercio electrónico.

En Growcode, nos damos cuenta de que todo importa. Las páginas de inicio bellamente diseñadas son vitales para causar una buena impresión. Y los formularios de pago robustos son clave para sellar la parte inferior de su embudo de ventas, evitando el abandono del carrito.

Pero ninguna página tiene un mayor impacto en las ventas y las conversiones generales que las páginas de productos. Es donde sus clientes evalúan sus productos, reciben sus ofertas especiales y edulcorantes (como envío gratuito) y finalmente deciden hacer clic en el botón "Agregar al carrito" tan importante. Las páginas de sus productos son como las salas de máquinas que mantienen a flote todo el barco.

Las conversiones de agregar al carrito rondan, en promedio, alrededor del 10% . Eso significa que de todo el tráfico a un sitio, alrededor del 10% agregará un producto al carrito. De todas las sesiones del sitio web , alrededor del 50% involucran una vista de la página del producto.

En Growcode, creemos que este es un número relativamente bajo. La mayoría de los minoristas de comercio electrónico están dejando dinero fácil sobre la mesa al no optimizar sus páginas de productos de bajo rendimiento . Las investigaciones han demostrado que algunos minoristas convierten casi la mitad (49,73%) de todo el tráfico a las páginas de sus productos en ventas .

Entonces, en esta guía, le brindaremos 20 consejos de optimización simples pero altamente efectivos para garantizar que obtenga la mayor cantidad posible de conversiones de agregar al carrito. También usaremos algunas de las mejores páginas de productos en la web como ejemplos prácticos.

¿Cómo puede mejorar la página de su producto de comercio electrónico?

1. ¿La toma del producto es lo suficientemente grande para ver detalles específicos?
2. ¿Funciona correctamente la función de ampliación de fotografías?
3. ¿Son las fotografías de alta resolución y alta calidad?
4. ¿Las fotos de los productos destacan las características más importantes para los usuarios (como las suelas de los zapatos)?
5. ¿Muestra más de una imagen y es fácil navegar por ellas?
6. Para los minoristas de ropa, ¿incluyen información sobre el modelo cerca de la foto?
7. ¿Las calificaciones y los testimonios están disponibles fácilmente, ya sea haciendo clic en un botón o desplazándose hacia abajo?
8. ¿Se pueden escanear fácilmente las opiniones de los revisores?
9. ¿Agrupa los “cuatro grandes” de información en la página de detalles del producto?
10. ¿Tu CTA principal es una oración imperativa en lugar de una sola palabra?
11. ¿El CTA está visible en la mitad superior de la plantilla de diseño de la página del producto?
12. ¿Aprovecha las técnicas de creación de urgencia?
13. ¿Son obvios los pasos que conducen al pago (después de que un usuario agrega un producto al carrito)?
14. Si un producto se agotó, ¿muestra a los clientes productos o alternativas similares?
15. ¿Muestra claramente la información de envío en la página del producto?
16. Si es común cobrar altos precios de envío en su industria, ¿incluye una calculadora de envío en la página?
17. ¿Están todas las especificaciones disponibles en la descripción del producto?
18. ¿Las opciones personalizables (como color, tamaño, papel de regalo, etc.) son claramente visibles para el usuario y son fáciles de usar?
19. ¿Incluye un recordatorio visible para seleccionar el tamaño / color si un cliente lo olvida?
20. ¿Incluye contenido generado por el usuario, como de Instagram?

¡Disfrutar!

1. ¿La toma del producto es lo suficientemente grande para ver detalles específicos?

Las imágenes grandes con muchos detalles son uno de los activos más valiosos que tiene como minorista en línea . Es importante recordar que los clientes en línea tendrán una gama más amplia de dudas en comparación con los clientes que compran en una tienda física, donde pueden inspeccionar los artículos de cerca.

Su trabajo es replicar la experiencia de la calle lo más fielmente posible. Asegúrese de que todas las imágenes sean lo suficientemente grandes para ver detalles específicos. No es necesario exagerar con imágenes del tamaño de una valla publicitaria. Pero todas las características y matices deben ser visibles.

No hace falta decir que debe utilizar fotografías de productos profesionales e, idealmente, optimizar las páginas para mostrar las fotografías más atractivas de manera más destacada. Las pruebas divididas para encontrar la mejor imagen insignia (la que los visitantes verán cuando accedan por primera vez a una página) le proporcionarán datos concretos en los que basar su decisión.

2. ¿La función de ampliación de fotografías funciona correctamente?

La función de zoom en las fotos puede ser un poco difícil de acertar. Es importante asegurarse de que las imágenes se amplíen a un tamaño apropiado (y no llenen toda la pantalla), que sea fácil para los usuarios enfocar otras partes de la imagen y que puedan minimizar la imagen rápidamente para interactuar con otros elementos de la imagen. página .

El nivel de detalle de las fotografías de Zappos deja poco a la imaginación. Los visitantes pueden ver todas las características del producto en detalle. Debe intentar crear una experiencia para los clientes lo más cercana posible a la de la tienda.

Las funciones de zoom en las imágenes son importantes porque reproducen la interactividad que sentiría una persona al comprar en una tienda normal. Pruebe la función de zoom de fotos, asegurándose de que se ajuste a la experiencia general de la página, como parte del proceso de diseño de la página de su producto.

3. ¿Las fotografías son de alta resolución y alta calidad y se ajustan al diseño de la página del producto?

Además de garantizar que las imágenes sean lo suficientemente grandes y que la función de zoom funcione, también es importante permitir que los espectadores vean detalles específicos , tal como lo harían si estuvieran inspeccionando un producto en persona. Este es especialmente el caso de los productos que tienen muchas características.

Las imágenes de alta calidad también comunican profesionalismo. Es más probable que los clientes cuestionen la integridad de su marca y sitio si muestra imágenes de segunda categoría. También es más probable que los clientes equiparen buenas imágenes con buenos productos.

Probablemente hayas tenido la experiencia de aterrizar en un sitio web solo para ver imágenes pixeladas de baja calidad. Apuesto a que no te quedaste mucho tiempo. Revisar las imágenes de los productos antes de publicarlas constituye una parte importante de las mejores prácticas de comercio electrónico.

4. ¿Las fotos de los productos destacan las características más importantes para los usuarios (como las suelas de los zapatos)?

Ciertos productos tendrán características destacadas que constituyen los principales PVU. Estas funciones deben tener sus propias fotografías dedicadas de alta resolución y ampliables cuando sea apropiado.

También es importante incluir fotos que destaquen las características más notables de los productos, como las suelas de los zapatos, los teclados en las computadoras portátiles, las principales características de diseño en la ropa, etc.

En el ejemplo de Zappos anterior, se presta especial atención a las características más importantes de productos como las suelas.

También asegúrese de que las descripciones de los productos coincidan con las imágenes. Si hace referencia a características específicas y PVU en las descripciones, asegúrese de que haya imágenes correspondientes para que los clientes las verifiquen. También vale la pena organizar las imágenes en orden de las características más importantes para que los clientes las vean primero.

¿Quieres más información como esta?

Obtenga consejos semanales de comercio electrónico, estrategias y conocimiento líder de la industria.
Entregado directamente en su bandeja de entrada.

el He leído la política de privacidad y acepto los términos y condiciones del boletín.

Seleccione esta casilla de verificación para continuar

¡Guau! Te acabas de registrar. Revise su bandeja de entrada para confirmar la suscripción.

5. ¿Muestra más de una imagen y es fácil navegar por ellas?

Mostrar varias imágenes, incluso si son desde ángulos similares, recrea la experiencia de manipular un producto. Por lo general, los clientes quieren ver un producto desde numerosas perspectivas y comprenderlo por completo antes de comprarlo. Este es especialmente el caso de ciertos productos, como ropa y accesorios, donde normalmente se produciría una gran cantidad de manipulación.

Tenga en cuenta que la capacidad de atención en línea es notoriamente limitada. Estas imágenes deben ser fáciles de recorrer, especialmente en dispositivos móviles. Si dificulta que los usuarios vean diferentes imágenes rápidamente, solo está aumentando la probabilidad de que abandonen el sitio.

Aquí hay un consejo rápido: asegúrese de que los usuarios puedan usar ambos pulgares para desplazarse por las imágenes en los dispositivos móviles. ¡No intentes adivinar su mano favorita!

Observe cómo las imágenes en la captura de pantalla de Simply Hike arriba son fáciles de hacer clic y también muestran el producto desde una variedad de ángulos similares. Las sutiles diferencias entre las imágenes tienen como objetivo que el visitante se sienta como si estuviera probando el producto por sí mismo.

6. Para los minoristas de ropa, ¿incluyen información sobre el modelo cerca de la foto?

Incluir información sobre el tamaño de una prenda de vestir y el modelo que la lleva puede incitar a los visitantes con medidas similares a comprar. También pondrá un producto en perspectiva para el cliente. Incluso los clientes que no tengan las mismas medidas tendrán un punto de referencia sólido para elegir una talla.

Recuerde, los clientes están tratando de hacer rápidamente un juicio informado sobre una prenda de vestir sin el lujo de probársela. Es poco probable que dediquen mucho tiempo a buscar en la página de un producto toda la información que necesitan. Al proporcionar tantos detalles como sea posible en un solo lugar, aumenta la probabilidad de que los clientes se sientan lo suficientemente seguros para comprar.

La descripción de Forever 21 debajo de “Talla + Ajuste” dice: “El modelo mide 5'8” y usa un pequeño.

7. ¿Las calificaciones y los testimonios están fácilmente disponibles, ya sea haciendo clic en un botón o desplazándose hacia abajo?

Las calificaciones y las reseñas tienen un efecto enorme en las conversiones. Debe hacer que sea lo más fácil posible para los clientes potenciales acceder a las reseñas, incluyéndolas directamente después de la descripción del producto .

También es una buena práctica agregar información agregada, como la calificación general y los promedios de las reseñas que tienen cinco estrellas, cuatro estrellas, tres estrellas, etc. en la sección de reseñas (vea la captura de pantalla a continuación).

Crutchfield incluye reseñas inmediatamente después de la descripción del producto, con información simplificada como reseñas de clientes promedio.

8. ¿Se pueden escanear fácilmente las opiniones de los revisores?

Si sus clientes tienden a no escribir en prosa escaneable, estructure su formulario de revisión de modo que solicite respuestas breves que puedan mostrarse como viñetas. Estas preguntas deben reflejar los problemas más importantes que encuentran los posibles compradores. Es posible que también desee clasificar las reseñas por "utilidad", colocando las más persuasivas y útiles en la parte superior.

Algunos sitios de comercio electrónico incluyen un resumen de reseñas que describen lo que a los clientes les gustó y no les gustó de los productos para brindarles una descripción general completa y fácil de leer.

9. ¿Agrupa las “cuatro grandes” piezas de información y se destacan como parte del diseño de la página del producto?

Al estructurar las páginas de sus productos, es importante mostrar los "cuatro grandes" elementos de forma destacada y en el mismo lugar. Estos son:
una. Nombre del producto
B. Precio
C. Disponibilidad
D. "Agregar producto al carrito" o equivalente

Antes de que un cliente haga clic en el CTA principal "Agregar a la cesta" o "Comprar ahora", debe conocer estos datos básicos clave. Al colocarlos junto al botón principal de la página (que representa su acción más deseada), está eliminando la necesidad de que muchos clientes, en particular los clientes que están listos para comprar, se desplacen hacia abajo en la página para encontrar detalles esenciales.
Simply Hike muestra la información más esencial, eliminando la necesidad de que los clientes busquen en la página o se desplacen hacia abajo.

10. ¿Su CTA (llamada a la acción) principal es una oración imperativa en lugar de una sola palabra?

Una "oración imperativa" es aquella que "ordena" a un visitante que realice una acción. "Agregar al carrito" y "Haga clic aquí para comprar ahora", son ejemplos. No se preocupe por molestar u ofender a los visitantes. Cuando se usan de la manera correcta, los imperativos no suenan como comandos.

También vale la pena probar variantes de frases imperativas que incluyen más indicaciones como ofertas y descuentos. Frases como "Compre ahora para obtener un 50% de descuento" o "Compre antes de las 5 p. M. Para envío gratuito" son mucho más interesantes que un "Compre ahora" genérico.

"Añadir a la cesta" udes de Budapester es un imperativo común. Frases como la de la captura de pantalla anterior se utilizan en el diseño de las páginas de un producto con tanta frecuencia por una razón. ¡Trabajan!

11. ¿La llamada a la acción es visible en la mitad superior de la página?

¡No dificultes que los visitantes accedan a la compra! Incluir el botón de compra en la parte superior de la página es uno de esos pequeños ajustes que pueden tener un impacto significativo en las conversiones de la página de su producto.

¡Este es especialmente el caso de los dispositivos móviles, donde los períodos de atención ya tensos son incluso más cortos de lo habitual! La mayoría de los visitantes se desplazarán hacia abajo en la página para encontrar más información, pero no hay nada de malo en hacerlo lo más fácil posible para aquellos que no quieren hacerlo.

12. ¿Aprovecha las técnicas de creación de urgencia?

La urgencia es una de las formas más efectivas de impulsar las conversiones en las páginas de sus productos. Asegúrese de utilizar al menos algunas de las siguientes técnicas:

• Muestre cuántas personas han comprado recientemente un producto (si es popular) o productos de la misma categoría .
• Muestra la cantidad de personas que ven un artículo.
• Garantice la entrega el mismo día o al día siguiente para un pedido realizado dentro de un tiempo específico.
• Incluya alertas sobre existencias limitadas, por ejemplo, “Solo queda 1. ¡Compra ahora!"
• Si ciertos tamaños de productos se han agotado, déjelo en claro.

Zappos genera urgencia en la lista de productos anterior al resaltar un precio de venta por tiempo limitado y mostrar bajos niveles de stock.

13. ¿Son obvios los pasos que conducen al pago (después de que un usuario agrega un producto al carrito)?

Deben estar presentes dos elementos para garantizar que a los clientes les resulte fácil navegar hasta el carrito:

1. Un mensaje claro de que se ha agregado un producto al carrito : esto eliminará cualquier duda de que su producto no se ha agregado a la cesta de la compra. Los clientes a menudo abandonan un sitio por frustración cuando el resultado de hacer clic en el botón "Agregar al carrito" no está claro.
2. Un botón claro para ir al carrito : debe incluirse en dos lugares. Idealmente, una CTA para ir al carrito debería aparecer inmediatamente después de que un cliente haya seleccionado un producto. También debe haber uno en la barra de navegación de todo el sitio para que los clientes puedan hacer clic en su carrito independientemente de dónde se encuentren en su sitio.

14. Si un producto se agotó, ¿muestra a los clientes productos o alternativas similares (o les permite registrarse para recibir un recordatorio en caso de que el artículo vuelva a aparecer)?

Los productos descontinuados son artículos o líneas de artículos que ya no tiene en stock. Muchos minoristas asumen que si un cliente llega a la página de un producto cuando un artículo está agotado, lo ha perdido por completo. Pero este no es siempre el caso. Al incluir un formulario de suscripción por correo electrónico, junto con sugerencias de productos similares, puede aprovechar de manera eficaz lo que de otro modo sería tráfico “perdido”.

Agregar un formulario de registro (preferiblemente donde estaría la CTA normal) es una manera fácil de asegurarse de que se les recuerde a los clientes cuando un producto agotado esté disponible.

15. ¿Muestra claramente la información de envío?

La falta de información de envío en las páginas de productos es una de las principales razones por las que los clientes no agregan artículos a su carrito. Existe una tendencia común entre los visitantes del sitio a esperar tarifas exorbitantes si no son claramente visibles junto con el precio del artículo.

Si ofrece envío gratuito o envío con descuento, muéstrelo visiblemente junto a la llamada a la acción principal. El envío gratuito es un gran incentivo para los clientes. Si el envío gratuito o el mismo día tiene un límite de tiempo, por ejemplo, si es necesario realizar una compra antes de las 5 p. M. Para calificar, muestre también esta información.

Reserved darse cuenta de lo importante que es la información de envío para los clientes. Destacan su oferta de envío gratuito varias veces y proporcionan un enlace destacado para obtener más detalles.

16. Si es común cobrar altos precios de envío en su industria, ¿incluye una calculadora de envío en la página del producto?

Eliminar la duda es una parte clave de la optimización de las páginas de productos para obtener tasas de conversión más altas. Proporcionar información clara sobre el precio del envío permite a los clientes tomar una decisión sobre si un artículo se ajusta o no a su presupuesto.

A veces, sin embargo, no siempre es posible proporcionar tarifas de envío exactas, especialmente en industrias como la construcción, donde el costo de envío varía según el tamaño del pedido, el país (o área del país) de entrega, los precios sensibles al tiempo ofrecidos por compañías navieras, y más.

Si este es el caso, elimine la duda tanto como sea posible incluyendo un precio estimado o una calculadora de envío que proporcionará una cotización personalizada para los clientes. Tranquilice a los clientes diciéndoles que las tarifas de envío varían dentro de un conjunto de parámetros y que es muy inusual que los precios excedan estos límites.

17. ¿Están todas las especificaciones disponibles en la descripción del producto?

Los clientes que compren en determinadas verticales necesitarán información muy específica sobre los productos. Los compradores de materiales de construcción, por ejemplo, probablemente necesitarán acceso a especificaciones detalladas.

Incluso las páginas de productos de productos minoristas comunes suelen atraer a una base de clientes más amplia al incluir una descripción de una serie de características. ¿Sus listados de productos de ropa, por ejemplo, atraen a compradores conscientes del medio ambiente al incluir detalles sobre cómo se fabrican de manera sostenible?

18. ¿Las opciones personalizables (como color, tamaño, papel de regalo, etc.) son claramente visibles para el usuario y son fáciles de usar?

No hay nada más frustrante que los botones de personalización de productos que simplemente no funcionan. Si vende artículos que están disponibles en diferentes estilos, tamaños o con características personalizadas, asegúrese de que todas las opciones funcionen correctamente.

También es una buena idea incluir estas opciones junto a la CTA. En términos generales, la elección de Es mejor usar imágenes para indicar diferentes opciones de productos, como hace Puma en sus páginas de productos.

19. ¿Incluye un recordatorio visible para seleccionar el tamaño / color si un cliente lo olvida?

Si un cliente ha cometido un error al no seleccionar las características requeridas del producto, notifíquelo con un recordatorio visible cerca de la CTA principal . Es doblemente frustrante para los clientes cuando no pueden pagar y no se les dice por qué . Una de las formas más sencillas de mejorar la experiencia general del cliente es mostrar notificaciones cuando se ha cometido un error.

Si ha incluido opciones de productos junto a la llamada a la acción principal, será fácil para los clientes rectificar el error y pasar al pago con un mínimo de fricción.

Un simple recordatorio, como en el ejemplo de Forever 21 anterior, es todo lo que se necesita. Si los clientes no saben cómo rectificar un error, es más probable que abandonen el proceso por completo.

20. ¿Incluye contenido generado por el usuario, como por ejemplo de Instagram?

El contenido generado por el usuario, como las fotos de Instagram y las reseñas de medios enriquecidos (que incluyen videos e imágenes de los clientes) tienen una gran cantidad de credibilidad y prueba social . Considere incluirlos en algún lugar de las páginas de sus productos si puede. Ayudarán a generar compromiso y reforzarán los efectos positivos de las buenas críticas.

La inclusión de contenido generado por el usuario de las redes sociales también permite a los clientes ver imágenes de productos de la vida real, lo que puede agregar una dimensión adicional a la experiencia de compra al mostrarles cómo los clientes utilizan los productos.

En la página de productos de Vanity Planets podemos ver el contenido de los usuarios de Instagram. Ofrece a los clientes una visión auténtica de un producto y les ayuda a imaginarse a sí mismos usándolo.

Recuerde que solo unos pocos ajustes simples en el diseño de la página del producto pueden marcar una gran diferencia.

¡No se deje intimidar por la longitud de esta lista! Si bien puede parecer que lo han atacado con una manguera contra incendios de consejos de optimización de tiendas de comercio electrónico, es importante recordar que la mayoría de los consejos en esta lista no son más que pequeños ajustes.

Pero si bien implementar estos cambios solo implica alterar algunas líneas de código, los resultados pueden ser significativos. Los pequeños cambios en las descripciones de los productos, las fotografías y el diseño a menudo impulsarán las conversiones de add-to-cart en varios puntos porcentuales.

Como siempre, las pruebas son la clave . La única forma real de identificar los cambios que funcionarán para su tienda y su audiencia es realizando pruebas. Afortunadamente, ejecutar pruebas divididas para los tipos de ajustes de optimización descritos aquí es un asunto relativamente simple. Y una vez que tenga los datos de referencia, puede seguir adelante con nuevas mejoras, lluvia de ideas y ajustes aún más.

¿Quieres la lista de verificación completa de 115 puntos?

Obtenga la lista de verificación completa de forma gratuita. ¡Descargue ahora la lista de verificación de optimización de comercio electrónico de una tienda en línea de más de 7 figuras !

Cubrimos todo, desde las páginas de inicio hasta los formularios de pago y más. ¡No intente seguir todos los consejos a la vez!

No lo dudes y espera. Obtenga su copia gratuita ahora: