13 de los mejores ejemplos de páginas de productos que hemos visto (y por qué funcionan)

Si la respuesta es sí, no estás solo.

Y en muchos casos, las páginas de productos mal diseñadas son las culpables.

Una página de productos poco optimizada costará a tu tienda online muchos ingresos potenciales.

Optimizar las páginas de tus productos con las mejores prácticas dará a sus visitantes el empujón final para entrar en acción y moverlos por tu embudo de ventas.

Las buenas marcas de e-commerce (comercio electrónico) implementan al menos una técnica de CRO en las páginas de sus productos. Utilizan testimonios de clientes, provocan el miedo de los visitantes a perderse algo (FOMO), hacen recomendaciones de productos, y así sucesivamente.

Excepcionales marcas de e-commerce (comercio electrónico) combinan estas técnicas y le añaden algo más.

Aquí están 13 de los mejores ejemplos de páginas de productos de e-commerce (comercio electrónico) que hemos visto y por qué funcionan tan bien.

1. Lush: Educa a sus visitantes con el contenido

Hay una cosa que siempre debes tener en cuenta cuando optimices las páginas de tus productos: todo lo que hagas tiene que estar en línea con tu propuesta de valor.

Antes de empezar, pregúntate qué valor quieres transmitir a los visitantes de tu web. ¿Es tu opción de envío rápido, garantía de satisfacción a prueba de balas, amplia gama de productos, ingredientes naturales, o algo más?

Sabiendo esto bien, Lush construye sus páginas de productos alrededor de sus productos naturales e ingredientes frescos.

Por eso añaden una lista detallada de ingredientes en las descripciones de sus productos:

La compañía informa y educa a los visitantes de la página sobre sus productos.

Y la educación va más allá con su contenido.

Cuando te desplazas hacia abajo en la página, verás una sección de “Artículo relacionado”:

En este ejemplo, la compañía explica con transparencia cómo y por qué cambió la fórmula de su producto y educa a los lectores sobre sus ingredientes.

Para apoyar aún más su posición como marca consciente, usan insignias y certificaciones, que resuenan con su tipo de comprador:

Por último, Lush va más allá de los clásicos videos de productos y saluda a los visitantes con un vídeo destacado que muestra el producto en acción:

De esta manera, el producto se vuelve más concreto y fácil de entender para sus visitantes.

2. Allbirds: Recoge información caliente sobre páginas de productos

Todos queremos lo que no podemos tener.

Un producto se vuelve repentinamente más atractivo cuando ya no está disponible. Y la escasez de un artículo lo hace más deseable.

Es por eso que Allbirds  diferencia entre sus clásicos y artículos de edición limitada y destaca la escasez de estos últimos:

Para ayudar a los visitantes de la página web a comprender mejor sus productos, la compañía ofrece una tabla de tamaños que se abre en la misma página. De esta manera, evitan el riesgo de perder al visitante en una nueva pestaña.

Allbirds elimina las barreras para la compra ofreciendo más de una opción de pago en su página web. Y los visitantes pueden ver esas opciones antes de ir a la página de facturación

Además de mostrar el producto desde múltiples ángulos, la compañía también utiliza un video modelo para mostrar cómo se ven y se sienten los zapatos cuando se camina con ellos: “El producto es un producto de calidad”:

Al desplazarte más abajo en la página, verás una sección dedicada al contenido generado por el usuario que muestra los productos en la vida real:

Por último, Allbirds utiliza las notificaciones de agotamiento de existencias para aumentar su lista de emails con información calientes:

Además de notificarte cuando el artículo vuelve a estar en stock, también te preguntan si quieres unirte a su lista de emails. Sin embargo, lo hacen con una copia de valor (“Avísame sobre nuevos productos, colores también”) y una casilla de verificación preseleccionada.

De esta manera, la compañía recoge información de gran interés que puede ser dirigida con campañas de email personalizadas.

3. Away: Explica las opciones del producto en detalle

¿Cómo se entiende si vale la pena examinar un producto?

Si eres como la mayoría de nosotros, mira las reseñas que tiene. 

