31 ejemplos de LLAMADOS a la ACCION que funcionarán para tu AUDIENCIA

Piensa en todas las veces que te registraste para cosas en tu vida. ¿Alguna vez descargaste Evernote, Dropbox, o Spotify? Tal vez incluso has tomado una clase en General Assembly.

Cada uno de estos registros es probablemente el resultado de un llamado a la acción (CTA) efectivo.

Y es realmente importante guiar a tus visitantes a través del recorrido de compra mediante CTA estratégicos. Piénsalo: si tú no hubieras sido atraído por la copia o el diseño de la CTA, o te hubieran guiado de manera más elocuente a través de tu proceso de registro, probablemente estarías usando muchas menos aplicaciones y sitios web que ahora.

Para ayudarte a identificar lo que es efectivo y lo que no, hemos enumerado 3 1 ejemplos de CTA que son totalmente efectivas. Estos ejemplos de llamado a la acción se dividen en tres categorías:

• CTA simples y efectivas
• CTA con grandes frases de llamado a la acción
• CTA que equilibran múltiples botones en una página

Ejemplos simples y efectivos de llamado a la acción

1. Evernote

Botón CTA: Registrarse

«Recuerda todo». Los visitantes pueden entender inmediatamente ese mensaje en el momento en que llegan a esta página. El diseño en el sitio web de Evernote hace que sea muy fácil para los usuarios ver los beneficios rápidos de utilizar la aplicación y cómo registrarse para usarla. Además, el color verde de los botones CTA principales y secundarios es el mismo que el título y el logotipo de Evernote, y todos saltan de la página.

2. Dropbox

Botón CTA: Regístrate gratis

Dropbox siempre ha adoptado un diseño simple con mucho espacio reducido. Incluso los gráficos en su página de inicio son sutiles y simples.

Gracias a ese diseño simple y espacio reducido, el botón azul de llamada a la acción «Registrarse de forma gratuita» se destaca de todo lo demás en la página. Como el CTA y el logotipo de Dropbox son del mismo color, es fácil para el visitante interpretar este llamado como «Registrarse en Dropbox». Esa es una llamada a la acción efectiva.

3. OfficeVibe

Botón CTA: Suscribirse

Aquí hay un llamado a la acción deslizable que atrajo mi atención desde OfficeVibe. Al desplazarte a través de una publicación en su blog, un banner se presentó desde la parte inferior de la página con un llamado a la acción para suscribirte. ¿La mejor parte? La copia de la diapositiva me indicó que recibiría sugerencias sobre cómo ser un mejor gerente, y la publicación en la que apareció fue un mensaje sobre cómo convertirte en un mejor administrador. En otras palabras, la oferta era algo en lo que ya estaba interesado.

Además, me gusta cómo las CTA son discretas y deslizantes, en comparación con lo que mi colega Rachel Sprung llama «Detén todo y has click aquí arriba en la popular CTA». Encuentro que estas herramientas ofrecen una experiencia más agradable porque me proporcionan mayor información y al mismo tiempo me permiten seguir leyendo la publicación del blog.

4. Netflix

Botón CTA: Únete gratis por un mes

¿Qué miedo tienen los usuarios antes de comprometerse con la suscripción? Que será un gran dolor cancelar si no les gusta. Netflix. Corta ese temor de raíz con la copia «Cancelar en cualquier momento» justo encima de la CTA «Únete gratis durante un mes». Me arriesgaría a adivinar que la tranquilidad por sí sola ha aumentado los registros. Además, notarás nuevamente que el color rojo de las CTA principales y secundarias aquí coincide con el color del logotipo de Netflix.

5. Square

Botón CTA: Comenzar

Para lograr un diseño efectivo de CTA, debes considerar más que solo el botón en sí. También es muy importante tener en cuenta elementos como el color de fondo, las imágenes y el texto que lo rodean.

