• UI Y UX

Consigue el clic: 8 consejos para diseñar CTA eficaces

  • Felix Rose-Collins
  • 7 min read
Consigue el clic: 8 consejos para diseñar CTA eficaces

Introducción

Llegar a la primera página de los resultados de búsqueda de Google y captar la atención de su público es todo un reto, ya que la gente rara vez hace clic en un resultado de la segunda página. Optimizar su sitio para SEO es imprescindible para lograr este objetivo.

Pero esto no significa que un puesto entre los diez primeros le garantice por defecto una buena tasa de conversión. Es cierto que puede esperar un aumento del tráfico del sitio web, pero hay otro elemento crucial para las conversiones: una llamada a la acción eficaz.

La función principal de una CTA es dirigir a los visitantes hacia el siguiente paso y animarles a pasar a la acción: suscribirse a un boletín, descargar un libro electrónico, comprar un producto o servicio, o registrarse para una prueba.

Sin embargo, una CTA mal diseñada es tan buena como ninguna, ya que no generará clics ni facilitará las conversiones.

En este artículo, vamos a tratar los mejores consejos para diseñar CTA irresistibles en los que sus clientes potenciales no podrán evitar hacer clic. ¡Sigue leyendo para saber más!

1. Utilice un CTA adhesivo en la barra lateral

El objetivo de las CTA es captar la atención de los visitantes y conseguir que hagan clic.

Algunas páginas web, como las páginas de inicio o las entradas de blog, tienen mucho contenido, y es fácil que las CTA se mezclen con todos los demás elementos y pasen prácticamente desapercibidas.

Conoce Ranktracker

La plataforma todo en uno para un SEO eficaz

Detrás de todo negocio de éxito hay una sólida campaña de SEO. Pero con las innumerables herramientas y técnicas de optimización que existen para elegir, puede ser difícil saber por dónde empezar. Bueno, no temas más, porque tengo justo lo que necesitas. Presentamos la plataforma todo en uno Ranktracker para un SEO eficaz

¡Por fin hemos abierto el registro a Ranktracker totalmente gratis!

Crear una cuenta gratuita

O inicia sesión con tus credenciales

Introduzca un CTA pegajoso en la barra lateral.

Este botón flotante se fija al lateral de una página web y permanece visible mientras el usuario se desplaza hacia arriba y hacia abajo por la página sin ser demasiado intrusivo ni distraer. No tienes que preocuparte de si un cliente potencial se olvidará de tu impresionante oferta mientras lee un artículo o consulta las opiniones de los clientes.

ATH Sport ofrece un 10% de descuento en el primer pedido y promociona este incentivo en su página de inicio y en todo su sitio web mediante la implementación de un CTA adhesivo en la barra lateral que dice "Ahorre un 10%". De este modo, se recuerda sutilmente a los visitantes que actúen y reclamen el descuento.

Use a sticky sidebar CTA (Fuente: ATH Sport)

2. Aprovechar el espacio negativo

Uno de los mayores errores que puede cometer con su CTA es enterrarlo en medio de un bloque masivo de texto. Es una forma segura de que los visitantes no lo vean y se vayan sin convertir.

No tenga miedo de aprovechar al máximo el espacio negativo, es decir, el área de un diseño que queda desocupada por texto u otros elementos. Rodeando tu CTA con espacio en blanco, puedes crear una ruptura visual que ayude a atraer la atención del espectador hacia el botón.

Cuantas menos distracciones haya alrededor de la CTA, más fácil será hacer clic en ella.

Conoce Ranktracker

La plataforma todo en uno para un SEO eficaz

Detrás de todo negocio de éxito hay una sólida campaña de SEO. Pero con las innumerables herramientas y técnicas de optimización que existen para elegir, puede ser difícil saber por dónde empezar. Bueno, no temas más, porque tengo justo lo que necesitas. Presentamos la plataforma todo en uno Ranktracker para un SEO eficaz

¡Por fin hemos abierto el registro a Ranktracker totalmente gratis!

Crear una cuenta gratuita

O inicia sesión con tus credenciales

Flamingo da a la CTA de su página de inicio suficiente espacio para respirar y la separa de los demás elementos, atrayendo así la atención de los visitantes hacia el objetivo principal: añadir su rastreador de bajas a Slack. A pesar de la gran cantidad de espacio en blanco, el diseño no parece vacío o inacabado, por lo que lograr el equilibrio adecuado es clave.

