Los 15 mejores ejemplos de páginas de destino de comercio electrónico + ideas que convierten [2022]

El informe El futuro del comercio electrónico 2022 de Shopify reveló algunas verdades no tan impactantes:

• Los costos directos al consumidor están aumentando.
• Los costos de los anuncios se están disparando en todas las plataformas.
• Se espera que las ventas globales de comercio electrónico alcancen los $ 6 billones para 2024.
• La competencia es el mayor obstáculo para lograr el crecimiento en 2022.

Los consumidores no solo hacen fila para hacer más compras en línea, sino que la competencia nunca ha sido más feroz. Y les está costando a todos.

Esto significa que ahora, más que nunca, maximizar la efectividad de la campaña de comercio electrónico debe estar en la parte superior de su lista.

¿Las buenas noticias?

No hay mejor manera de reducir el gasto publicitario, aumentar las ventas, vencer a los competidores o reducir el costo por adquisición (CPA) que exprimir más el rendimiento de sus páginas de destino de comercio electrónico. Y eso es exactamente lo que le mostraremos cómo hacer hoy.

En este artículo, vamos a explorar 15 de los mejores ejemplos de páginas de destino de comercio electrónico (cada uno representa una característica diferente necesaria para las conversiones).

A menudo, los diseñadores de páginas de destino de comercio electrónico utilizarán imágenes para llenar el espacio. Pero una imagen de producto de alta calidad puede generar o deshacer conversiones.

En lugar de simplemente llenar el espacio, muestre sus productos en la vida real, como si fueran capturados por una mosca en la pared de su cliente ideal.

Cuanto más vibrante, detallado y de alta calidad, mejor.

Por ejemplo, observe cómo Keeps no solo usa fotografías personalizadas de la más alta calidad, sino que también coloca sus productos en el mundo real. Hacen que sus productos se sientan reales, tangibles e integrables con la vida cotidiana de alguien.

Recuerda que tu cliente es el héroe; su producto es la espada mágica que les ayuda en su viaje. Pero no se equivoquen, es su viaje, no el suyo. Así que dale vida a su viaje en las imágenes de tu página de destino.

Las páginas de destino difieren de otras páginas en su sitio web o incluso de las páginas de productos en su tienda de comercio electrónico.

Si bien las páginas de su sitio web deben adaptarse a las necesidades de todos los visitantes, sus páginas de destino solo deben adaptarse a las necesidades de los visitantes de campañas específicas. Esto significa que las páginas de destino son más efectivas cuando se mantienen enfocadas en una llamada a la acción (CTA) clara, no en muchas.

Demasiadas ofertas y opciones en su página de destino pueden conducir a la parálisis del análisis o lo que el psicólogo Barry Schwartz llama la "Paradoja de la Elección". Esto solo hace que sus visitantes se sientan abrumados e indecisos.

Para combatir esto, debe concentrarse en una sola llamada a la acción.

Llamamos a esta práctica recomendada de página de destino una proporción de atención de 1:1. Un objetivo, un CTA.

Eso es todo.

Por ejemplo, observe cómo Home Chef solo presenta un único enlace en toda su página de destino (el botón verde para elegir sus comidas). Incluso la barra adhesiva roja "Canjear oferta" conduce al mismo objetivo de conversión, solo que redactado de manera diferente.

Ahora yuxtaponga eso con la página de destino de Thistle:

La página de destino completa de Thistle presenta casi 20 enlaces. Eso es mucha distracción y aún más espacio para la indecisión.

La prueba social se refiere al fenómeno en el que las personas copian de forma rutinaria las elecciones de sus compañeros y buscan otras opiniones al tomar sus decisiones de compra.

Por lo tanto, cuantas más pruebas tenga de que otras personas como ellos dieron el paso y tuvieron éxito, más visitantes convertirá. Sencillo.

La prueba social de la página de destino genera confianza y viene en forma de testimonios de clientes, calificaciones de estrellas, insignias de confianza, premios, menciones en los medios, estudios de casos y más.

Por ejemplo, Jasper (formalmente Jarvis) presenta pruebas sociales en su página de destino en forma de calificaciones de estrellas, reseñas de clientes y una lista de clientes con logotipos.

Cuando se trata de prueba social, preste atención a lo siguiente:

