Piensa en todas las veces que te has registrado para cosas en tu vida. ¿Alguna vez descargaste, Evernote, Dropbox, Spotify?. Cada uno de estos registros es probablemente el resultado de una llamada a la acción (CTA) efectiva.
Es realmente importante guiar a tus visitantes a través del viaje de compra utilizando las CTA estratégicas.
CTA significa llamada a la acción, y es la parte de una historia, página web, publicidad o pieza de contenido que anima a la audiencia a hacer algo. En marketing, las CTA ayudan a una empresa a convertir un espectador, visitante o lector en una ventaja para el equipo de ventas. Los CTA pueden impulsar una variedad de acciones diferentes según el objetivo del contenido.
Si no hubieras sido atraído por la copia o el diseño de la CTA, o si no te hubieran guiado de manera tan elocuente a lo largo de tu proceso de registro, probablemente usaría muchas menos aplicaciones y sitios web que ahora.
Aquí hay algunas acciones que atraen a los espectadores a hacer clic:
Regístrate.
En este tipo de CTA, se puede invitar a la audiencia a inscribirse para una prueba gratuita, un curso en línea, un evento futuro o incluso un producto de software. Todo depende del contexto de las CTA en un anuncio o sitio web.
Suscribir.
Este CTA no compromete a una persona a una compra. Más bien, les invita a recibir actualizaciones de la empresa. Las “suscripciones” son comunes a los blogs de la compañía, para los cuales la empresa desea desarrollar un número de lectores.
Prueba gratis.
Casi cada sitio web de las empresas tienen una oferta de prueba gratuita hoy. Cada uno de ellos es un CTA de esta variedad y permite que las personas hagan una demostración de un producto antes de decidir si vale la pena el costo para ellos.
Empezar.
Esta CTA puede generar una variedad de comportamientos para una empresa, desde una prueba gratuita hasta una experiencia de realidad virtual.
Aprende más.
A veces, todo lo que deseas es darle a tus clientes potenciales un poco más de información para que estén preparados para comprar algo. Para eso es este CTA.
Únete a nosotros.
¿Manejas una comunidad en línea? ¿Tu producto está basado en la colaboración entre usuarios? Es posible que te encuentres colocando “únete a nosotros” en algún lugar de tu sitio web.
Todos los tipos anteriores de CTA sirven para un propósito designado, pero ten en cuenta que el idioma que usan puede variar. Y hoy, los mercadólogos en todas partes han puesto algunos giros creativos en sus llamadas a la acción para generar los clientes potenciales de los que dependen sus negocios.
Para ayudarlo a identificar qué es efectivo y qué no, hemos enumerado 31 ejemplos de CTA que son increíbles . Estos ejemplos de llamada a la acción se dividen en tres categorías:
- CTA simples y efectivas
- CTA con grandes frases de llamada a la acción
- CTA que equilibran múltiples botones en una página
Ejemplos simples y efectivos de llamada a la acción
1. Evernote
Botón de 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 simple para los usuarios ver los rápidos beneficios de usar la aplicación y cómo registrarse para usarla. Además, el color verde de los botones CTA principales y secundarios es el mismo verde que el título y el logotipo de Evernote.
2. Dropbox
Botón de CTA: Regístrate gratis
Dropbox siempre ha adoptado un diseño simple con mucho espacio negativo. Incluso los gráficos en su página de inicio son sutiles y simples.
Gracias a su diseño simple y espacio negativo, el botón azul de llamada a la acción “Regístrese gratis” se destaca de todo lo demás en la página. Dado que la CTA y el logotipo de Dropbox son del mismo color, es fácil para el visitante interpretar esta CTA como “Registrarse en Dropbox”. Esa es una llamada a la acción efectiva.
3. OfficeVibe
Botón de CTA: Suscribir
Aquí hay una llamada a la acción deslizable que llama mucho la atención de OfficeVibe. Mientras se desplaza a través de una publicación en su blog, un banner se deslizz desde la parte inferior de la página con un llamado a la acción para suscribirse a su blog. ¿La mejor parte? La copia en la diapositiva te dice que recibiras consejos sobre cómo ser un mejor gerente, y la publicación en la que apareció fue una publicación sobre cómo ser un mejor gerente. En otras palabras, la oferta era algo que ya te interesa.
Encontramos que estas CTA ofrecen una experiencia más amable porque proporcionan más información y me permiten seguir leyendo la publicación del blog.
4. Netflix
Botón de CTA: Únete gratis por un mes
¿Un gran temor que tienen los usuarios antes de comprometerse a registrarse para algo? Que será una molestia cancelar su suscripción si a ellos no les gusta. Netflix tiene miedo con la copia de “Cancelar en cualquier momento” justo encima de la CTA “Únase gratis por un mes”. Podemos suponer que solo la tranquilidad ha impulsado los registros. Además, notarás nuevamente el color rojo de las CTA primarias y secundarias aquí coincide con el color del logotipo de Netflix.
5. Square
Botón de CTA: Empezar
Para lograr un diseño de CTA efectivo, debe considerar algo más que el botón en sí. También es muy importante considerar elementos como el color de fondo, las imágenes circundantes y el texto circundante.
Teniendo en cuenta estos componentes de diseño adicionales, la gente de Square usó una sola imagen para mostrar la simplicidad del uso de su producto, donde la CTA “Comenzar” que está flotando espera su clic. El color de la tarjeta de crédito en la imagen y el color del botón de CTA coinciden, lo que ayuda al espectador a conectar los puntos de lo que puede esperar si hace clic o cuando hace clic.
6. Prezi
Botón de CTA: Prueba con Prezi
La gente de Prezi también está interesada en el diseño minimalista de su sitio web. Además del dinosaurio verde y el café marrón oscuro, el único color que acompaña al diseño predominantemente en blanco y negro es el azul brillante, el mismo azul de su logotipo principal. Ese azul brillante se ubica estratégicamente en la página de inicio: la principal “Prueba a Prezi” y la secundaria “Comenzar”, que llevan a los usuarios a la misma página de precios.
7. Full Bundle
Botón CTA: Nuestro Trabajo
Full Bundle es otra compañía que usa espacio negativo para hacer que su CTA principal salte. El blanco de “Nuestro trabajo” llamado a la acción se destaca contra los grises oscuros del fondo. Su elección de CTA es estratégica, también. Dado que existen principalmente para desarrollar las presencias en línea de los clientes, es importante para ellos mostrar su trabajo, y eso es lo que la mayoría de la gente está visitando en su sitio web.
8. Panthera
Botón de 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 esas personas en particular, nos encanta cómo usan un lenguaje que les habla a los amantes de los grandes felinos: “Únete al orgullo hoy”. La página en sí es super simple: un formulario en la página con dos campos simples y un botón que le pide a la gente que (nuevamente) “Únase”.
Frases de llamadas con llamadas creativas a la acción
9. EPIC
Frase de la CTA: ‘Comencemos un nuevo proyecto juntos’
La gente de la agencia EPIC usa su página principal principalmente para mostrar su trabajo. Cuando llegas a la página, te saludan con videos animados que muestran algunos de los trabajos que han realizado para los clientes, que rotan en un carrusel. Si bien hay muchos otros lugares donde los usuarios pueden hacer clic en su sitio, incluidos los sitios web de sus clientes, la llamada a la acción principal se destaca y siempre contrasta con el video que se está reproduciendo en segundo plano.
Además, utilizan un lenguaje amigable e inclusivo, “Comencemos un nuevo proyecto juntos”, lo que da una pista a los usuarios que buscan un socio creativo en el que sean un equipo especialmente bueno para trabajar.
10. Aquaspresso
Frase de la CTA: ‘¡Envíame ofertas especiales ahora!’
El objetivo de una llamada a la acción es dirigir a los visitantes de tu sitio hacia un curso de acción deseado, y las mejores CTA lo hacen de una manera que sea útil para tus visitantes.
Las personas de la compañía de café Aquaspresso realmente lograron ese equilibrio aquí con el mensaje emergente CTA en su página principal del blog .
Aquí, el curso de acción deseado es que los lectores de tus blogs vean lo que realmente estás vendiendo (y ojalá te compren). Hay muchas maneras en las que podrían haberlo hecho, incluida la publicación de una CTA que exhorta a las personas a “¡Revisar nuestros productos más populares!” O algo muy directo. Su CTA les ofrece a los lectores de blogs algo mucho más útil y sutil: una oferta por las “ofertas especiales de hoy” a cambio de la dirección de correo electrónico del lector.
Agregar que los 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 son escasas. El temor de que las ofertas especiales de hoy sean mejores que las de mañana puede hacer que las personas quieran completarla y reclamar su oferta mientras puedan.
11. QuickSprout
Frase de la CTA: ‘¿Estás haciendo mal tu SEO? Ingrese su URL para descubrir ‘
Nadie quiere estar equivocado. Es por eso que un botón de llamada a la acción como el Slide-in CTA de QuickSprout en tu blog es tan digno de hacer clic. Le pregunta al lector: “¿Estás haciendo mal tu SEO?” Bueno, todo lo que tienes que hacer es ingresar tu URL para averiguarlo, parece bastante fácil. Es un lenguaje que realmente puede atraer a los visitantes a hacer clic.
Además, tener la diapositiva de la CTA en la publicación del medio blog es una excelente táctica para captar lectores antes de que reboten en la página. Tradicionalmente, muchos blogs tienen CTA en la parte inferior de cada publicación del blog, pero las investigaciones muestran que la mayoría de los lectores solo obtienen el 60% de un artículo.
12. Grey Goose
Frase de la CTA: ‘Descubre un cóctel a tu gusto’
Aquí hay un divertido y único llamado a la acción que puede hacer que las personas hagan clic. Mientras que los visitantes del sitio pueden haber esperado que los dirijan a las páginas de productos o comunicados de prensa de la página de inicio, una pregunta: “Descubrir un cóctel a medida de tu gusto” es una pregunta gratamente sorprendente. A la gente le encanta la personalización , y este tipo de CTA se siente como un juego atractivo. El ícono del botón de reproducción 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 hacen clic.
13. Treehouse
Frase de la CTA: ‘Reclama tu prueba gratuita’
Muchos sitios web de empresas ofrecen a los usuarios la oportunidad de iniciar una prueba gratuita. Pero el sitio web de CTA en Treehouse no solo dice “Iniciar una prueba gratuita”; dice “Reclama tu prueba gratis”.
La diferencia en la redacción puede parecer sutil, pero piensa en cuánto más personal es “Reclama tu prueba gratuita”. Además, la palabra “reclama” sugiere que puede no estar disponible por mucho tiempo, lo que les da a los usuarios un sentido de urgencia para obtener esa prueba gratuita mientras puedan.
14. OKCupid
Frase de la 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 verde brillante y se destaca bien sobre un fondo azul oscuro, dice “Continuar”. La simplicidad de este término da esperanza de que el proceso de registro será corto y casual. Esta CTA se siente más como si estuviera jugando un juego divertido que llenando una forma aburrida o comprometiéndote con algo que podría ponerte nervioso. Y todo se debe a la copia.
15. Blogging.org
Frase de CTA: Reloj de cuenta regresiva
Nada como un temporizador de tictac para hacer que alguien quiera actuar. Después de pasar un corto período de tiempo en la página de inicio de blogging.org, los nuevos visitantes son recibidos con una CTA emergente con una “oferta por tiempo limitado”, acompañada por un temporizador que cuenta atrás desde dos minutos.
Al igual que con el ejemplo de Aquaspresso en el número 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 que alguien tiene para completar un formulario hace que las personas quieran completar y reclamar su oferta mientras puedan.
Curioso, ¿qué pasa cuando se acaba el tiempo?. Hilarantemente, no pasa nada. El CTA emergente permanece en la página cuando el temporizador llega a cero.
16. IMPAC Branding & Design
Frase de la CTA: ‘Lo que hacemos’
Los CTA pueden sentirse realmente agresivos y vendedores si se usa el lenguaje incorrecto. Es muy bueno ell enfoque educativo de IMPACT, donde desafían a los visitantes a aprender qué hace la compañía antes de presionarlos para que tomen más medidas. Esta llamada a la acción es especialmente intrigante para muchos, porque ni siquiera usan un verbo de acción, pero aún así logran atraer a la gente a hacer clic.
17. Huemor
Frase de la CTA: ‘Lanzar (no presionar)’
Si estas fuera de un sitio web y vieras una CTA de “Lanzamiento” acompañado por la copia “No presionar” … ¿ qué harías? Seamos honestos: te estarías muriendo por presionarlo. El uso de la psicología inversa inofensiva aquí es lúdico, lo que está muy en línea con la voz de la marca Huemor.
18. Brooks Running
Frase de la CTA: ‘Entérate cuando tengamos más’
¿Cuántas veces has perseguido un producto que te encanta, solo para descubrir que se ha agotado? Bueno, como sabes, tampoco es un picnic para el vendedor. Pero solo porque se haya quedado sin un elemento no significa que deba dejar de promocionarlo.
Brooks Running utiliza una llamada inteligente a la acción para garantizar que sus clientes no reboten desde su sitio web solo porque sus zapatos favoritos están agotados. En su página puedes observar como Brooks promociona un zapato de aspecto impresionante con la CTA, “Entérate cuando tengamos más”. Nos encanta como este botón convierte las malas noticias en una oportunidad para retener clientes. Sin él, los clientes de Brooks probablemente se olvidarían del zapato y buscarían en otra parte.
Cuando haces clic en el botón azul de CTA, Brooks te dirige a una página con un código simple para enviar un mensaje de texto a la compañía. Este código le pide a Brooks que avise automáticamente al visitante cuando el zapato que desea vuelva a estar disponible.
19. Condado de Humboldt
Frase de la CTA: ‘Follow the Magic’
El sitio web del condado de Humboldt es magnífico por sí solo: te saluda con un video en pantalla completa de imágenes asombrosamente hermosas. Pero lo que realmente es hermoso es el botón de llamada a la acción no convencional que se encuentra en el centro inferior, que presenta un ícono de conejito y las palabras “Sigue la magia”.
Mejora el tipo de sensación fantástica de las imágenes, haciéndote sentir que estás a punto de entrar en un cuento de hadas.
Además, una vez que haces clic en esa CTA, el sitio web se convierte en una especie de juego de elegir tu propia aventura, que es un camino divertido de llamada a la acción para los usuarios y los alienta a pasar más tiempo en el sitio.
Equilibrio de múltiples botones de llamada a la acción
20. Uber
Botones de CTA: Regístrate para conducir | Empieza a utilizar Uber
Uber está buscando dos tipos de personas muy distintas para registrarse en su sitio web: usuarios y conductores. Ambas personas buscan cosas totalmente diferentes y, sin embargo, el sitio web las une muy bien con el gran video que se reproduce en segundo plano y que muestra a los pilotos y conductores de Uber pasándola bien en lugares de todo el mundo.
También es encantadora la copia del controlador CTA en la parte superior: no hay nada más sencillo que “Ganar dinero conduciendo tu automóvil”.
21. Spotify
Botones de CTA: Go Premium | Juega gratis
Tan pronto como llegas a la página de inicio de Spotify, quedas bastante claro que tu objetivo principal es atraer clientes que estén dispuestos a pagar por una cuenta premium, mientras que el CTA para que los usuarios se registren de forma gratuita es muy secundario.
No es solo el titular lo que regala esto; También es la coloración de sus botones de CTA. El CTA “Go Premium” es verde lima, lo que hace que salga de la página, mientras que el CTA “Play Free” es de color blanco liso y se mezcla 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íame los cupones | No me interesa
Salir de los CTA, también conocidos como ventanas emergentes con intención de salida, son diferentes de las ventanas emergentes normales. Detectan el comportamiento de sus usuarios y solo aparecen cuando parece que están a punto de abandonar su sitio. Al intervenir de manera oportuna, estas ventanas emergentes sirven como una manera fantástica de llamar la atención de su lector mientras les ofrece una razón para quedarse.
Ugmonk tiene una gran salida de CTA, que ofrece dos opciones para los usuarios como un alegato final antes de que abandonen el sitio. Primero, ofrecen un descuento del 15% en sus productos, seguidos de dos opciones: “Sí, por favor: envíame el cupón” y “No, gracias: no estoy interesado”. Es muy útil que cada CTA aclare lo que realmente significa “Sí” y “No”, y también usan un lenguaje de culpabilidad como “No, gracias: odio la naturaleza” como he visto en otros sitios web.
23. Pinterest
Botones de CTA: Continuar con Facebook | Regístrate
¿Quieres registrarte en Pinterest? Tienes un par de opciones: regístrate por Facebook o por correo electrónico. Si tienes una cuenta de Facebook, Pinterest quiere que hagas eso primero. ¿Cómo puedes saberlo? Estéticamente, es perceptible porque el Facebook CTA azul es lo primero y es mucho más prominente, colorido y reconocible debido al logotipo y el color de la marca. Lógicamente, si inicia sesión a través de Facebook, Pinterest puede extraer los datos de la API de Facebook y obtener más información sobre ti que si inicia sesión a través de tu dirección de correo electrónico.
Aunque esta página de inicio está optimizada para atraer nuevos miembros, notarás un CTA muy sutil para que las personas con cuentas de Pinterest inicien sesión en la parte superior derecha.
24. Madewell
Botones de CTA: Llévame allí | ¿Que sigue?
Madewell siempre ha tenido un diseño de sitios web destacado, llevando a lo que podría ser un sitio web de comercio electrónico típico al siguiente nivel. El uso de los CTA en su página de inicio no es una excepción.
Cuando llegas por primera vez a la página, te saluda el titular “Estoy buscando …” seguido de una categoría, como “Ropa para viajar a cualquier parte”. Debajo de esta copia hay dos opciones: “Sí, llévame allí” o “Hmm … ¿Qué sigue?” El usuario puede elegir entre los dos CTA para navegar por la ropa que es buena para viajar, o pasar al siguiente tipo de ropa, donde pueden jugar nuevamente.
Esta gamificación es una excelente manera de hacer que tu sitio sea más interesante para los usuarios que lo encuentran sin tener una idea específica de dónde quieren ver.
25. Instagram
Botones de CTA: Descargar en la App Store | Consiguelo en google play
Ya 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 que estos 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 para lo que Instagram está optimizando. Si ya tienes Instagram, también puedes hacer clic en el CTA para “Iniciar sesión” si también prefieres esa opción.
26. Barkbox
Botones de CTA: Comenzar | Dar un regalo
Los dos CTA en la página de inicio de Barkbox muestran que el equipo conoce a sus clientes: aunque muchas personas que visitan su sitio se están inscribiendo, hay muchas personas que quieren regalarle Barkbox. Para dar a esas personas un camino fácil de comprar, hay dos CTA de igual tamaño en la página: “Comenzar” y “Dar un regalo”.
Como beneficio adicional, hay un adorable mensaje emergente de llamada a la acción en el lado derecho de la pantalla que le pide a los usuarios que dejen un mensaje si lo desean. Haz clic 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éjenos un mensaje y le ladraremos tan pronto como sea posible”. Habla de una copia encantadora.
27. tc pharma
Botones de CTA: Más información | 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 con electrolitos y bebidas y refrigerios funcionales.
Su página de inicio cuenta con dos botones de llamada a la acción del mismo tamaño: “Más información” y “Ver productos”, pero es claro por el color amarillo brillante del primer botón que prefieren dirigir a la gente a “Más información . “
28. Asamblea General
Botones de CTA: Ver cursos de tiempo completo | Suscribir
A medida que se desplaza por el sitio web de la Asamblea General, verá CTA para diversos cursos en los que puede o no deseas inscribirte. Sin embargo, es importante señalar su atención a la CTA que se desliza desde la parte inferior de la página mientras se desplaza, lo que sugiere que se suscribe a las actualizaciones de correo electrónico.
Aunque esto se siente como un CTA secundario debido a su ubicación y manera, en realidad creo que intentan escabullirse para convertirse en un CTA principal porque es mucho más colorido y perceptible que los CTA para clases individuales. Cuando cree sus propias CTA, intente usar colores más intensos, incluso los que chocan con su estilo habitual, para ver si es efectivo para atraer la atención de las personas.
29. La caridad: el agua
Botones de CTA: Dar con Tarjeta de Crédito | Dar por PayPal
El objetivo principal del agua es hacer que las personas donen dinero para agua limpia, pero no pueden asumir que todos quieren pagar de la misma manera.
Los CTA que aparecen en su página de inicio tienen un enfoque realmente único para ofrecer diferentes métodos de pago al completar $ 60 en un formulario de una sola línea e incluir dos CTA de igual importancia para pagar con tarjeta de crédito o PayPal. Observe que las dos CTA son del mismo tamaño y diseño, esto se debe a la caridad: es probable que al agua no le importe, siempre que esté donando.
30. Hipmunk
Botones de CTA: Vuelos | Hoteles | Coches | Paquetes
Cuando aterrizas en el sitio de Hipmunk, tu opción principal es buscar vuelos. Pero ten en cuenta que hay cuatro pestañas que puede hojear: vuelos, hoteles, autos y paquetes.
Cuando haces clic 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 de color naranja brillante en el extremo derecho del formulario. En esta CTA, verás un icono reconocible de un avión junto a la palabra “Buscar”, para que estés seguro de que estás buscando vuelos, no hoteles. Cuando estás en la pestaña de hoteles, ese ícono cambia a un ícono de hotel. Lo mismo ocurre con los coches y los paquetes.
31. MakeMyPersona
Botones de CTA: ¡Coge la plantilla! | No, gracias
Este es otro ejemplo de una gran ventana emergente con múltiples llamadas a la acción, excepto en este caso, notará 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 “¡Agarre la plantilla!” CTA es mucho más atractivo y fácil de hacer clic que él “No, estoy bien por ahora, gracias”. CTA, que ni siquiera parece un botón en el que se puede hacer clic.
También nos gusta cómo la opción “no” usa un lenguaje cortés. Me parece que las marcas que no quieren que los usuarios del viaje de la culpa no quieran actuar son mucho más adorables.
Ahí tienes. En este momento, esperamos que puedas ver cuán importantes pueden ser los pequeños ajustes de CTA.
No tenemos datos para saber si todos estos son científicamente exitosos, pero todos estos ejemplos siguen nuestras mejores prácticas. Si decide volver a crear estas llamada a la acción en tu sitio, recuerda probar para ver si funcionan para tu público.