Leverage negative space (Fuente: Flamingo)

3. Crear una sensación de urgencia

La urgencia y la escasez son potentes motores de conversión, por lo que debe incluir estos principios psicológicos en su texto de CTA.

Siga el ejemplo de Amazon y su ingeniosa advertencia "Sólo quedan 1/2/3 en stock", que incita incluso a los clientes indecisos a pedir el producto de inmediato antes de que otro se lo arrebate.

La gente percibe los productos que escasean o que están a punto de agotarse como más valiosos, lo que a su vez desencadena el miedo a perderse algo (FOMO, por sus siglas en inglés).

Para resaltar la urgencia, utilice palabras temporales como Ahora, Inmediatamente u Hoy.

La CTA de la página de inicio de Bed Bath & Beyond es un gran ejemplo de combinación de urgencia y escasez. Se invita a los clientes a "Comprar ahora", ya que la oferta es válida hasta el 8 de enero, pero esta ventana de oportunidad se minimiza adicionalmente añadiendo "Hasta agotar existencias". El hecho de que la CTA se encuentre en un gran banner rojo colocado por encima del pliegue lo hace aún más llamativo y persuasivo.

Create a sense of urgency - Bed Bath & Beyond (Fuente: Bed Bath & Beyond)

Lapágina de inicio de enero presenta una CTA con un enfoque ligeramente diferente de la urgencia. El texto cuidadosamente elaborado "Únete a la lista de espera" crea expectación en torno a la aplicación y genera demanda al dar a entender que hay otros clientes potenciales que esperan impacientes el lanzamiento. Esta CTA sencilla pero intrigante funciona porque transmite una sensación de exclusividad: es como entrar en la lista de un club VIP.

Create a sense of urgency - January (Fuente: enero)

4. Incluir palabras de poder

Como su nombre indica, las palabras poderosas tienen la capacidad de evocar emociones en sus clientes potenciales. El 95% de las decisiones de compra son subconscientes, lo que significa que los sentimientos desempeñan un papel importante en el proceso.

Por lo tanto, incluir palabras poderosas como

  • Gratis
  • Asombroso
  • Nuevo
  • Eficaz
  • Fácil
  • Instantáneamente
  • Garantizado
  • Sin riesgo
  • Certificado
  • Protegido
  • Probado
  • Verificado
  • Extra

tocará la fibra sensible de su público y le incitará a actuar.

Como puede ver, algunas de estas palabras pretenden convencer a los clientes de que es seguro hacer clic en el botón y realizar una compra o suscribirse a un boletín. Otras se centran en destacar la propuesta de valor de su oferta.

Lapágina de inicio de Evernote promete a los usuarios que podrán organizar su vida con la aplicación, mientras que la CTA les incita a registrarse gratis. Y quién podría rechazar una oferta tan tentadora?

Include power words - Evernote (Fuente: Evernote)

Del mismo modo, la CTA de la página de inicio de BaseLang invita a los usuarios a empezar con sus clases de español por "sólo 1 dólar", que es lo más parecido a ofrecer un servicio gratuito. El mensaje general de la marca tiene fuerza con la ayuda de otras palabras poderosas como "ilimitado" o "todo lo que puedas comer", que comunican el valor de la oferta que los clientes potenciales pueden probar durante una semana y pagar una tarifa simbólica de 1 dólar.

Include power words - BaseLang (Fuente: BaseLang)

5. Haga que su CTA destaque

Probablemente haya oído hablar de la regla de los 15 segundos, según la cual sólo dispone de un cuarto de minuto para captar la atención de sus visitantes. Esto no te da mucho margen de maniobra, lo que significa que tienes que actuar con rapidez y asegurarte de que la CTA es una de las primeras cosas que la gente nota cuando aterriza en tu página web.

Una de las mejores formas de lograr este objetivo consiste en dar un toque de color. Hay diferentes opiniones sobre qué color aumenta las conversiones, pero el jurado aún no ha decidido. Sin embargo, podemos concluir que no se trata tanto de elegir entre rojo, verde, azul o amarillo, sino de crear contraste.

Por ejemplo, puede emplear los llamados colores complementarios, que se encuentran en lados opuestos de la rueda cromática. Si su página web es mayoritariamente azul, una CTA naranja creará un fuerte contraste.