• Cree un proceso: haga que los testimonios formen parte de su proceso de ventas al automatizar la recuperación por correo electrónico.
• Elija para adaptarse: busque testimonios que se alineen con su propuesta de valor.
• Colóquelo en todas partes: coloque pruebas sociales donde pueda. Dale su propia sección, colócala cerca de los beneficios, junto a la descripción del producto, junto a los botones de CTA, en la página de pago/carrito, etc.
• Manténgalo diverso : use testimonios, calificaciones de estrellas, premios, publicaciones destacadas... la lista de ejemplos de pruebas sociales sigue y sigue. (De hecho, escribimos un blog completo que cubre los muchos tipos; échale un vistazo aquí).
• Sea honesto: nadie espera una reputación perfecta. En realidad, todas las pruebas sociales perfectamente seleccionadas pueden hacer que sus clientes cuestionen su legitimidad y honestidad.

Aquí hay un poco de economía 101: cuanto más bajo es el precio, más demanda.

Agregar un descuento a su página de destino de comercio electrónico es una estrategia que puede aumentar las conversiones. Sabemos esto.

Por lo tanto, no debería sorprender que Corkscrew Wine Merchants aumentara las conversiones en un 148 % cuando agregaron una etiqueta de descuento del 15 % en la página de destino de su producto.

De manera similar, uno de nuestros propios clientes, MyClean, tuvo éxito después de dividir la prueba de descuentos en su copia. Con los descuentos como parte de su estrategia, vieron un aumento del 31 % en las conversiones y una disminución del 20 % en el CPA. (Puede leer más sobre su éxito en nuestro estudio de caso).

Pero quizás te estés preguntando, ¿en qué momento corres el riesgo de abaratar tu marca? ¿Y cuántas ventas más necesita hacer para compensar la pérdida de ganancias?

En el caso de Corkscrew, un aumento del 18,5% en nuevas compras a un costo de $45/botella sin duda compensó cualquier ganancia perdida por el descuento.

Pero si esa tasa de conversión hubiera aumentado solo, digamos, en un 2%, habría sido más difícil de justificar.

Entonces, si bien los descuentos pueden ayudar a crear una oferta especial irresistible con mayor urgencia, solo asegúrese de hacerlo con precaución o hágalo en el mejor interés de su marca.

Por ejemplo, esta marca ofrece un descuento, pero solo si te registras para recibir sus correos electrónicos.

Una de las formas más fáciles y rápidas de aumentar las conversiones de la página de destino de comercio electrónico es probar la copia del botón CTA.

La copia del botón no solo es fácil de probar, sino que, según nuestra experiencia, es uno de los tres principales contribuyentes a las conversiones. En otras palabras: es poco esfuerzo pero de alto impacto.

El truco con la copia de CTA es aumentar la motivación sin cambiar tu oferta.

Por ejemplo, con nuestro cliente TYME, probamos tres botones CTA diferentes para ver cuál convertía mejor.

Primero, probamos una amenaza baja:

Luego probamos una amenaza media:

Finalmente, probamos una amenaza alta:

¿Los resultados?

“¡Pruébalo durante 30 días!” aumentar las conversiones en un 18 % en comparación con "Más información".

"Comprar ahora" aumentó las conversiones en un 2% en comparación con "Más información".

La oferta nunca cambió realmente: siempre podía devolver la plancha dentro de los 30 días. Pero al cambiar la copia de la CTA a una versión menos amenazante de "Comprar ahora", aumentamos la motivación del comprador.

Según Baymard, el 25% de los sitios web de comercio electrónico no tienen suficiente resolución de imagen de producto o nivel de zoom. No es bueno, considerando que la primera acción del 56% de los visitantes de comercio electrónico es explorar imágenes de productos.

Como dijimos, la calidad de la imagen del producto es crucial para las conversiones. Pero debe hacer un esfuerzo adicional y garantizar fotos de alta resolución incluso cuando se han ampliado en el escritorio o se han pellizcado para ampliar en el móvil .

Por ejemplo, observe lo pixelado que está este sofá Sears cuando se acerca:

Ahora yuxtaponga eso con un ejemplo de Nike:

Cuando hace clic para hacer zoom en el escritorio, se abre una imagen de pantalla completa con alta resolución:

