03/11/20146 min

15 ejemplos de botones que convierten visitas en ventas

Este año ya te hemos hablado de la importancia de los botones de acción (CTA) y de su ubicación, forma, tamaño, color y texto. ¿Quieres saber qué es lo que mejor funciona? Hoy vamos a ver quince ejemplos de botones que animan a comprar en tiendas online. Vamos a usar ejemplos de tiendas PrestaShop para enseñarte CTA que funcionan. ¿Cómo? Usando pop-ups, confianza social, buenas páginas de inicio y, lo más importante, buenas páginas de producto. ¡Empecemos!

Botones CTA en ventanas emergentes

Los pop-ups de tiendas online pueden ser muy eficaces para atraer la atención del comprador. Esa ventana que aparece sobre otra aumenta la tasa de conversión. Descubre cómo usan estas tiendas los pop-ups: What Goes Around NYC anima a sus clientes a unirse a su comunidad mediante pop-ups bien sincronizados. No aparecen automáticamente, sino cuando el cliente demuestra interés y hace clic en un producto. Tea Guys usa una estrategia diferente: la ventana emergente se abre si pinchas en la pestaña de opiniones. Entonces Tea Guys te anima a comentar con un botón CTA bien visible en la parte superior que dice "Déjanos tu opinión".

Botones de acción que aprovechan la confianza social

Las tiendas PrestaShop aprovechan la confianza social para convertir visitantes en seguidores. Este concepto se basa en la idea de que si a mucha gente le gusta una empresa, debe de ser fiable. Descubre qué hacen estos vendedores para conseguir nuevos seguidores... gracias a sus seguidores. Headict muestra iconos de sus redes sociales con un contador que indica su número de seguidores. Son más de 8.000 distribuidos en tres plataformas, así que es fácil dejarse llevar y subirse al tren.

Sugerentes botones de acción en las páginas de inicio

Tu página de inicio debe atraer la atención y despertar la curiosidad. Estas tiendas animan a sus visitantes a conocer sus productos mediante imágenes fantásticas con poco texto. Adelineaffre presenta sus productos en acción... o, mejor dicho, en su entorno. El cliente descubre cómo usar los artículos en su día a día y eso le anima a buscar más información. Linden Leaves presenta su línea de tratamientos naturales en la página de inicio. Atrae la atención hacia la modelo y la conduce en la dirección de su mirada: hacia los productos.

Botones de acción eficaces en las páginas de producto

Los CTA son importantes en toda la tienda, pero en ningún sitio tanto como en las páginas de producto. Esta llamada a la acción es fundamental ya que es el primer paso del cliente para comprar.  ¿Cómo funcionan? Aquí tienes varios CTA estupendos en páginas de producto, con un análisis detallado de su texto, su decoración, la ubicación y el diseño de la página.

Bordes para destacar

La folle adresse decora sus botones de acción con un divertido icono y un borde de puntos. La decoración es coherente con la imagen del producto así que no distrae, pero destaca lo suficiente como para llamar la atención.

Ubicación, ubicación, ubicación

Mon Colonel coloca sus botones de acción sobre la ficha de producto para que los clientes los vean a la primera. Algo muy importante cuando son artículos con descripciones largas. Y como extra, los destacan con el color de realce de su sitio web. Los botones de Eating Tools están bajo la descripción del producto. Pero no hay problema: las descripciones son tan cortas que no hace falta usar el cursor para llegar al botón. Además, su tamaño y su fuerza hacen que nadie pueda pasarlos por alto.

Diseño global de la página

Las páginas de producto de Bobbies se inspiran en una revista. El color que usan para destacar elementos es el mismo que el de los botones de acción. Y para que se vean aún mejor, difuminan los logos de las opciones de pago. Su mayor acierto es que los botones de acción atraen la atención pero combinan a las mil maravillas con el diseño general de la página. Creed Boutique también integra a la perfección sus botones con la imagen de su página. Lo logran sin usar otros tonos: simplemente invierten los colores de los botones de acción. El contraste ayuda a los clientes a encontrar fácilmente el botón que les invita a comprar. Y no podíamos olvidarnos de la tienda online de los módulos y temas oficiales de PrestaShop: PrestaShop Addons. Nuestro botón para añadir al carro de la compra está por encima del pliegue de la página, muy accesible. Y está lejos de otros gráficos para asegurarnos de que no resta protagonismo a las imágenes del producto.


¿Alguno de estos ejemplos te ha inspirado? ¿Cuáles te han gustado más? ¿Añadirías algún otro? Cuéntanoslo en los comentarios. ¿Aún no vendes online? ¡Descarga PrestaShop y empieza a vender tus productos en Internet!

Cada 2 semanas, nuestra newsletter e-commerce

Al enviar este formulario, acepto que PrestaShop S.A utilice los datos que he facilitado para el envío de boletines y ofertas promocionales. Puedes cancelar la suscripción en cualquier momento por medio del enlace que figura en los correos promocionales que recibes. Obtén más información sobre la gestión de tus datos y derechos.