Call to Action: 5 consejos para incrementar tu tasa de conversión

author

Federico La Pietra

septiembre 5, 2019 | 7 min

Last Updated: Nov 22, 2023


Meses de planificación ya acabadas, un plan empresarial a prueba de balas, una estrategia de comunicaciones envidiable y por fin estás preparado para el despegue de tu producto o servicio.

Tu página de inicio es la puerta de entrada a tu marca. Has elaborado cuidadosamente el contenido de tus páginas principales para exhibir tus ofertas únicas.

Pero, seamos honestos, ¿cuánto tiempo le has dedicado realmente a tus call to action?

Las CTA, Calls To Action, tiene la difícil tarea de convertir tus visitas en prospectos.

Su diseño, ubicación y mensaje no pueden ser una ocurrencia tardía, deben adecuarse a las necesidades y expectativas de tus visitantes en el momento oportuno.

En esta publicación miraremos qué forma una buena call to action (CTA), y cómo conseguir una captación intuitiva efectiva en el momento de su diseño.

Revelaremos los secretos tras la perfecta CTA para ayudarte a obtener un mayor número de “clicks” y con ello, más conversiones.

 

 

¿Qué es una Llamada a la Acción o Call to Action (CTA)?


Las CTA, también conocidas como “call to action button”, botón de llamada a acción, es un elemento en el que se puede hacer clic diseñado para animar a los usuarios a llevar a cabo una acción.


A menudo, este botón lleva al cliente a una página donde pueden completar un pedido o suscribirse a un servicio.

Generalmente las CTA se consideran el segundo paso en la estrategia de inbound marketing, precediendo el momento de la compra.

Su objetivo principal es, por tanto, la conversión o transformación de visitantes en leads. Implementar CTAs eficientes es crucial para el rendimiento de tu página web.

Estas CTAs pueden tomar numerosas formas diferentes, podría ser un botón, un cartel con una imagen o un simple texto con un enlace. Su función es desviar al usuario a una página de aterrizaje o nueva ventana con el fin de:

  • Registrarse a una página
  • Descargar un archivo
  • Hacer una compra
  • Suscribirse a un boletín informativo
  • Solicitar una demostración
  • Etc…

Ahora, es fundamental que la página de aterrizaje a la que envíe a sus visitantes sea relevante para evitar frustración por su parte. De esto hablaremos en otra publicación.

El Botón Call to Action: Cuestión de Captación Intuitiva

Es obvio inmediatamente que el botón call to action es un botón, ¿o no?

Un CTA efectivo es reconocible instantáneamente y su función, comprendida desde el primer momento.


Captación intuitiva se define como la propiedad que tiene una función u objeto que presenta una indicación acerca de qué se puede hacer con ese objeto, en otras palabras, las posibles acciones a llevar a cabo o las características de un elemento.


Los visitantes deben poder, inmediatamente, identificar los CTA gracias a su diseño. Un buen call to action no debe solo ser reconocible de inmediato, también debe sobresaltar del resto de la página. Si tienes duda recuerda que un botón debe adecuarse a la idea que tienen los visitantes de lo que es, y cómo es, un botón.

No importa que tan bonito es el diseño de una página si un elemento en el que se debe hacer clic parece que no se puede. Los visitantes se rascarán la cabeza confundidos como mejor opción, o abandonarán la plataforma por completo.

Esto se hace aún más verdad cuando hablamos de teléfonos móviles, donde la captación intuitiva es el único indicador de la existencia de elementos activos dentro de la página. Recuerda, no puedes pasar el cursor encima de los iconos en un smartphone. De hecho, la única manera de medir el rendimiento de un CTA en móvil es de rastrear los clics.  

 CTAs y la Experiencia de Usuario Móvil

Como bien hemos mencionado anteriormente, aunque la apariencia del CTA es un factor clave que influye en el rendimiento de un ordenador, es aún más importante en móvil.

El comportamiento digital se ve fuertemente influenciado por el contexto y los visitantes navegan y exploran de manera diferente dependiendo si están haciendo uso de un ordenador o de un móvil, especialmente si están en movimiento.

Navegar mientras se espera al metro, andando por la calle u ojeando artículos en una tienda, trae consigo numerosos desafíos y la inexistencia de un mouse o teclado puede resultar en una menor precisión a la hora de dar clic.

Una encuesta realizada a 1.333 personas por el investigador y especialista Steven Hoober, reveló que el 49% de usuarios sostienen su smartphone con una sola mano (en el 67% de los casos, la mano derecha). 

Esta estadística ha dado auge al concepto de Thumb Zone, lo cual muestra la importancia de tener en cuenta el tamaño de los dispositivos y los elementos de las páginas, al igual que cómo esta zona afecta la usabilidad.

 

Ilustración de la zona del pulgar o “Thumb Zone” – Crédito de la foto: Steven Hoober, UX Matters

 

¿Cómo Crear un CTA Perfecto?

Para conseguir asesoramiento en cómo diseñar el CTA perfecto, pasamos un quiz a nuestros expertos en experiencia del usuario (UX), nuestros UX-pertos, en Paris, Nueva York, Londres y Múnich.

Les dejamos aquí los 5 mejores consejos en cómo crear un CTA irresistible.

1. Asegúrate de que tu CTA Está Bien Visible