¿Y si pinchamos para hacer zoom en el móvil?

La mayoría de las plataformas de comercio electrónico como Shopify, Magento, BigCommerce y WooCommerce brindan aplicaciones o funcionalidades para imágenes de productos ampliables. Depende de usted asegurarse de que sus imágenes tengan una resolución lo suficientemente alta.

Otra forma de hacerlo es incluir una imagen ampliada del producto en su página de destino. Así es como lo hace la gente de Apple:

Los resultados están aquí: a la gente le encanta el chat en vivo. El chat en vivo tiene una tasa de satisfacción del consumidor del 92 %, y hasta el 41 % de los compradores prefieren el chat en vivo como canal de atención al cliente.

El chat en vivo no solo proporciona un canal de servicio al cliente en tiempo real que es eficiente, sino que también crea un camino sin fricciones hacia la conversión.

De hecho, Kayako descubrió que el 79% de las empresas que encuestó dijeron que el chat en vivo resultó en una mayor lealtad de los clientes, ventas e ingresos.

Todo esto para decir: ¿por qué no incluir chat en vivo en sus páginas de destino?

Unbounce ciertamente conoce los beneficios:

Incluso puede usar un chatbot para automatizar y ampliar su servicio al cliente de comercio electrónico. Solo asegúrese de proporcionar una opción para hablar con una persona real también.

Por ejemplo, observe cómo Paula's Choice (una tienda de cuidado de la piel) usa un chatbot para responder preguntas iniciales, pero luego brinda la opción de hablar con una persona real.

A veces, la forma más fácil de aumentar las conversiones de la página de destino de comercio electrónico es agregarle una pizca de escasez y urgencia. Esto simplemente hace que su oferta sea más irresistible.

La urgencia aprovecha un principio fundamental de la psicología del comportamiento: la aversión a la pérdida.

La aversión a la pérdida realmente se reduce a una cosa: el miedo a perderse algo es más fuerte que el deseo de ganar. Es por eso que cuando genera un sentido de exclusividad en torno a sus productos, genera más conversiones.

Eche un vistazo a este ejemplo de página de destino que combina escasez y urgencia en su página de destino:

Entonces, ¿ cómo puede agregar urgencia a sus páginas de destino habituales y de productos?

• Mostrar niveles de inventario: ¿Solo quedan dos? Hágales saber a sus visitantes.
• Ejecute una oferta por tiempo limitado: fabrique urgencia al limitar una venta, un descuento o un precio solo por tiempo limitado.
• Presenta un temporizador de cuenta regresiva: haz que tu oferta limitada sea visual con un temporizador de cuenta regresiva al frente y al centro.
• Mostrar compras totales : permite que tus clientes potenciales sepan cuántos compradores ya han comprado (ver: prueba social).
• Ejecute una campaña de pedidos anticipados: Ejecute una venta especial solo para compradores anticipados y endulce el trato con precios preferenciales y bonificaciones de acceso anticipado.
• Ofrezca bonos exclusivos: agregue complementos de edición limitada para clientes que compren ahora.
• Mantenga visibles los avisos de existencias agotadas: no hay mejor manera de generar un sentido de urgencia que informar a los visitantes que los diferentes tamaños, colores o ajustes ya se han agotado.

Los consumidores de hoy quieren y esperan envío gratis . De hecho…

• El 80 % de los consumidores esperan envío gratuito cuando hacen un pedido superior a un monto específico en dólares.
• El 60 % de los compradores abandonan los carritos debido a los costos adicionales, incluidos los costos de envío.
• 58% de los clientes agregan productos a su carrito para obtener envío gratis.

Estas son solo algunas de las cifras contundentes sobre el envío gratuito:

Entonces, por suerte para las marcas de comercio electrónico, el envío gratuito hace felices a sus clientes y puede generar más conversiones y pedidos más grandes.

Puede optar por ofrecer envío gratuito en todo el sitio, incluidas las ofertas de la página de destino. O puede ser creativo con el envío gratis.

Por ejemplo, puede ofrecer

• envío gratis con un valor mínimo de pedido
• envío gratis solo por tiempo limitado
• envío gratis en productos seleccionados
• envío gratis a nivel local
• envío gratis a recogida en tienda
• envío gratuito para miembros (p. ej., Amazon Prime)
• envío gratuito de 7 días solamente