Lapágina de inicio de Menlo Caoching es blanca y gris, por lo que el atrevido color rojo que eligieron para el CTA lo hace inmediatamente visible. El diseño también se beneficia del espacio negativo, que acentúa aún más el botón CTA y hace que destaque sobre el fondo neutro.

Make your CTA pop (Fuente: Menlo Coaching)

6. No sea impreciso

No espere que sus visitantes saquen conclusiones sobre lo que va a ocurrir a continuación: dígaselo.

Los botones CTA que dicen "Haga clic aquí" o "Enviar" sólo confundirán a la gente, y eso es lo peor que puede hacer.

El truco está en comunicar claramente a sus visitantes cómo se beneficiarán de tomar medidas e informarles de cuál es el siguiente paso.

Dropbox utiliza este enfoque de "qué gano yo" en su página de inicio diciendo a sus clientes potenciales que haciendo clic en el botón CTA podrán encontrar el mejor plan para ellos. Es obvio que en la página siguiente encontrarán detalles sobre el plan, características y comparaciones que les ayudarán a tomar una decisión.

Don’t be vague (Fuente: Dropbox)

7. Añadir prueba social

Cuando se trata de convertir clientes potenciales, nada funciona mejor que la prueba social. El 87 % de las decisiones de compra comienzan con una investigación en línea, mientras que los clientes leen una media de diez opiniones antes de hacer un pedido.

Pero, como no quiere que sus clientes potenciales abandonen su sitio web mientras buscan opiniones y testimonios de clientes, es mejor mostrarles la prueba social allí mismo antes de presentarles la CTA.

De este modo, generarás confianza y disiparás las posibles dudas que puedan tener sobre la compra.

Eso es exactamente lo que hace Buffer en su página de inicio. Sus CTA están emparejados con citas de clientes satisfechos que destacan cómo el uso de la plataforma les hace la vida más fácil. Para añadir otra capa de credibilidad, la marca incluyó los nombres y las fotos de los clientes. Esta sencilla táctica es muy útil, ya que pone cara al nombre y hace que la prueba social sea más auténtica.

Add social proof (Fuente: Buffer)

8. Mantenga las cosas sencillas

Todos los consejos de los que hemos hablado hasta ahora pueden darle la impresión de que sus CTA tienen que ser exagerados para que funcionen.

Pero lo cierto es que a menudo se infravalora la sencillez.

Conoce Ranktracker

La plataforma todo en uno para un SEO eficaz

Detrás de todo negocio de éxito hay una sólida campaña de SEO. Pero con las innumerables herramientas y técnicas de optimización que existen para elegir, puede ser difícil saber por dónde empezar. Bueno, no temas más, porque tengo justo lo que necesitas. Presentamos la plataforma todo en uno Ranktracker para un SEO eficaz

¡Por fin hemos abierto el registro a Ranktracker totalmente gratis!

Crear una cuenta gratuita

O inicia sesión con tus credenciales

En muchos casos, obtendrá grandes resultados si mantiene su CTA simple tanto en términos de diseño como de proceso de conversión.

La CTA dela página de inicio de Jira cumple todos los requisitos con su CTA "Continuar con Google". El diablo está en los detalles, y aunque aparentemente no pasa gran cosa aquí, la eficacia de esta CTA radica en el hecho de que hace las cosas muy sencillas para aquellos que deciden registrarse.

En lugar de un complicado proceso de registro, Jira ahorra tiempo a los usuarios permitiéndoles acceder a la plataforma a través de su cuenta de Google. Solo se necesitan un par de clics y no hay que rellenar molestos formularios, responsables de muchos registros y carritos de la compra abandonados. Además, el texto contiene esa palabra mágica, Free (gratis), capaz de convencer a los indecisos para que hagan clic y continúen.

Keep things simple (Fuente: Jira)

Conclusión

La llamada a la acción puede ser el elemento de diseño más pequeño de su página web, pero su importancia es enorme. Sin ella, los clientes potenciales no sabrían qué espera que hagan y cuál debería ser su siguiente paso. Por lo tanto, preste especial atención al diseño de sus CTA y no los desprecie. Estas tácticas le ayudarán a asegurarse de que los clics lleguen a raudales.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Empieza a usar Ranktracker... ¡Gratis!

Averigüe qué está impidiendo que su sitio web se clasifique.

Crear una cuenta gratuita

O inicia sesión con tus credenciales

Different views of Ranktracker app