Teniendo en cuenta estos componentes de diseño adicionales, la gente de Square usó una sola imagen para mostrar la simplicidad del uso de sus productos, donde la CTA «Comienza» está esperando que le des click. Si observas detenidamente, el color de la tarjeta de crédito en la imagen y el color del botón CTA coinciden, lo que ayuda al espectador a conectar los puntos de qué esperar cuando clickean.

6. Prezi

Botón CTA: Prueba a Prezi

La gente de Prezi también está en el estilo de diseño minimalista en su sitio web. Además del dinosaurio verde y el marrón oscuro, el otro color que acompaña al diseño predominantemente en blanco y negro es un azul brillante, el mismo de su logotipo principal. Ese color brillante se coloca estratégicamente en la página inicial: la CTA principal «Prueba a Prezi» y la secundaria «Empezar», que llevan a los usuarios al mismo perfil de precios.

7. Full Bundle

Botón CTA: Nuestro trabajo

Full Bundle es otra compañía que usa espacio reducido para hacer popular y emergente su CTA principal. El llamado a la acción blanco de «Nuestro trabajo» se destaca contra los grises oscuros del fondo. La elección de CTA también es estratégica. Dado que existen principalmente para desarrollar la presencia de los clientes en línea, es importante que muestren su trabajo, y eso es lo que la mayoría de la gente visita en este sitio web.

8. Panthera

Botón CTA: Unirse

La gente de Panthera está buscando usuarios que realmente se preocupen por los gatos salvajes de todo el mundo y quieran unirse a un grupo de personas que sienten lo mismo. Para apuntar a esta gente en particular, nos encanta cómo usan el lenguaje que hablarían con los grandes felinos: «Únete al orgullo de hoy». La página en sí misma es súper simple: un formulario con dos campos simples y un botón que le pide a la gente (nuevamente) «Unirse».

CTA con frases creativas de llamado a la acción

9. Huemor

Frase CTA: ‘Iniciar (No presionar)’

Si fuiste a un sitio web y viste un CTA «Iniciar» acompañado de la copia «No presionar» … ¿qué harías? Seamos honestos: te morirías por presionarlo. El uso de la psicología inversa inofensiva aquí es lúdica, lo cual está muy de acuerdo con la voz de marca de Huemor.

10. Aquaspresso

Frase de la CTA: ‘¡Envíame especiales ahora!’

El objetivo de un llamado a la acción es dirigir a los visitantes de tu sitio a un curso de acción deseado, y las mejores CTA lo hacen de una manera que sea útil para tus visitantes. La gente de la compañía de café Aquaspresso realmente encontró ese equilibrio con la CTA emergente en su página principal del blog.

Aquí, el curso de acción deseado es que los lectores del blog comprueben qué es lo que realmente están vendiendo (y con suerte les compran). Hay muchas maneras en que podrían haber hecho esto, incluida la emisión de una CTA que insta a las personas a «¡Eche un vistazo a nuestros productos más populares!» o algo muy directo. Pero nos encanta lo que han hecho en su lugar: este CTA ofrece a los lectores de blogs algo mucho más útil y sutil: una oferta para los «especiales de hoy» a cambio de la dirección de correo electrónico del lector.

Agregar que las ofertas especiales son solo para hoy es un gran ejemplo de una táctica psicológica llamada escasez, que nos hace asignar más valor a las cosas que creemos que están escasas. El temor de que los especiales de hoy sean mejores que los de mañana podría hacer que las personas quieran llenarlo y reclamar la oferta mientras puedan.

11. QuickSprout

Frase CTA: ‘¿Estás haciendo mal tu SEO? Ingresa tu URL para averiguar’

Nadie quiere estar equivocado. Es por eso que un botón de llamado a la acción como el CTA interactivo de QuickSprout en su blog es tan digno de recibir muchos clicks. Le pregunta al lector: «¿Estás haciendo mal tu SEO?» Bueno, ¿verdad? Todo lo que tengo que hacer es ingresar mi URL para averiguarlo, parece bastante fácil. Es un lenguaje como este, el que realmente puede atraer a los visitantes a hacer click.