Esta página de inicio de Gillette ofrece envío gratis en cada pedido:

Si bien el envío gratuito es una excelente manera de atraer a los clientes y obtener más conversiones, el envío gratuito es cualquier cosa menos gratuito para usted.

Así que piensa estratégicamente.

Las mejores tiendas de comercio electrónico incluyen el envío gratuito en su oferta al aumentar el precio total, no al recibir un golpe en sus márgenes.

Por definición, una página de destino es una página web dedicada. Pero la mayoría de las páginas de destino de comercio electrónico son "páginas de destino", lo que significa que aún hacen clic en una página de pago una vez que el visitante presiona el botón "Comprar ahora".

Sin embargo, a diferencia de la mayoría, FabFitFun presenta su oferta de suscripción, precios y pago, todo en una sola página de destino. Los visitantes nunca tienen que salir de la página de destino para completar su compra.

¿Por qué funciona esto? Cuantos más pasos haya en su embudo de conversión, más posibilidades hay de que algo salga mal. Al mantener todo contenido dentro de una página, deja poco margen de error y una distancia más corta hasta la línea de meta.

La Ley de Jakob establece que, dado que la mayoría de las personas pasan la mayor parte de su tiempo en otros sitios web, esperan que su sitio web funcione de la misma manera que todos los demás sitios con los que ya están familiarizados.

Cuando se trata de diseñar su página de destino de comercio electrónico, no se ponga mono.

El diseño de la página de destino, la funcionalidad, el rendimiento y la experiencia del usuario no deberían hacer pensar a sus visitantes; debe sentirse y funcionar sin problemas, de manera predecible y sin esfuerzo consciente.

Drunk Elephant recientemente rediseñó sus páginas de productos (desde principios de 2022). No son verdaderas páginas de destino, pero las usan a menudo para campañas publicitarias. Un problema: se pusieron demasiado lindos con eso.

Ahora, visitantes

• experimente el desplazamiento de paralaje con movimiento lateral
• no puede desplazarse hacia arriba y hacia abajo con facilidad
• no puedo ver ciertas secciones sin primero desplazarme por las anteriores
• no pueden saber dónde están en la página
• no reconoce ninguna consistencia en el diseño o el diseño (cada sección se siente diferente)

Se requiere demasiada carga cognitiva para ver sus páginas de productos, lo que hace que los visitantes se sientan fuera de control.

Y después de años y años de navegar sitios web para ganarme la vida, si tengo problemas para navegar por el sitio, puedes apostar a que todos los demás también los tienen.

Así que no seas como Drunk Elephant. Recuerde que sus usuarios esperan que sus páginas de destino funcionen como las de los demás.

Hágalo como este ejemplo de página de destino, donde lo guía fácilmente a través de su proceso y la experiencia es perfecta.

Video. Video. Video.

Lo sabemos, nadie puede dejar de hablar de video en estos días.

Pero la verdad permanece. Cuando se trata de comunicar el valor de sus productos, nada funciona mejor que un video de página de destino bien producido.

Un consumidor que mira el video de un producto tiene hasta un 144% más de probabilidades de agregar ese producto a su carrito. Y en un estudio que encuestó a más de 1,000 personas, el 96 % de los encuestados dijo que ver un video les resultó útil en su proceso de toma de decisiones.

¿Por qué?

Bueno, si una imagen vale más que mil palabras, entonces un video vale más que un millón… solo en cuestión de segundos.

Es por eso que el siguiente ejemplo apenas necesita palabras; El video habla por sí mismo.

Por supuesto, eso no significa que no puedas agregar un poco más de información. Siéntase libre de agregar lo que sea necesario, como el ejemplo a continuación.

Como puede ver, los videos de productos pueden venir en varias formas, como

• explicador del producto
• cómo
• historia
• desempaquetar
• Comparación de productos
• + mucho más

La investigación muestra que el uso de espacios en blanco aumenta la comprensión en casi un 20%.

El espacio en blanco también crea equilibrio, aumenta la legibilidad, actúa como un separador y hace que su página de destino de comercio electrónico sea transpirable.

Use espacios en blanco alrededor de las características más importantes de su página de destino, como sus títulos, beneficios y CTA, para atraer la mirada de sus visitantes y agregar énfasis visual.