Según una encuesta, el 91% de los consumidores confían tanto en las reseñas como en las recomendaciones de contactos personales.

Away conoce la importancia de las reseñas de productos. Por eso la calificación promedio del producto y el número de reseñas es lo primero que ves cuando visitas una de sus páginas de productos:

Cuando ofrecen dos opciones de producto diferentes (eyectable o sin batería), aclaran lo que estos términos significan para el lector.

Al hacer clic en el enlace “¿Cuál debo comprar?” se abre un texto deslizante y puedes decidir qué opción es la mejor para ti:

Away también oculta por defecto sus secciones “Características y detalles” y “Nuestra política de devoluciones” para no ocupar demasiado espacio. Si estás interesado en saber más, puedes simplemente hacer clic en el botón más y leer sobre ello.

Por último, ofrecen una opción de personalización antes de añadir el producto a la cesta.

La personalización es una gran manera de Upsell (aumentar las posibilidades de venta) en las páginas de tus productos y de incrementar el valor medio de los pedidos.

La compañía también realiza cross-sells de dos maneras diferentes:

1. A través de la sección “Añadir equipaje facturado” encima del botón “Añadir al carrito”; y
2. Ofreciendo productos complementarios con una copia convincente:

Away no sólo ofrece una sección de reseñas al final de sus páginas de productos. También permite a los visitantes hacer preguntas relacionadas con el producto y mostrar sus respuestas en esa sección.

De esta manera, eliminan las dudas de los visitantes y les ayudan a tomar mejores decisiones de compra.

4. Ban.do: Añade gatillos de persuasión a las imágenes del producto

Cuando un producto es popular o de tendencia, pensamos que es por una buena razón.

Los bestsellers “más vendidos” ganan legitimidad porque tienen la aprobación de los clientes anteriores.

Eso es exactamente lo que Ban.do trata de destacar en las páginas de sus productos:

Usan la etiqueta de bestseller “más vendido” tanto en el listado de productos como en las páginas de detalles para combinar la prueba social con el miedo a perderselo (FOMO, Fear Of Missing Out).

Al igual que Allbirds, la empresa ofrece más opciones de pago pero con un enfoque diferente. 

Usando un servicio de terceros llamado Afterpay, permiten a los clientes pagar a plazos. Esto permite a los visitantes tomar decisiones de compra más fáciles y les ayuda a convertirse en clientes.

Escriben descripciones de productos con un tono amigable y personal que está en línea con la voz de su marca.

La compañía también hace cross-selling (ventas cruzadas) con un tono sutil que dice “va bien con”:

Y lo mejor es que ofrecen complementos gratuitos tanto si has comprado el producto como si no.

Si necesitas más páginas para tu planificador, puedes descargarlas e imprimirlas gratis. De esta manera, nunca tienes que pensar si te quedarás sin páginas porque Ban.do elimina ese obstáculo por ti.

Por último, la empresa utiliza la autoridad de los expertos y el contenido generado por los usuarios para crear pruebas sociales:

En primer lugar, toman prestada la autoridad de varios expertos que contribuyeron al diseño de este producto. Luego, muestran a clientes felices que usan el producto para crear más pruebas sociales.

5. Brooklinen: Reduce el abandono de carritos con Messenger 

Como escribí antes, las grandes marcas de e-commerce (comercio electrónico) usan las mejores prácticas Y añaden algo extra.

Mira esta página de producto de Brooklinen:

Similar a muchos otros ejemplos que hemos visto arriba, muestran las valoraciones de los productos y el número de reseñas. 

Como ofrecen diferentes opciones de peso, te ayudan a elegir la mejor sin que tengas que salir de la página.

Ahora que te han persuadido con sus reseñas de 5 estrellas y has tomado una decisión fácil entre dos opciones, estás listo para añadirlo a tu carrito.

Allí es cuando Brooklinen te ofrece la posibilidad de recibir mejoras en tu carrito por Facebook Messenger.

Cuando seleccionas esa opción te mandan un mensaje al poco tiempo:

Cuando no completas tu pedido, primero te lo recuerdan y luego te ofrecen un trato exclusivo.