Además, tener la diapositiva de CTA en la mitad del blog es una gran táctica para atrapar lectores antes de que reboten en la página. Tradicionalmente, muchos blogs tienen los CTA en la parte inferior de cada entrada de blog, pero la investigación muestra que la mayoría de los lectores solo obtienen el 60% del camino a través de un artículo.

12. Grey Goose

Frase CTA: ‘Descubre un cóctel adaptado a tu gusto’

Aquí hay un llamado a la acción divertido y único que puede hacer que la gente haga click. Mientras que los visitantes del sitio podrían haber esperado ser dirigidos a páginas de productos o comunicados de prensa desde la página de inicio, una CTA para «Descubrir un cóctel adaptado a tu gusto» es una pregunta gratamente sorprendente. A la gente le encanta la personalización, y este CTA se siente como un juego tentador. El ícono del botón reproducir junto a la copia da una pista de que los visitantes serán llevados a un video para que tengan una mejor idea de qué esperar cuando hagan click.

13. Treehouse

Frase CTA: ‘Solicita tu prueba gratis’

Muchos sitios web de compañías ofrecen a los usuarios la oportunidad de comenzar una versión de prueba gratuita. Pero el sitio web de CTA en Treehouse no solo te dice «Comienza una prueba gratis»; sino que también dice «Reclama tu prueba gratuita».

La diferencia en la redacción puede parecer sutil, pero piensa en cuánto más personal se inclina por «Reclama tu prueba gratis». Además, la palabra «reclamo» sugiere que puede no estar disponible por mucho tiempo, dando a los usuarios una sensación de urgencia para obtener esa versión de prueba mientras puedan.

14. OKCupid

Frase CTA: ‘Continuar’

La CTA de OKCupid no parece tan impresionante a primera vista, pero su brillo está en los pequeños detalles.

El botón de llamada a la acción, que es de color verde brillante y destaca bien sobre un fondo azul oscuro, dice: «Continuar». La simplicidad de este término crea la esperanza de que el proceso de registro será breve e informal. Para mí, este CTA se parece más a que estoy jugando un juego divertido que llenando una forma aburrida o comprometiéndome con algo que pueda ponerme nervioso. Y todo se debe a la copia.

15. Blogging.org

Frase CTA: Reloj de cuenta atrás

No hay nada como un temporizador para hacer que alguien quiera tomar medidas. Después de pasar un corto período de tiempo en la página principal de Blogging.org, los nuevos visitantes son recibidos con una CTA emergente con una «oferta de tiempo limitado», acompañada de un temporizador que cuenta desde dos minutos.

Al igual que con el ejemplo de Aquaspresso en el No 10, este es un uso clásico de la táctica psicológica llamada escasez, que nos hace asignar más valor a las cosas que creemos que son escasas. Limitar el tiempo en el que alguien tiene que completar un formulario hace que las personas quieran terminarlo y reclamar su oferta mientras se pueda.

Curioso pero, ¿qué pasa cuando se acaba el tiempo?, no pasa nada. El CTA emergente permanece en la página cuando el temporizador llega a cero.

16. IMPACT Marca y diseño

Frase de CTA: ‘Lo que hacemos’

Los CTA pueden sentirse muy agresivos y dependientes si se usa el idioma equivocado. Me gusta el enfoque educativo de IMPACT, donde desafían a los visitantes a que aprendan lo que hace la empresa antes de presionarlos para que realicen cualquier otra cosa. Este llamado a la acción es especialmente intrigante para mí porque ni siquiera usan un verbo de acción, pero aún logran atraer a las personas para que hagan click.

17. EPIC

Frase CTA: ‘Comencemos juntos un nuevo proyecto’

La gente de la agencia EPIC utiliza su página principal básicamente para mostrar su trabajo. Cuando llegas al perfil, te saludan con videos animados que muestran parte del trabajo que han hecho para los clientes, el cual rotan en un carrusel. Si bien hay muchos otros lugares en los que los usuarios pueden hacer click en el sitio, incluidas las web de sus clientes, el llamado a la acción principal se destaca y siempre contrasta con el video que se reproduce en segundo plano.