Por ejemplo, observe cómo Oura Ring usa espacios en blanco alrededor de su CTA de la sección principal para seducir su mirada:

O observe cómo el espacio en blanco entre las secciones de la página de inicio de Marlow Pillow crea una arquitectura de información que guía su vista por la página, de un beneficio al siguiente.

La propuesta de valor de su página de destino es una declaración que informa a sus clientes potenciales de por qué es superior a sus competidores.

¿La verdad? En nuestro mundo hipercompetitivo, es muy probable que sus productos no sean 100 % únicos.

Y eso está bien. No es para preocuparse.

Lo más importante es que cuelgues tu sombrero en algo y te comprometas con ello.

Cuando se trata de crear una propuesta de valor de página de destino de comercio electrónico perfecta, siga estos tres principios rectores:

• Explique lo que hace: si ofrece un producto verdaderamente único, a veces todo lo que necesita hacer es simplemente decirle a la gente de qué se trata.
• Comunica tu nicho : Otras veces, ayuda comunicar tu especialización. Deje que los compradores sepan que usted es la opción para ciertas personas pero no para otras. Sea dueño de su nicho.
• Manejar las objeciones más importantes: para la mayoría de las marcas de comercio electrónico (especialmente aquellas que no tienen productos únicos), comunicar el beneficio principal mientras se maneja la objeción principal resultará más efectivo.

Veamos ejemplos de los tres.

Saucey compite en su propio nicho: la entrega de alcohol. Nada mas. Nada menos.

Todo lo que necesitan hacer es exponer su oferta y respaldarla con un beneficio. En este caso, manejan cualquier objeción sobre los tiempos de espera diciendo: "Entrega de alcohol en minutos".

Death Wish Coffee Co. vende café (sorpresa).

No es exactamente un producto original.

Sin embargo, Death Wish se cuelga el sombrero para proporcionar el "café más fuerte del mundo". Expresan magistralmente su valor en letras rojas y en negrita, luego respaldan su afirmación brindando detalles sobre cómo entregan exactamente el café más fuerte del mundo.

Saatva comunica su principal beneficio (comodidad) mientras maneja su mayor objeción (precios altos). Simple pero efectivo.

Cuando se trata de la jerarquía visual, hacer que las partes más importantes de su página de destino se destaquen del resto ayudará a mantener su página enfocada en los objetivos.

Veamos algunos conceptos de jerarquía visual para ayudar a que sus cosas más importantes destaquen. (Si desea una lección completa, lo cubrimos en nuestro blog sobre diseños de páginas de destino).

Por lo general, el elemento más grande se destaca más. Esto es lo que queremos decir:

Cree una jerarquía clara entre títulos, subtítulos, listas y párrafos utilizando diferentes tamaños para cada uno. Y no necesariamente solo píxeles; Piense también en el ancho de la fuente (p. ej., fina, normal, seminegrita, negrita, extranegrita).

Un estudio de Nielsen Norman Group encontró que la mayoría de las personas leen en la web en un patrón en forma de F. Aquí hay un mapa de calor que muestra la jerarquía de la mirada del ojo:

Para páginas que son menos densas con información (y más pesadas con imágenes), los lectores en línea tienden a escanear en un patrón en forma de Z.

¿Quieres un consejo? Haz que el punto final de la Z aterrice en tu CTA.

El color de tus botones CTA no importa tanto como el contraste de color de tus botones y el fondo. Haz que exploten. Período.

Además, sus títulos, subtítulos y copia de párrafo deben usar diferentes tonos o colores. Al instante, tus visitantes deberían poder distinguir por el tamaño y el color que los títulos difieren de los subtítulos, las llamadas a la acción y el texto del párrafo.

Después de casi una década de diseño de páginas de destino de comercio electrónico, podemos decir con confianza que si sigue los 15 ejemplos descritos en este artículo, estará bien encaminado para crear una página de destino de comercio electrónico de alta conversión.

En general, cuando se trata de optimizar las conversiones, es una buena idea abordar todo con una buena dosis de escepticismo.

¿Buenas noticias? Escribimos un artículo completo sobre las páginas de destino de prueba dividida para que pueda aprender exactamente qué funciona para usted. Compruébelo y conviértalo.