Este es el mensaje que recibes después de decir”si” a esa oferta:

Recibirás un 10% de descuento que se aplica automáticamente a tu carrito cuando haces la facturación. Esta es una gran manera de reducir el abandono de carritos y convertir a posibles clientes en clientes. 

Brooklinen también quiere aprovechar al máximo las reseñas de sus productos.

Por eso muestran testimoniales seleccionados en un deslizador antes de la Sección de Reseñas:

Por último, pero no menos importante, explican lo dedicados que son a responder cualquier pregunta que puedas tener antes de comprar sus productos:

6. Fabletics: Evoca curiosidad para incrementar suscripciones

El precio es una de las tres razones principales por las que los consumidores americanos compran en una página web de e-commerce (comercio electrónico).

Si ofreces mejores precios que tus competidores, o si tienes artículos con descuento en tu tienda online, asegúrate de que tus visitantes lo sepan.

Una forma de destacar la ventaja del precio es contrastarlo con el precio original.

Así es como  Fabletics lo hace en sus páginas de productos:

Su “Nuevo Precio VIP” tiene un doble descuento comparado con el precio de venta al público. Y anima a los visitantes a considerar la compra del producto (junto con una suscripción VIP.)

Aunque las empresas intentan mostrar sus productos desde el mayor número de ángulos posibles, no se verá lo mismo cuando dos personas diferentes usen la misma cosa.

Por eso Fabletics te ayuda a adivinar cómo te pueden quedar sus productos con la opción de elegir diferentes modelos:

Y si quieres ver los productos en personas reales, en lugar de sólo en modelos, Fabletics pone fotos de clientes bajo las fotos de los modelos.

Cuando bajes a recomendaciones de productos, verás que la compañía esconde algunos de los artículos que pueden ser desbloqueados al inscribirte:

Los productos ocultos evocan un sentimiento de curiosidad y una fuerte sensación de exclusividad cuando te haces miembro.

Utilizando una sección de resumen en la parte superior de las reseñas de productos, la compañía te ayuda a obtener una rápida visión general del producto sin tener que leer todos los testimonios:

7. Glossier: Muestra tus productos en la vida real

Una página de productos optimizada no sólo te ayuda a convertir más visitantes en clientes.

También puede aumentar sus ingresos al incrementar el valor promedio de los pedidos de los clientes.

Es por eso que  Glossier trata de venderte en las páginas de productos ofreciendo paquetes de productos:

Al hacerlo, la compañía da a los clientes una razón válida para elegir la opción más cara: ahorrando $12

Si eres un consumidor racional, considerarás comprar el set, aunque sea más caro (y Glossier ganará más con tu pedido).

Fíjate en cómo la compañía añade la información de “Free & Easy Returns” (“Devoluciones fáciles y gratuitas”) bajo el botón de compra. De esta manera, sus visitantes pueden comprar más fácilmente un producto en su tienda web porque Glossier elimina un obstáculo importante para ellos.

La compañía va más allá de las fotos de los clientes para mostrar el producto en acción y, en cambio, muestra el producto en la vida real:

Glossier crea contenidos con sus clientes y socios donde explican cómo utilizan los productos de la compañía en su vida cotidiana. Luego, la compañía usa ese contenido en las páginas de productos relevantes.

También incorporan un breve vídeo donde el director general de la empresa muestra a los visitantes cómo utiliza el producto. Es un simple pero personal toque que educa a los visitantes sobre los productos de Glossier.

Por último, Glossier permite a los visitantes leer fácilmente y filtrar las reseñas de productos:

Muestran las críticas positivas y negativas más apreciadas una al lado de la otra y construyen la confianza en la marca.

Sus reseñas de productos son fáciles de filtrar según el tipo de piel, el rango de edad y el tono de la piel para que los testimonios sean más relevantes y valiosos para el lector.

8. Vinomofo: Ayuda a los clientes a sacar el máximo provecho de tus productos

Como mencioné en el ejemplo #6, si ofreces mejores precios que tus competidores, asegúrate de que tus visitantes lo sepan.