Me encanta que tengan un lenguaje amigable e inclusivo: «Comencemos juntos un nuevo proyecto», que da una pista a los usuarios que buscan un socio creativo sobre el que son un equipo especialmente bueno para trabajar.

18. Brooks Running

Frase CTA: ‘Averigua cuándo tenemos más’

¿Cuántas veces has buscado ardientemente un producto que amas, solo para descubrir que está agotado? Bueno, como ya sabrás, tampoco es un picnic para el distribuidor. Pero el hecho de que te hayas quedado sin un elemento no significa que debas dejar de promocionarlo.

Brooks Running utiliza un llamado a la acción inteligente para garantizar que sus clientes no salgan de su sitio web simplemente porque su zapato favorito no está en stock. En la captura de pantalla siguiente, puedes ver a Brooks promocionando un zapato de aspecto impresionante con el CTA, «averigua cuándo tenemos más». Me encanta cómo este botón convierte las malas noticias en una oportunidad para retener clientes. Sin eso, los clientes de Brooks probablemente se olvidarán del zapato y mirarán a otro lado.

Cuando haces click en el botón azul CTA que se muestra a continuación, Brooks te dirige a una página con un código simple que te permite enviar un mensaje de texto a la compañía. Este código solicita a Brooks que avise automáticamente al visitante cuando el zapato que desea esté disponible nuevamente.

19. Humboldt County

Frase CTA: ‘Sigue la magia’

El sitio web de Humboldt County es magnífico por sí mismo: te saluda con un video de pantalla completa de imágenes impactantemente bellas. Pero lo que realmente amo es el botón de llamada a la acción no convencional que se coloca en la parte inferior central, que presenta un icono de conejito y las palabras «Sigue la magia».

Mejora el tipo de sensación fantástica del metraje, haciéndote sentir como si estuvieras a punto de entrar en un cuento de hadas.

Además, una vez que haces click en esta CTA, el sitio web se convierte en una especie de juego de elección de tu propia aventura, que es una ruta de llamada a la acción divertida para los usuarios y los alienta a pasar más tiempo en el sitio.

Equilibrio de varios botones de llamada a la acción

20. Uber

Botones de CTA: regístrese para conducir | Comience a viajar con Uber

Uber está buscando dos tipos muy distintos de personas para inscribirse en su sitio web: pasajeros y conductores. Ambas personas están buscando cosas totalmente diferentes, y sin embargo, esta plataforma los une muy bien con el gran video que se reproduce en el fondo y que muestra a los pasajeros y conductores de Uber pasando un buen rato en lugares de todo el mundo.

También me encanta la copia del controlador CTA en la parte superior: no es mucho más sencillo que «ganar dinero manejando tu auto». Ahora eso es hablar el lenguaje de las personas.

21. Spotify

Botones CTA: Go Premium | Juega gratis

Tan pronto como llegues a la página principal de Spotify, verás que es bastante claro que su objetivo principal es atraer clientes que estén dispuestos a pagar por una cuenta premium, mientras que la CTA para que los usuarios se registren gratis es muy secundaria.

No es solo el titular el que revela esto; también es el color de sus botones CTA. El CTA «Go Premium» es de color verde lima, lo que hace que salte de la página, mientras que el CTA «Juega gratis» es completamente blanco y se integra con el resto de la copia en la página. Este contraste asegura que los visitantes se sienten atraídos por el CTA premium.

22. Ugmonk

Botones de CTA: envíenme los cupones | No me interesa

Los CTA de salida, también conocidos como pop-ups con intención de salir, son diferentes a los pop-ups normales. Detectan el comportamiento de sus usuarios y solo aparecen cuando demuestran que están a punto de abandonar su sitio. Al intervenir de forma oportuna, estas ventanas emergentes sirven como una manera fantástica de llamar la atención de sus lectores mientras les ofrecen una razón para quedarse.