Porque siempre es bueno empezar por lo básico, un buen call toa ction tiene que ser visible, esto significa:

  • Siempre debe estar situado por encima del pliegue (en la primera cara), sobre todo si se trata de un CTA “añadir al carrito”.  
  • Debes usar colores que contrasten con el resto de la página.
  • Debe haber suficiente espacio libre rodeando el botón para sugerir interactividad.
  • Si hay más de un botón en la página, debes incrementar el tamaño de tu CTA principal y usar para este, un color más vistoso para hacerlo resaltar.

Asegúrate también de posicionar sus CTA donde los usuarios esperan encontrarlos, (el botón para añadir al carrito suele estar en la esquina superior derecha, por ejemplo). Si los visitantes no encuentran tu CTA, seguramente perderás ventas.

Aquí encontrarás algunos de los botones CTA más comunes:

  • Botón de esquina
  • Botón de esquina redondeada
  • Botón con fondo en gradiente
  • Botón fantasma

Dropbox hace uso de un diseño simple con mucho espacio, manteniéndose acorde al diseño minimalista de su página. Gracias a esto, su CTA realmente destaca y, como el botón CTA es del mismo color que el logo de Dropbox, no se puede malinterpretar en absoluto el mensaje del botón.

Ejemplo de call to action de Dropbox

2. Crea un Call to Action Fácilmente Identificable

Sí, un CTA debe ser visible, pero también debe tener forma de CTA (leer en sección acerca de captación intuitiva). Una herramienta heatmap te ayudará a saber si su CTA está haciendo bien su trabajo, si los clientes dan clic en él o no.

Un CTA identificable debe tener:

  • Una forma que sugiera su función: un corazón o un pulgar para un me gusta, un carrito para añadir a mi carrito
  • Un color y un diseño que refleje la estética de la marca y los colores de la plataforma.
  • En ordenador, una función que indique el cursor pasa encima del CTA aunque no se de clic.

Otro ejemplo de un CTA viable es el botón “Recordar todo”, en la página de Evernote. Este comunica claramente el valor de registrarse, y el color verde del botón principal refleja la gama de colores de la empresa además de resaltar en la página. 

CTA identificable de Evernote

3. Comunica un Mensaje Claro

El texto que aparece en tu botón, si es que hay, debe ser claro como el agua.

Este texto debe ser:

  • Preciso: debe explicar la función exacta del botón (pedir, confirmar, remover…)
  • Impactante: al ser posible, el botón debe mostrar el valor para el usuario (Descargue la guía gratis, Regístrese para un mes gratis…)
  • Coherente: debe señalar claramente dónde acabarán los usuarios.

También es buena idea:

  • Crear un sentimiento de urgencia, señalar ofertas de tiempo limitado, material limitado, etc.

No hay nada como un temporizador a contrarreloj para captar a los usuarios y que quieran registrarse. Los visitantes que pasan mucho tiempo en la página principal de Aquaspresso son bienvenidos con un CTA que contiene una oferta y un temporizador puesto a 2 minutos.

Mensaje claro en Call to Action de Aquaespresso

4. Utiliza un CTA Asequible

Para este momento ya debes de saber que un CTA de “alto rendimiento” es un CTA fácil de dar clic.

Un estudio llevado a cabo por el Touch Lab del Instituto de Tecnología de Massachusetts, determinó que la anchura media de un dedo está entre 10 y 14mm, la punta del dedo entre 8 y 10mm. Con esto manifiestan que cualquier elemento “cliqueable” debe tener al menos un tamaño de 10mm x 10mm. Sí,  el UX es una disciplina extremadamente estricta.

Barkbox nos muestra otro ejemplo genial del CTA ideal y los dos iconos CTA de su página de inicio demuestran que tan bien la empresa conoce a su público.

Una gran parte de la clientela que visita su página están interesados en registrarse ellos mismos, otra, en regalar una subscripción a Barkbox como regalo.

Con el fin de facilitarle la vida a sus clientes, Barkbox ha decidido mostrar dos CTAs en su página de inicio: “Elige tu Barkbox” y “Da un regalo”.

CTA asequible de BarkBox

5. Un Call to Action Debe Ser Reconfortante

Por último, debes asegurarte de que tu CTA es reconfortante para tu cliente o prospecto. Al hacer clic debes hacer una confirmación, ya sea audible o visual. La ausencia de confirmación podría dejar al cliente con la sensación de que no se ha completado la acción, llevándole a repetirla varias veces innecesariamente.

Poner en marcha una confirmación limita interacciones innecesarias y, por tanto, la frustración del usuario.

Puedes también tranquilizar al usuario haciéndole saber que cualquier acción es reversible. Netflix, por ejemplo, permite que un cliente cancele en cualquier momento una vez registrado, esto tendrá impactos muy positivos sobre sus conversiones.

Call to Action Reconfortante de Netflix

 

Ahora estás equipado con todo el conocimiento que necesitas para crear CTAs irresistibles en tu página web, sito móvil o app. No olvides que una gran parte de la creación de un call to action efectivo es comprender de antemano el contexto de navegación y el objetivo de tus usuarios y diseñar la página acorde a ello.

Recuerda usar los CTAs de manera moderada; ¡demasiados CTAs matarán a los CTAs!

Y aquí, algunas palabras de sabiduría como despedida: ¡prueba, prueba, prueba!

Ya sea cambiar el color, tamaño, situación o forma de tu call to action; test A/B y análisis granular del comportamiento del consumidor te ayudarán a tomar las mejores decisiones.

Session Replay 

  • Reconstruye la visita de un usuario en tu sitio con todo los detalles 
  • Comparte tus session replays con tus equipos 
  • Aumenta el retorno de la inversión 
Descubre nuestro Session Replay