Así es como Vinomofo contrasta su oferta con el precio de venta al público y se centra en cuánto te ahorrarás al comprar su producto:

La compañía da a los visitantes una fecha de entrega estimada para fijar las expectativas y eliminar cualquier duda.

Luego, garantizan la satisfacción del cliente ofreciendo devoluciones gratuitas.

Cuando bajas por la página, ves que también prometen un precio inmejorable:

Con estas pequeñas adiciones, Vinomofo elimina cualquier preocupación que los visitantes puedan tener sobre la entrega, las devoluciones y el precio.

En el resto de la página, Vinomofo muestra que realmente quieren ser útiles a sus clientes.

En lugar de simplemente sugerir emparejamientos de alimentos, en realidad dan recetas que puedes recrear y disfrutar con tu vino:

Además de “unión de alimentos”, también pintan un cuadro para ti con la sección “unión de vida”:

Ahora sabes que no sólo estás comprando vino, sino una gran experiencia.

Por último, eligen una canción que va bien con ese producto para que puedas disfrutar mejor de esos momentos:

Es una simple táctica que puedes duplicar en tu web de e-commerce (“comercio electrónico”), y demuestra que estás dispuesto a hacer un esfuerzo extra por tus clientes.

La clave está en mostrar a tus clientes cómo pueden sacar el máximo provecho de tus productos y simplemente siendo útil para ellos.

9. Bellroy: Ayuda a los visitantes a tomar mejores decisiones

Las compras online conllevan un cierto riesgo para los consumidores.

No pueden tocar o probar los productos como en las tiendas de ladrillos y mortero.

Por suerte, muchas tiendas online han encontrado una forma inteligente de evitar esto y Bellroy es una de esas compañías:

El objetivo de la compañía es simple: Tratan de ayudarte lo más posible para que puedas tomar decisiones de compra mejor informadas.

Ofrecen a los clientes dos tamaños de acuerdo con los casos de uso de sus carteras´.

Asumiendo que no sabrías las dimensiones exactas de tu moneda nacional, Bellroy te ayuda a encontrar la mejor opción para ti.

Al hacer clic en el símbolo del signo de interrogación, aparece un texto en la misma página que te da más información:

Si aún no estás seguro, Bellroy te invita a contactar con ellos y estarán encantados de ayudarte.

Bellroy también te ayuda a imaginar mejor el producto usando una herramienta de comparación de tamaños:

Utilizando un servicio de terceros, llamado  Tangiblee,  la compañía te permite comparar el producto con algunos de los artículos que puedas tener por ahí, como un iPhone, una llave o una tarjeta de crédito.

Dado que los clientes pueden ahora imaginarse el producto en sus mentes, hay una menor probabilidad de que se decepcionen cuando lo reciban.

10. Missguided: Haz Cross-Selling (compras cruzadas) con productos complementarios

Cuando un visitante llega a una de las páginas de tus productos, a menudo significa que está interesado en tu tienda online y está considerando comprar.

Un suave empujón puede hacer que esos visitantes pasen de la consideración a la etapa de decisión de su embudo de mercadeo.

A menudo, los gatillos de persuasión son el empujón perfecto que necesitas en las páginas de productos.

Echa un vistazo a este ejemplo de Missguided:

Combinan la prueba social con la escasez añadiendo etiquetas en las imágenes de los productos.

Primero, afirman tu interés en el producto diciendo “buena elección”. Luego, lo respaldan con pruebas sociales escribiendo ” otras personas están comprobando esto ahora mismo”.

Aunque no te dicen directamente que te apures, saber que otras personas están viendo el producto crea una sensación de urgencia sin molestarte.

Missguided tiene como objetivo cross-selling (“compras cruzadas”) en las páginas de los productos:

Al hacer clic en el botón, puedes ver rápidamente los otros artículos que lleva la modelo y añadirlos a tu carrito. Y la mejor parte es que puedes hacerlo sin salir de la página.

11. Forever 21: Usa comentarios de clientes en las descripciones de productos

Cuando escribes las descripciones de los productos para tu tienda online, tienes una idea de tus productos.