Ugmonk tiene una gran salida de CTA, que ofrece dos opciones para los usuarios como una última súplica antes de que abandonen el sitio. En primer lugar, ofrecen un 15% de descuento en sus productos, seguido de dos opciones: «Sí, por favor: envíeme el cupón» y «No, gracias: no estoy interesado». Es muy útil que cada CTA clarifique lo que «Sí» y «No» realmente significan, y también me gusta que no utilizaron el lenguaje de la culpabilidad como «No, gracias: odio la naturaleza» como he visto en otros sitios web. Finalmente, observa que el botón «Sí, por favor» es mucho más brillante y atractivo en color que la otra opción.

23. Pinterest

Botones CTA: Continuar con Facebook | Regístrate

¿Quieres registrarte en Pinterest? Tienes un par de opciones: registrarte a través de Facebook o por correo electrónico. Si tienes una cuenta de Facebook, Pinterest quiere que lo hagas primero. ¿Cómo puedo saber? Estéticamente, lo sé porque el CTA de Facebook azul es lo primero y es mucho más prominente, colorido y reconocible debido al logotipo y el color de la marca. Lógicamente, lo sé porque si inicias sesión a través de Facebook, Pinterest puede obtener los datos de la API de Facebook y conseguir más información sobre ti que si inicias sesión a través de tu dirección de correo electrónico.

Aunque esta página está optimizada para atraer nuevos miembros, notarás una CTA muy sutil para las personas con cuentas de Pinterest para iniciar sesión en la parte superior derecha.

24. Madewell

Botones CTA: Llévame allí | ¿Qué sigue?

Madewell (propiedad de J.Crew) siempre ha tenido un destacado diseño de sitio web, llevando lo que podría ser una plataforma típica de comercio electrónico al próximo nivel. El uso de CTA en tu página de inicio no es una excepción.

Cuando llegas por primera vez a la página, recibes el titular «Estoy buscando…» seguido de una categoría, como «Ropa que viajará a cualquier parte». Debajo de esta copia hay dos opciones: «Sí, llévame allí» o «Hmm… ¿Qué sigue?» El usuario puede elegir entre las dos CTA para navegar por la ropa que es buena para viajar, o para llevarte al siguiente tipo de moda, donde puedes volver a mirar.

Esta ramificación es una excelente manera de hacer que tu sitio sea más interesante para los usuarios que se cruzan sin tener una idea específica de dónde quieren verse.

25. Instagram

Botones de CTA: descargue en el App Store | Consíguelo en google play

Dado que Instagram es una aplicación principalmente móvil, verás dos CTA negras de igual tamaño: una para descargar Instagram en la App Store de Apple y otra para descargarla en Google Play. La razón por la cual estas CTA son del mismo calibre es porque no importa si alguien descarga la aplicación en la App Store o en Google Play… una descarga es una descarga, que es exactamente lo que Instagram está optimizando. Si ya tienes Instagram, también puedes hacer click en la CTA para «Iniciar sesión» si prefieres esa opción.

26. Barkbox

Botones CTA: Comenzar | Dar un regalo

Las dos CTA en la página de inicio de Barkbox muestran que el equipo conoce a sus clientes: mientras que mucha gente que visita su sitio se apunta a sí misma, hay algunas personas que quieren hacerte un regalo de Barkbox. Para ofrecer un camino fácil para comprar, hay dos CTA de igual tamaño en la página: «Comenzar» y «Dar un regalo».

Como una ventaja adicional, hay un adorable llamado a la acción emergente en el lado derecho de la pantalla que les pide a los usuarios que dejen un mensaje si lo desean. Has click en él y aparecerá un pequeño cuadro de diálogo que dice: «Guau, me temo que nuestro paquete no está en línea. Déjanos un mensaje y te llamaremos tan pronto como sea posible». Habla de una copia encantadora.

27. TC Pharma

