8 min
Una llamada a la acción es un término que hace referencia a aquellos elementos de una página web que solicitan una acción por parte del usuario. Estos elementos se manifiestan en la interfaz de una web en forma de botones seleccionables que, en el momento de hacer click, trasladan al visitante a la acción solicitada (por ejemplo, "Compra ahora"). Imaginamos que, a estas alturas, ya debes saber qué es una CTA, pero si quieres refrescar la memoria puedes leer este post: ‘Qué es CTA y para qué sirve’.
Mejores prácticas de calls to action efectivas
¿Quieres recordarlo todo? Inscríbete en Evernote. Con este mensaje cualquier persona puede entender inmediatamente el significado de call to action en el momento que llega a esta página. Evernote utiliza el diseño para que la CTA sea fácil de ver con un texto que resalta los beneficios de esta aplicación y resume de qué manera se debe utilizar. El color verde del botón es el mismo verde que el titular y el logotipo de Evernote. Todos estos elementos resaltan sobre una página en blanco.
Dropbox realmente es una de las páginas más simples que hay. Los gráficos son sutiles y apenas perceptibles. ¿Qué hace, pues, que esta página sea buena? Es simple y utiliza mucho espacio en blanco que provoca que el azul de "Regístrate" destaque por encima de todo lo demás. Las calls to action y el logotipo de Dropbox son del mismo color y van de la mano. El espectador subconscientemente lee de la misma manera la CTA como el texto "Inscríbete a Dropbox." ¡Se trata de una llamada a la acción eficaz!
En general es bastante fácil perder de vista las llamadas a la acción cuando se colocan encima de una imagen cargada. En esta página, Spotify, muestra a los visitantes su objetivo y algunos álbumes, lo que podría provocar una dura competencia contra la CTA. Sin embargo, Spotify gana en este terreno e incluye un botón de color verde lima con un diseño simple y centrado. La misma CTA se repite en el lado superior derecho de la barra de navegación. Este contraste y repetición asegura que el espectador tenga que ver forzosamente la CTA.
Para lograr un diseño eficaz de CTA se debe tener en cuenta algo más que el diseño del propio botón. También es muy importante considerar elementos como el color de fondo, imágenes de los alrededores y el texto de la página.
Siendo consciente de estos componentes adicionales de diseño, Square (en una sola imagen) muestra la sencillez de uso de su producto, en el que planea el texto "Get Started" y donde casi parece que la CTA espera que el visitante haga el click. El color de la tarjeta de crédito en la imagen y el color del botón de la CTA ayudan al espectador a conectar con el visitante para que entienda los motivos por los que habría que hacer click en el enlace.
Como ya sabéis, nuestra agencia Inbound Emotion ofrece esencialmente servicios de inbound marketing en empresas. El texto de nuestra página dedicada al inbound marketing lo explica resumidamente y responde las preguntas que los visitantes se podrían ir haciendo en su recorrido por la página. Las calls to action de color naranja de la parte superior, contrastan sobre el fondo de la cabecera blanca, a la vez que se adhiere muy bien al mismo tono de la imagen corporativa. La CTA "Pide una consulta" es muy simple y no obliga al visitante a hacer la acción. De una manera amable intenta hacerle más fácil su camino para resolver cualquier duda. Se trata de una CTA al estilo inbound. Si quieres leer más: 'Cómo crear CTA efectivas para inbound marketing'.
¿Por qué Uber coloca estos seis puntos en la parte inferior de su sitio? Cada uno de ellos muestra un escenario en blanco y negro diferente y lo único que nunca cambia es el azul identitario de las llamadas a la acción. Son unas CTA creadas para segmentar los diferentes perfiles de usuarios en función de sus necesidades. ¡Perfecto!
Este tipo de calls to action podrían ser agresivas si no se utiliza el tono adecuado. En cambio, en esta CTA hay un enfoque educativo que impacta porque se desafía a los visitantes a aprender lo que hace la empresa y elegirla en lugar de sus competidores. Estas llamadas son directas aunque no utilicen verbos de acción, y dan una imagen de confianza y de seguridad que contagia al visitante.
Esta CTA de OkCupid no parece tan impresionante a primera vista pero su brillo está en los pequeños detalles. El botón de las calls to action, que es de color azul oscuro y destaca en un fondo gris claro, dice "Continuar" transmitiendo el mensaje de que el proceso de registro será corto y no nos llevará mucho tiempo. Esta CTA hace que el proceso aburrido de llenar un formulario sea un juego divertido.
Treehouse ayuda a las personas a aprender cómo deben codificar. Aunque una persona no tenga ni idea de códigos, si se encontrara con una CTA de color verde grande que le sugiere iniciar una prueba gratuita, quizás podría caer en la tentación de probarlo. En definitiva, si un visitante no tiene ni idea de lo que ofrece Treehouse pero quiere aprender más, hay una CTA secundaria que le permite hacerlo posible.
¿Quieres registrarte en Pinterest? Tienes un par de opciones: o bien te inscribes a través de Facebook o por correo electrónico. Si tienes una cuenta de Facebook, Pinterest quiere que lo hagas primero por esta vía. ¿Cómo lo sabemos? Por la estética. Porque el azul de las calls to action es el mismo azul corporativo de Facebook y la CTA está colocada en primer lugar. Además, es mucho más prominente, colorida y reconocible por el logotipo de la marca y el color. Si inicias sesión a través de Facebook, Pinterest puede introducir datos de la API de esta red social y obtener más información personal que si te conectas a través de tu correo electrónico. Se puede ver un vínculo muy sutil a "Acceder ahora" si ya tienes cuenta de Pinterest. Esta página está muy optimizada para atraer nuevos miembros.
Para crear llamadas a la acción que consigan clicks y actúen como trampolín para iniciar tus rutas de conversión, asegúrate de que el mensaje que se muestra en tu CTA está alineado con el mensaje de tu página de aterrizaje.
Las grandes calls to action deben hacer sólo eso: orientar a la acción. Tu principal objetivo es dirigir los clicks y las personas directamente hacia las landing page con un objetivo de negocio muy concreto. Por ello, asegúrate de que los botones utilizan un lenguaje y unos colores que ayuden a destacarse entre el resto en tu sitio web.
¿Crees que tu sitio web tiene llamadas a la acción bien diseñadas?