Puedes adivinar cómo se vería un sofá en una sala de estar común o cómo un vestido le quedaría a una persona corriente.

Pero tú no eres tus clientes.

En algunos casos, las opiniones de los clientes pueden darnos una valiosa información sobre tus productos.

Aquí es cómo Forever 21 utiliza los comentarios de los clientes en las páginas de sus productos:

Bajo la información de color y tamaño, la compañía muestra un “Fit Rating” (“Calificación de aptitud”) dinámico para sus productos. De esta manera, sus visitantes saben qué esperar del producto para poder tomar decisiones más precisas.

Es más, la calificación se actualiza en base a los comentarios de los clientes reales.

La compañía también te permite compartir el producto en las redes sociales y por email en caso de que quieras obtener una segunda opinión o hacer una sugerencia.

Después de la información básica del producto, verás una breve sección con el título “¿Por qué has elegido esto?”:

Aquí muestran declaraciones de clientes reales que explican por qué compraron el artículo en una frase.

Es una forma rápida y sencilla de recoger las críticas de los productos y usarlas para persuadir a los posibles clientes.

12. Pandora: Añade una opción de ” Sugerencia” a las páginas de los productos

Algunas compras requieren más de una visita. Y algunas decisiones involucran a más de una persona.

Si está vendiendo productos de regalo en tu página web de e-commerce (comercio electrónico), deberías facilitar a tus visitantes la posibilidad de dar una sugerencia a sus amigos y familiares

Así es como Pandora lo hace con éxito:

Además de utilizar las valoraciones de los productos, una guía de tamaños y los gatillos de persuasión, Pandora ofrece una opción de “Enviar una sugerencia” en sus páginas de productos.

Al hacer clic en el botón, se abre un formulario con un texto preescrito en la misma página:

Después de rellenar el formulario, el destinatario recibe un simple email como este:

Y recibes un mensaje de éxito junto con recomendaciones de productos:

Pandora sabe que eres un visitante muy interesado, así que no pierden esta oportunidad de sugerir más productos que te puedan gustar.

13. Nordstrom: Crea una experiencia de comprar “en tienda”

En la mayoría de los casos, los consumidores quieren y necesitan orientación cuando compran, ya sea online u offline.

Cuando se está en una tienda de ladrillos y mortero, se puede simplemente acercar a un representante de ventas y obtener las respuestas de inmediato.

Pero este no es el caso de las compras online.

Afortunadamente, hay formas inteligentes de crear una experiencia “en tienda” en las páginas de e-commerce (comercio electrónico) y Nordstrom es un gran ejemplo de ello:

Si visitas una de sus páginas de productos, verás un video entre las fotos de sus productos.

A primera vista, podrías pensar que es sólo otro vídeo de producto. Pero así es como se ve:

Nordstrom usa videos de sus representantes de ventas explicando el producto como si estuvieras en una de sus tiendas físicas.

El representante de ventas habla de lo que hace que el producto sea especial y cómo te estilizaría.

De esta manera, la compañía mejora su experiencia de compra online combinándola con un enfoque más tradicional.

Cuando te desplaces por la página de productos, verás una sección llamada “Looks” (“Apariencias”):

Nordstrom estiliza el producto usando diferentes artículos de su tienda y te inspira con diferentes looks. Puedes usar el botón de barajar para obtener un nuevo look recomendado y encontrar la mejor opción que se adapte a tu estilo.

De esta manera, la empresa no sólo te ayuda a darle estilo al artículo sino que también realiza cross-sells (ventas cruzadas) en sus páginas de productos.

Conclusión

Las páginas de productos son el corazón y el alma de tu página de e-commerce (comercio electrónico).

Con pequeñas mejoras, puedes convertir más visitantes en clientes y aumentar tus ingresos por ventas.

Inspírate en los ejemplos anteriores y empieza a implementar algunas de estas estrategias en tu tienda online.

Combina las que mejor se adapten a ti y prueba siempre diferentes opciones.

¿Has visto recientemente algún buen ejemplo de página de productos? Comparte con nosotros en los comentarios de abajo.