Botones CTA: Descubra más | Ver productos

Resulta que Red Bull no es su propia empresa matriz: es propiedad de TC Pharma, una empresa que fabrica bebidas energéticas populares, bebidas electrolíticas y refrigerios funcionales.

Su página de inicio cuenta con dos botones de llamada a la acción de igual tamaño: «Averigüe más» y «Ver productos», pero está claro por el color amarillo brillante del primer botón, que preferirían dirigir a la gente a «Obtenga más información».

28. General Assembly

Botones CTA: ver cursos a tiempo completo | Suscribir

A medida que te desplazas por el sitio web de la General Assembly, verás CTA para varios cursos para los que puedes o no inscribirte. Sin embargo, me gustaría llamar tu atención sobre la CTA que se desliza desde la parte inferior de la página mientras te desplazas, lo que sugiere que te suscribas a las actualizaciones por correo electrónico.

Aunque se siente como una CTA secundaria debido a su ubicación y manera, realmente creo que intentan colar esto para convertirse en una CTA primaria porque es mucho más colorida y notable que las que se utilizan para clases individuales. Cuando creas tus propios CTA, intenta utilizar colores más audaces, incluso los que chocan con tus estilos habituales, para ver si son efectivos para llamar la atención de las personas.

29. Charity: Water

Botones CTA: Dar por tarjeta de crédito | Dar por Pago efectivo

Charity: Water tiene como objetivo principal para el agua, lograr que las personas donen dinero para obtener un líquido más limpio, pero no pueden asumir que todos quieren pagar de la misma manera.

Las CTA que aparecen en su página de inicio adoptan un enfoque realmente único para ofrecer diferentes métodos de pago al completar US$ 60 en una sola línea e incluir dos CTA igualmente importantes para pagar con tarjeta de crédito o Pago en efectivo. Observa que ambas CTA tienen el mismo tamaño y diseño: esto se debe a que a Charity: Water probablemente no le importa cómo dones, siempre y cuando estés aportando.

30. Hipmunk

Botones CTA: Vuelos | Hoteles | Autos | Paquetes

Cuando aterrizas en el sitio de Hipmunk, tu principal opción es buscar vuelos. Pero ten en cuenta que hay cuatro pestañas por las que puedes pasar: vuelos, hoteles, automóviles y paquetes.

Cuando haces click en una de estas opciones, el formulario cambia para que puedas completar más información. Para estar 100% seguro de que sabes lo que estás buscando, Hipmunk colocó una CTA naranja brillante en el extremo derecho del formulario. En esta CTA, verás un ícono reconocible de un avión junto a la palabra «Buscar», para asegurarte de que estás buscando vuelos, no hoteles. Cuando estás en la pestaña de hoteles, ese icono cambia a una figura de hotel. Lo mismo ocurre con autos y paquetes.

31. MakeMyPersona

Botones CTA: ¡Coge la plantilla! | No, gracias

Aquí hay otro ejemplo de una gran ventana emergente con múltiples llamadas a la acción, excepto que en este caso, notarás que el tamaño, el color y el diseño de las dos opciones de los usuarios son muy diferentes entre sí. En este caso, la gente de MakeMyPersona está haciendo que la CTA «¡Coge la plantilla!» sea mucho más atractiva y fácil de cliquear que el CTA «No, estoy bien por ahora, gracias», que ni siquiera parece un botón en el que se pueda hacer click.

También me gusta cómo la opción «no» usa un lenguaje educado. Encuentro que las marcas que no incitan a la culpa a los usuarios que no quieren actuar son mucho más adorables.

Ahí tienes. Por ahora, esperamos que puedas ver cuán importantes pueden ser los pequeños ajustes de CTA.

Divulgación completa: no tenemos datos para saber si todos estos CTA son científicamente exitosos, pero todos los ejemplos siguen nuestras mejores prácticas. Si decides recrear estos CTA en tu sitio, recuerda probar para ver si funcionan para tu audiencia.

Vía | Blog HubSpot