50 ejemplos de llamados a la acción en los que no puede evitar hacer clic

Piensa en todas las veces que te has apuntado a cosas en tu vida. ¿Alguna vez descargaste Evernote? ¿Dropbox? ¿Spotify? Tal vez incluso haya tomado una clase sobre Asamblea General.

Es probable que cada uno de estos registros sea el resultado de un llamado a la acción (CTA) efectivo.

Piénselo: si no se hubiera sentido atraído por la copia o el diseño de la CTA, o si no hubiera sido guiado tan elocuentemente a través de su proceso de registro, probablemente usaría muchas menos aplicaciones y sitios web de los que usa ahora.

Es realmente importante guiar a sus visitantes a través del viaje de compra utilizando CTA estratégicos.

¿Qué es un CTA en Marketing?

Como especialista en marketing, las llamadas a la acción son relevantes porque alientan a su audiencia a tomar medidas en una campaña de marketing.

En última instancia, el objetivo de cualquier campaña de marketing es guiar a su audiencia en el viaje del comprador para que finalmente realice una compra.

Sin embargo, cada campaña de marketing puede tener una acción diferente para que la audiencia la lleve a cabo porque hay varias tácticas que puede usar para guiar a su audiencia en su viaje.

A continuación se muestran algunos ejemplos de los tipos de texto del botón CTA que podría usar en marketing:

Todos los tipos de CTA anteriores tienen un propósito designado, pero ten en cuenta que el lenguaje que usan puede variar. Y hoy, los especialistas en marketing de todo el mundo han puesto algunos giros creativos en sus llamados 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 ejemplos de CTA que son geniales. Estos ejemplos de llamadas a la acción se dividen en tres categorías:

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

Los mejores ejemplos de llamadas a la acción de 2022

1. HubSpot

Fuente de imagen

Una de las ventajas de usar HubSpot es la gran cantidad de recursos gratuitos que ofrecen. Esta CTA deslizable que se encuentra en un artículo sobre inteligencia de marketing demuestra cómo una CTA bien ubicada puede mejorar la experiencia del usuario.

Es discreto y aparece a la mitad del artículo, no solo instando a los lectores a "descargar ahora", sino que también ofrece un recurso útil y gratuito. El kit de marketing ofrece una solución lista para usar para aquellos que no saben por dónde empezar.

Por qué funciona este CTA

Este CTA deslizante ofrece un recurso gratuito que está directamente relacionado con el tema del artículo en el que aparece. Los lectores pueden terminar el artículo y luego descargar la guía con plantillas para comenzar a crear su propio kit de marketing. (Haga clic aquí para obtener información sobre cómo agregar llamadas a la acción deslizables en las publicaciones de su blog).

2. El presupuestario

Fuente de imagen

Dirigido por la educadora financiera personal y autora Tiffany Aliche, The Budgetnista es una ventanilla única para las finanzas personales. Además de proporcionar contenido que deleita a su audiencia, también es una profesional en la creación de llamados a la acción atractivos.

En lugar de simplemente poner un CTA de registro para promocionar su boletín, usa un lenguaje que atrae al lector a hacer clic. "Regístrese para recibir extras semanales" suena mucho más interesante que "regístrese para recibir mi boletín informativo". ¿Quién no quiere golosinas semanales?

Por qué funciona este CTA

El uso amable y creativo del lenguaje anima a los visitantes a realizar la acción deseada. También refleja la personalidad de Aliche, que es un buen toque y ayuda a personalizar la interacción.

3. Más brillante

Fuente de imagen

La marca de belleza Glossier ha bajado su imagen de marketing, mostrando imágenes realistas de mujeres con una variedad de tipos de piel. ¿Quién puede olvidar su campaña de cejas de niño? Su sitio web está limpio con muchos espacios en blanco que hacen que las fotos de las modelos y el maquillaje destaquen.

Su CTA es una superposición que aparece cuando comienzas a desplazarte por su sitio. Si bien muchos harían clic rápidamente para salir de la ventana emergente, el idioma que elige Glossier hace que quieras quedarte. "Vamos a llevar esto a su bandeja de entrada" es una forma inteligente de pedirle a la gente que se suscriba a su boletín informativo. Si está dispuesto a unirse, simplemente haga clic en "Estoy dentro" y ya está.

Por qué funciona este CTA

Al igual que The Budgetnista, Glossier utiliza una fraseología inteligente que hace que la marca sea más identificable y atrae a las personas a tomar medidas. La imagen de una modelo con un excelente maquillaje Glossier y las ilustraciones incluidas también ayudan a que esta llamada a la acción sea atractiva.

4. 310 Creativo

Fuente de imagen

La agencia de crecimiento y socio de HubSpot, 310 Creative, tiene como objetivo ayudar a las empresas B2B a escalar y refinar el viaje del comprador para aumentar las ventas. Sabiendo que los visitantes del sitio pueden no saber qué servicios específicos necesitan, 310 Creative utiliza un CTA que elimina la confusión.

El CTA deslizable solicita a los visitantes que reserven una evaluación gratuita para obtener cierta claridad sobre dónde su negocio puede estar fallando y descubrir por qué están ocurriendo estos resultados.

Por qué funciona este CTA

No solo elimina las barreras al declarar explícitamente que el servicio es gratuito, esta CTA también demuestra empatía por el visitante. Al describir un problema seguido de "Si esto le suena familiar, hablemos", demuestra que 310 Creative está aquí para ayudar y comprende la frustración del usuario.

5. Apogeo

Fuente de imagen

Heyday es un poco rebelde en la industria facial. Su enfoque minimalista y sencillo lo ha convertido en el favorito entre aquellos que solo quieren ver a un esteticista sin el alboroto y las ventas adicionales.

Ese enfoque minimalista pero amigable también aparece en su CTA. Haciendo un gran uso de algunos modelos con piel brillante, este CTA atrae a los espectadores a suscribirse a su boletín informativo con un descuento. El botón "regístrate y ahorra" es persuasivo, junto con el hipervínculo humorístico "No, gracias, prefiero el cuidado de la piel a precio completo" para optar por no participar.

Por qué funciona este CTA

Heyday empleó una bella estética, un descuento y humor para animar a los visitantes a realizar la acción deseada.

6. VRBO

Fuente de imagen

Si te encanta buscar hermosas casas de vacaciones en tu tiempo libre, VRBO es un gran lugar para hacerlo. La marca hace un gran uso de la estética aspiracional y los hermosos lugares.

El CTA azul oscuro resalta sobre el fondo blanco de VRBO, atrayendo al lector. Luego, el botón "descubre tu escape" agrega un toque de aventura para aquellos que puedan estar interesados ​​en alquilar una casa de vacaciones.

Por qué funciona este CTA

VRBO hace un gran uso del color y las frases. No se trata de unas vacaciones, sino de una aventura en la que pueden servir como tu guía de confianza.

7. Hulú

Fuente de imagen

El gigante de la transmisión Hulu optó por un enfoque dramático con este CTA. El fondo atenuado muestra todas sus ofertas de televisión y películas, mientras que el texto verde y blanco de la CTA llama su atención sobre la promoción.

Es un registro y una venta adicional en uno, informando a los usuarios que pueden obtener un complemento de descuento con Disney+ y ESPN+.

Por qué funciona este CTA

Este CTA atrae a los visitantes con la impresión de que están recibiendo un trato con el paquete. En lugar de solo tener un botón de registro, es "obtener el paquete de Disney". Pone el énfasis en proporcionar valor para que los visitantes tomen medidas.

8. Hija De Tu Madre

Fuente de imagen

La empresa de indumentaria Hija De Tu Madre lo mantiene fresco con un esquema de color rosa y blanco limpio que emana juventud y frescura. La mayor parte de lo que hace que sus llamadas a la acción sean tan atractivas es el ingenioso juego de palabras, mezclando español e inglés, una oda a su público objetivo.

Fuente de imagen

Debido a que están tan sintonizados con su audiencia, Hija De Tu Madre puede extraer más información de sus visores. En lugar de tener solo una CTA que solicita un correo electrónico (primera imagen), han introducido una solicitud de teléfono móvil en una segunda CTA. ¿Cómo persuaden a la gente para que entregue sus dígitos? Ofreciéndoles la oportunidad de ganar merchandising, específicamente sus populares chaquetas de mezclilla.

Por qué funciona este CTA

Ofrecer algo que los visitantes consideren valioso a cambio de su información personal, en este caso una codiciada chaqueta de mezclilla, hará que sea más probable que las personas compartan más información. La clave es conocer a tu audiencia y aprovechar sus intereses.

9. Lana y la pandilla

Fuente de imagen

Este CTA de Wool and the Gang te hará sentir confuso por dentro. El fondo del collage de los clientes vistiendo sus prendas de Wool and the Gang más un lindo cachorro realmente atrae al lector y encaja con la audiencia de la marca.

El botón CTA dice "comparta sus tejidos #woolandthegang", lo que alienta a los clientes a compartir lo que han hecho con los productos Wool and the Gang, que funciona como promoción de la marca y participación del cliente.

Por qué funciona este CTA

Este CTA no solo capta la atención del visitante, sino que crea un sentido de comunidad y atrae a los visitantes a unirse. Esta llamada a la acción en particular también funciona como promoción de la marca a medida que más clientes comparten sus kits en las redes sociales.

10. Estudio Tweak It

Fuente de imagen

La empresa de diseño y decoración del hogar Tweak It Studio muestra la importancia de divertirse, pero con CTA claros.

Llaman la atención del visitante con "Recién caído" en letras grandes y en negrita para informar a los lectores sobre los nuevos productos que se ofrecen, luego lo combinan con un botón CTA que indica exactamente qué artículo es, en este caso, "nombres de madera personalizados". Es mucho más efectivo que simplemente tener un botón que diga simplemente "comprar ahora".

Por qué funciona este CTA

Este CTA utiliza la urgencia con "recién lanzado" para que los visitantes vean nuevos artículos en la tienda y también comunica claramente en el botón hacia dónde se dirige el visitante después de hacer clic.

¿Quieres más inspiración de diseño de CTA? Echa un vistazo a algunos de nuestros ejemplos favoritos de llamadas a la acción a continuación.

1. CTA de HubSpot [Plantillas gratuitas]

¿Buscas inspiración para ayudar a construir mejores CTA? Utilice nuestras plantillas de CTA diseñadas profesionalmente para generar más clics, envíos y clientes potenciales a partir de su contenido.

2. Evernote

Llamada a la acción: Registrarse

Fuente de imagen

"Recuerda todo." Los visitantes pueden entender inmediatamente ese mensaje en el momento en que aterrizan en esta página. El diseño del sitio web de Evernote hace que sea muy sencillo para los usuarios ver rápidamente los 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, todos los cuales saltan de la página.

Cómo replicar este CTA

Considere usar un color brillante que contraste bien con los elementos de su página web para que su CTA se destaque.

3. buzón

CTA: Regístrese gratis

Fuente de imagen

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 ese 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.

Cómo replicar este CTA

El espacio negativo puede funcionar a tu favor si se usa correctamente. Úselo a su favor al permitir que su CTA se destaque usando los colores llamativos de su marca.

4. ambiente de oficina

CTA: Suscríbete

Fuente de imagen

Aquí hay una llamada a la acción deslizable que me llamó la atención de OfficeVibe. Mientras se desplazaba por una publicación en su blog, se deslizó un banner 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 me dijo que recibiría consejos sobre cómo convertirme en un mejor gerente, y la publicación en la que apareció era una publicación sobre cómo convertirse en un mejor gerente. En otras palabras, la oferta era algo que ya me interesaba.

Además, me gusta lo discretas que son las llamadas a la acción deslizables, a diferencia de lo que mi colega Rachel Sprung llama "detener todo y hacer clic aquí". Encuentro que estos CTA ofrecen una experiencia más adorable porque brindan más información y me permiten continuar leyendo la publicación del blog.

Cómo replicar este CTA

Puedes crear tu propia CTA deslizable con las herramientas de marketing de HubSpot. Después de diseñar tu CTA usando nuestras plantillas, crea una cuenta de HubSpot. Ve a Marketing > Captura de prospectos > CTA en tu cuenta de HubSpot y sigue las instrucciones de CTA aquí.

5.Netflix

CTA: Únete gratis por un mes

Fuente de imagen

¿Un gran miedo que tienen los usuarios antes de comprometerse a registrarse en algo? Que será un dolor cancelar su suscripción si no les gusta. Netflix corta ese miedo de raíz con la copia "Cancelar en cualquier momento" justo encima de la CTA "Únete gratis por un mes". Me aventuraría a suponer que la tranquilidad por sí sola ha impulsado las suscripciones. Además, notará nuevamente que el color rojo de los CTA primarios y secundarios aquí coincide con el color del logotipo de Netflix.

Cómo replicar este CTA

No solo puede llamar la atención de un visitante con un marcado contraste de color, sino que también puede usar un lenguaje en su CTA que lo atraiga a hacer clic. Considere usar "Prueba gratis" o algo similar en su CTA que elimine el riesgo para los clientes potenciales.

6. Cuadrado

Llamado a la acción: Comenzar

Fuente de imagen

Para lograr un diseño de CTA efectivo, debe 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 circundantes y el texto circundante.

Conscientes de estos componentes de diseño adicionales, la gente de Square usó una sola imagen para mostrar la simplicidad de usar su producto, donde el CTA flotante "Comenzar" espera su clic. Si miras de cerca, 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 si/cuando haga clic.

Cómo replicar este CTA

Puede usar el color para ayudar a los visitantes a conectar los puntos, ya sea coordinando tonos similares como en esta imagen o usando colores de marca como el ejemplo de Dropbox.

7. Prezi

CTA: Prueba Prezi

Fuente de imagen

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 otro color que acompaña al diseño predominantemente en blanco y negro es un azul brillante, el mismo azul de su logotipo principal. Ese azul brillante se coloca estratégicamente en la página de inicio: el CTA principal "Prueba Prezi" y el CTA secundario "Comenzar", los cuales llevan a los usuarios a la misma página de precios.

Cómo replicar este CTA

Esta página tomó un esquema de color minimalista, pero incorporó dos CTA con el mismo botón de color que dirige a los visitantes a la misma página de destino. Si su página tiene un diseño limpio y minimalista, considere probar dos CTA con texto diferente para atraer a los visitantes.

8. Paquete completo

CTA: Nuestro Trabajo

Fuente de imagen

Full Bundle es otra empresa que usa espacio negativo para hacer que su CTA principal aparezca. La llamada a la acción blanca "Nuestro trabajo" se destaca sobre los grises oscuros del fondo. Su elección de CTA también es estratégica. Dado que existen principalmente para desarrollar la presencia en línea de los clientes, es importante que muestren su trabajo, y eso es lo que la mayoría de la gente busca en su sitio web.

Cómo replicar este CTA

Haz un uso creativo del espacio negativo como los tonos grises de Full Bundle. Como puede ver, los diferentes tonos de gris forman triángulos, agregando un elemento de diseño sutil que hace que su CTA blanco sobresalga en la parte inferior.

9. Pantera

Llamada a la acción: Únete

Fuente de imagen

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 dirigirnos a esas personas en particular, nos encanta cómo usan un lenguaje que hablaría a los grandes amantes de los felinos: "Únete a la manada hoy". La página en sí es súper simple: un formulario en la página con dos campos simples y un botón que le pide a la gente (nuevamente) "Unirse".

Cómo replicar este CTA

Establezca una conexión con su público objetivo utilizando lenguaje vernáculo relacionado con su marca que les atraiga en su CTA.

10. ÉPICO

CTA: Comencemos un nuevo proyecto juntos

Fuente de imagen

La gente de la agencia EPIC usa su página de inicio principalmente para mostrar su trabajo. Cuando llega a la página, lo reciben videos animados que muestran parte del trabajo que han realizado para los clientes, que giran en un carrusel. Si bien hay muchos otros lugares en los que los usuarios pueden hacer clic en su sitio, incluidos los sitios 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 presenta un lenguaje amigable e inclusivo: "Comencemos un nuevo proyecto juntos", lo que les da una pista a los usuarios que buscan un socio creativo de que son un equipo especialmente bueno para trabajar.

Cómo replicar este CTA

Usa un lenguaje atractivo. Es fácil hacer un botón que simplemente diga "Únase a nosotros", pero eso no es muy convincente. Considere algo más amigable como “trabajemos juntos” o algo específico para el servicio que ofrece.

11. Aquaspresso

CTA: ¡Envíame ofertas especiales ahora!

Fuente de imagen

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

Aquí, el curso de acción deseado es que los lectores de su blog verifiquen lo que realmente están vendiendo (y con suerte les compren). Hay muchas maneras en que podrían haber hecho esto, incluida la publicación de un CTA que insta a las personas a "¡Mirar nuestros productos más populares!" o algo muy directo. Pero nos encanta lo que han hecho en su lugar: su CTA ofrece a los lectores de blogs algo mucho más útil y sutil: una oferta de "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 hace que asignemos 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 podría hacer que las personas quieran completarlo y reclamar su oferta mientras puedan.

Cómo replicar este CTA

La llamada a la acción anterior se creó con las plantillas de HubSpot. Considere introducir un sentido de urgencia para los visitantes del sitio web mediante el uso de escasez en su CTA. Puede usar frases como "oferta por tiempo limitado" u "obtenga las ofertas de hoy" para motivar a los visitantes a realizar la acción deseada.

12. Brote rápido

CTA: ¿Estás haciendo mal tu SEO? Introduce tu URL para averiguarlo

Fuente de imagen

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

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

Cómo replicar este CTA

Use un lenguaje en su CTA que capte la atención del visitante o hable de un punto de dolor que pueda estar teniendo. El caso anterior usa SEO, pero podría usar algo como "¿Tiene problemas para convertir clientes potenciales?" y luego posicione su servicio como el remedio. (Haga clic aquí para obtener información sobre cómo agregar llamadas a la acción deslizables en las publicaciones de su blog).

13. Ganso gris

CTA: Descubre un cóctel a tu medida

Fuente de imagen

Esta es una llamada a la acción única y divertida que puede hacer que las personas hagan clic. 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 llamada a la acción para "Descubre un cóctel a la medida de 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 de reproducción al lado de 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 clic.

Cómo replicar este CTA

La personalización hace maravillas para establecer una conexión con los visitantes. Considere implementar una CTA que sugiera una experiencia personalizada para los visitantes según el producto o servicio que ofrece. Por ejemplo, podría decir "Explore planes que se ajusten a su presupuesto" o "elija un diseño a la medida de su marca".

14. Casa del árbol

CTA: reclama tu prueba gratuita

Fuente de imagen

Muchos sitios web de empresas ofrecen a los usuarios la oportunidad de iniciar una prueba gratuita. Pero la CTA en el sitio web de Treehouse no solo dice "Iniciar una prueba gratuita"; dice "Reclame su prueba gratuita".

La diferencia en la redacción puede parecer sutil, pero piense en lo mucho más personal que es "Reclame su prueba gratuita". Además, la palabra "reclamo" sugiere que es posible que no esté disponible por mucho tiempo, lo que les da a los usuarios una sensación de urgencia para obtener esa prueba gratuita mientras puedan.

Cómo replicar este CTA

Si ofrece una prueba gratuita para su servicio, en lugar de simplemente usar un botón que dice "prueba gratuita", personalice la experiencia usando "iniciar su prueba gratuita".

15. OK Cupido

CTA: Continuar

Fuente de imagen

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

El botón de llamada a la acción, que es de color verde brillante y se destaca bien sobre un fondo azul oscuro, dice "Continuar". La simplicidad de este término da la esperanza de que el proceso de registro sea corto e informal. Para mí, este CTA se siente más como si estuviera jugando un juego divertido que completando un formulario aburrido o comprometiéndome con algo que podría ponerme nervioso. Y todo se debe a la copia.

Cómo replicar este CTA

A la gente le gustan los juegos, así que si funciona para tu producto o servicio, intenta gamificar tu CTA para despertar el interés.

16. Blogging.org

CTA: reloj de cuenta regresiva

Fuente de imagen

No hay nada como un cronómetro para hacer que alguien quiera tomar medidas. Después de pasar un breve período de tiempo en la página de inicio de blogging.org, los nuevos visitantes son recibidos con una llamada a la acción emergente con una "oferta por tiempo limitado", acompañada de un temporizador que cuenta regresivamente desde dos minutos.

Al igual que con el ejemplo de Aquaspresso en el n. ° 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 completarlo y reclamar su oferta mientras puedan.

Curioso, ¿qué sucede cuando se acaba el tiempo? Yo también. Hilarantemente, no pasa nada. La llamada a la acción emergente permanece en la página cuando el temporizador llega a cero.

Cómo replicar este CTA

Al igual que Aquaespresso, considere usar la escasez para dar a los visitantes de su sitio una sensación de urgencia para tomar medidas.

17. IMPACTO Marca y Diseño

CTA: lo que hacemos

Fuente de imagen

Las llamadas a la acción pueden sentirse realmente agresivas y comerciales (sí, esa es una palabra...) si se usa el lenguaje incorrecto. Me gusta el enfoque educativo de IMPACT, en el que desafían a los visitantes a aprender lo que hace la empresa antes de empujarlos a tomar cualquier otra medida. Esta llamada a la acción es especialmente intrigante para mí porque ni siquiera usan un verbo de acción, pero aun así logran atraer a las personas para que hagan clic.

Cómo replicar este CTA

Atrae a los visitantes para que aprendan más sobre tu negocio usando un lenguaje en tu CTA que los convenza de ver lo que haces. Usa algo como "ver nuestros proyectos anteriores", "lo que hacemos" o "ver nuestro trabajo".

18. Huemor

CTA: Lanzamiento (No presionar)

Fuente de imagen

Si fuera a un sitio web y viera un CTA de "Lanzamiento" acompañado de la copia "No presionar"... ¿ qué haría? Seamos honestos: te morirías por presionarlo. El uso de la psicología inversa inofensiva aquí es divertido, lo cual está muy en consonancia con la voz de marca de Huemor.

Cómo replicar este CTA

Si tu marca es más divertida o está en la industria creativa, puedes usar eso a tu favor en un CTA usando ludificación o psicología inversa como el ejemplo de Huemor.

19. Arroyos corriendo

CTA: Infórmate cuando tengamos más

Fuente de imagen

¿Cuántas veces has buscado con entusiasmo un producto que te encanta, solo para descubrir que está agotado? Bueno, como sabrá, tampoco es un picnic para el vendedor. Pero el hecho de que se haya quedado sin un artículo no significa que deba dejar de promocionarlo.

Brooks Running utiliza un llamado a la acción inteligente para asegurarse de que sus clientes no abandonen su sitio web solo porque su calzado favorito está agotado. En la captura de pantalla anterior, puede ver a Brooks promocionando un zapato de aspecto increíble con el CTA, "Averigüe cuándo tenemos más". Me encanta cómo 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 hace clic en el botón azul de CTA que se muestra a continuación, Brooks lo dirige a una página con un código simple en el que puede enviar un mensaje de texto a la empresa. Este código le indica a Brooks que avise automáticamente al visitante cuando el zapato que desea esté disponible nuevamente.

Cómo replicar este CTA

Para las empresas de comercio electrónico, enviar a los clientes a una página que indica que el artículo está agotado puede desanimar a los clientes y hacer que reboten. Considere agregar un CTA que diga "notificarme cuando se reabastezcan" o "averiguar cuando tengamos más" para mantenerlos interesados ​​y obtener su información de correo electrónico.

20. Condado de Humboldt

CTA: Sigue la magia

Fuente de imagen

El sitio web del condado de Humboldt es hermoso por sí solo: lo recibe con un video de pantalla completa de imágenes sorprendentemente hermosas. Pero lo que realmente me encanta es el botón de llamado a la acción poco convencional ubicado en la parte inferior central, que presenta un ícono de conejito y las palabras "Follow the Magic".

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

Además, una vez que hace clic en ese CTA, el sitio web se convierte en una especie de juego de elegir su propia aventura, que es un camino divertido de llamado a la acción para los usuarios y los alienta a pasar más tiempo en el sitio.

Fuente de imagen

Cómo replicar este CTA

Ideal para empresas de viajes y firmas creativas, CTA como el lector de señuelos de Humbolt. Si su marca tiene cierto margen creativo, utilícelo. Puedes probar con una frase como "busca tu próxima aventura" o "planifica tu viaje".

21. Uber

CTA: Regístrese para conducir | Empieza a viajar con Uber

Fuente de imagen

Uber está buscando dos tipos muy distintos de personas para registrarse en su sitio web: pasajeros y conductores. Ambos personajes buscan cosas totalmente diferentes y, sin embargo, el sitio web los une muy bien con el gran video que se reproduce de fondo que muestra a los pasajeros y conductores de Uber pasándoselo bien en lugares de todo el mundo.

También me encanta la copia de la CTA del conductor en la parte superior: no hay nada más sencillo que "Gana dinero conduciendo tu automóvil". Ahora eso es hablar el lenguaje de la gente.

Cómo replicar este CTA

¿Dirigido a dos tipos de clientes? Puede crear CTA para cada una de sus personas de manera similar a Uber.

22. Spotify

CTA: Conviértete en Premium | Juega gratis

Fuente de imagen

Tan pronto como llegas a la página de inicio de Spotify, queda bastante claro que su objetivo principal es atraer clientes que estén dispuestos a pagar por una cuenta premium, mientras que la llamada a la acción para que los usuarios se registren de forma gratuita es muy secundaria.

No es solo el titular lo que delata esto; también es el color de sus botones CTA. El CTA "Go Premium" es de color verde lima, lo que hace que sobresalga de la página, mientras que el CTA "Play Free" es blanco y se mezcla con el resto de la copia en la página. Este contraste asegura que los visitantes se sientan atraídos por la llamada a la acción premium.

Cómo replicar este CTA

Si ofrece una versión paga y gratuita de un servicio, considere usar dos CTA separados, eligiendo un color que destaque para la opción paga versus algo más discreto para la versión gratuita.

23. Ugmonk

CTA: Envíame los cupones | No me interesa

Fuente de imagen

Las CTA de salida, también conocidas como ventanas emergentes de intención de salida, son diferentes a 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 forma fantástica de llamar la atención de sus lectores y ofrecerles una razón para quedarse.

Ugmonk tiene un gran CTA de salida, que ofrece dos opciones para los usuarios como último recurso antes de que abandonen el sitio. Primero, ofrecen un 15% de descuento en sus productos, seguido de dos opciones: “Sí, por favor: envíame el cupón” y “No, gracias: no me interesa”. Es muy útil que cada llamada a la acción aclare lo que realmente significan "Sí" y "No", y también me gustó que no usaron un lenguaje que provocaba sentimientos de culpa como "No, gracias: odio la naturaleza" como he visto en otros sitios web. Finalmente, observe que el botón "Sí, por favor" es mucho más brillante y atractivo en color que la otra opción.

Cómo replicar este CTA

Los CTA de intención de salida son extremadamente útiles para el comercio electrónico. Puede ofrecer un descuento en los servicios o algo de valor para atraer a los visitantes a convertir.

24. Pinterest

CTA: Continuar con Facebook | Inscribirse

Fuente de imagen

¿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 hagas eso primero. ¿Cómo puedo saber? Estéticamente, lo sé porque el CTA azul de Facebook 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 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 usted que si inicia sesión a través de su dirección de correo electrónico.

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

Cómo replicar este CTA

Permita que los usuarios se registren con Facebook o Google en su CTA. Esto ahorra a los visitantes tiempo de registrarse y podrá obtener más información sobre ellos.

25. Bien hecho

CTA: Llévame allí | ¿Que sigue?

Fuente de imagen

Madewell (propiedad de J.Crew) siempre ha tenido un diseño de sitio web sobresaliente, llevando lo que podría ser un sitio web típico de comercio electrónico al siguiente nivel. Su uso de CTA en su página de inicio no es una excepción.

Cuando llega por primera vez a la página, se le saluda con el título "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 los dos CTA para buscar ropa que sea buena para viajar o pasar al siguiente tipo de ropa, donde puede volver a jugar.

Esta gamificación es una excelente manera de hacer que su sitio sea más interesante para los usuarios que lo encuentran sin tener una idea específica de dónde quieren mirar.

How to Replicate this CTA

Use gamification in your CTA to persuade visitors to explore your site further. They may not know specifically what they are looking for or how your company can help. Creating fun prompts can help visitors find what they are looking for.

26. Instagram

CTA: Download on the App Store | Consiguelo en google play

Fuente de imagen

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to “Log In” if you'd prefer that option, too.

How to Replicate this CTA

If you have an app, consider adding a CTA for each platform visitors can download it from. This remove friction and makes it easier for visitors to download your app without having to search.

27. Barkbox

CTA: Get Started | Give a Gift

Fuente de imagen

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: “Get Started” and “Give a Gift.”

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, “Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible.” Talk about delightful copy.

How to Replicate this CTA

Similar to Uber, you can use multiple CTAs to serve different audiences. Play with language and come up with phrases that work best for your brand voice.

28. tc pharma

CTA: Find out more | View products

Fuente de imagen

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based tc pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: “Find out more” and “View products” — but it's clear by the bright yellow color of the first button that they'd rather direct folks to “Find out more.”

How to Replicate this CTA

Use color to persuade visitors to take a desired action. If you have a preferred button that you'd like people to click, make it the more prominent of the two.

29. General Assembly

CTA: View Full-Time Courses | Suscribir

Fuente de imagen

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes.

How to Replicate this CTA

When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

30. charity: water

CTA: Give by Credit Card | Give by PayPal

Fuente de imagen

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care how you donate, as long as you're donating.

How to Replicate this CTA

For payment CTAs, consider giving visitors options for how to pay. What matters most is that they make the purchase.

31. Hipmunk

CTA: Flights | Hotels | Coches | Paquetes

Fuente de imagen

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word “Search,” so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

How to Replicate this CTA

Use icons to provide further explanation of your CTA to users.

32. MakeMyPersona

CTA: Grab the template! | No, gracias

Fuente de imagen

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the “Grab the template!” CTA much more attractive and clickable than the “No, I'm OK for now, thanks” CTA — which doesn't even look like a clickable button.

I also like how the “no” option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

How to Replicate this CTA

Being friendly shouldn't just be for getting visitors to take the desired action. Using friendly language is just as important in CTAs for those who would like to opt out. Consider using a phrase like “no thanks” or something similar to what MakeMyPersona used to keep it cordial even if customers aren't ready to make a purchase yet.

33. TeuxDeux

CTA: Get Started for Free | Prueba gratis

Fuente de imagen

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

Eso es todo.

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

How to Replicate this CTA

Know your audience and allow them to test drive your service. Tap into their needs and interests and include them in a CTA to help them navigate to what they need faster, risk-free. It could be something like “get started for free,” “download templates for free,” or “try for free.”

34. Betabrand

CTA: Get involved

Fuente de imagen

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as “Shop Now.”

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

Cómo replicar este CTA

Fomente la participación de los visitantes mediante el uso de una llamada a la acción de tipo votación o encuesta cuando corresponda. Ayuda a los clientes a desarrollar una relación personal con la marca porque contribuyen al proceso de toma de decisiones.

35. Fábulas

CTA: Edición limitada

Fuente de imagen

Este CTA de Fabletics utiliza varias tácticas de marketing: escasez y vacaciones.

En la página de inicio, la marca anuncia una colección de edición limitada vinculada a un día festivo (Día de la Madre).

Además, la CTA usa un color brillante para que la CTA se destaque en la página de inicio simple.

Cómo replicar este CTA

Combine los tipos de CTA cuando tenga sentido. Por ejemplo, podría usar la escasez con una promoción de tiempo limitado para una gran inauguración, vacaciones o para celebrar el lanzamiento de un nuevo producto.

36. Ashley Stewart

CTA: Compra el Lookbook

Fuente de imagen

Ashley Stewart es una marca de ropa dirigida a mujeres de talla grande. En este CTA, la empresa utiliza un diseño divertido para atraer a los visitantes del sitio web. Todo el collage de imágenes parece un rollo de cámara detrás de escena, lo cual es interesante de ver.

Además, la copia de la CTA va directa al grano, lo que es útil para los visitantes que buscan navegar.

Cómo replicar este CTA

A veces, corto y dulce es el mejor enfoque. Usa tus llamadas a la acción para ir al grano y obtener lo que los visitantes quieren. Podría usar algo como "comprar este estilo" o "descargar la guía ahora".

37. Amazon Música

CTA: 3 meses gratis

Fuente de imagen

Este es un gran ejemplo de varios de los elementos de los que hemos hablado en un CTA.

Amazon utiliza dos CTA estratégicamente ubicados, un diseño colorido pero simple, y ofrece el producto de forma gratuita.

Con esta llamada a la acción, Amazon promociona uno de sus propios productos y servicios en su página de inicio en lugar de otros productos enumerados a la venta en el sitio.

¿El único mensaje que quieren transmitir? Que puedes probar su producto, Amazon Music, gratis durante tres meses enteros. Este CTA logra ese objetivo con un diseño simple.

Cómo replicar este CTA

¿Ofrecer una prueba gratuita? Hágalo saber mediante el uso de una llamada a la acción destacada que aparezca y elimine las funciones innecesarias que saturan la página de destino.

38. Barnes and Noble

Llamada a la acción: comprar ahora

Fuente de imagen

Barnes and Noble usa un CTA simple para atraer a los visitantes a comprar una colección limitada durante el feriado del Día de la Madre.

Me gusta este CTA porque el diseño de la página de destino es muy coherente con la marca de la empresa en general.

Además, los gráficos y las fuentes son interesantes y coinciden con el mensaje de la marca.

Cómo replicar este CTA

Cree una apariencia cohesiva que atraiga a su audiencia y se alinee con la voz de su marca. Juega con fuentes y colores que se complementen entre sí y sean agradables a la vista. Mantenga la CTA simple con un botón "comprar ahora" o "descargar ahora".

39. flojo

CTA: Más información | Contáctenos

Fuente de imagen

Slack utiliza un diseño hermoso y simple en su página de inicio para atraer a los visitantes a hacer clic en uno de los dos botones de CTA.

Me gusta este ejemplo porque Slack tiene dos botones de CTA para dos audiencias diferentes. Si recién está comenzando su investigación, puede hacer clic en "Más información". Sin embargo, si es un visitante habitual y sabe que desea hablar con un vendedor, puede hacer clic en "Contáctenos".

Este es un gran ejemplo de servir a dos audiencias con sus CTA en su página de inicio.

Cómo replicar este CTA

Sirve a dos audiencias con llamadas a la acción separadas en la misma página de destino. Puede distinguirlos usando color para contrastar los dos botones o llamar más la atención sobre la opción deseada.

40. Nintendo

CTA: Comparar características

Fuente de imagen

En el sitio web de Nintendo, la compañía se enfoca en responder cualquier pregunta que pueda tener un visitante.

De hecho, uno de los principales CTA es "Comparar funciones". Con este CTA, Nintendo responde una de sus preguntas más populares porque entiende que muchos visitantes todavía están investigando antes de comprar un producto.

Cómo replicar este CTA

¿Tiene múltiples opciones de precios o características? Considere usar un CTA que ayude a los usuarios a comparar sus opciones para que puedan tomar una decisión más informada.

Crea tus propios CTA

Ahí tienes. Ahora puede ver cuán importantes pueden ser algunos pequeños ajustes de CTA. Inspírate en los ejemplos anteriores y crea llamadas a la acción que conviertan.

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

Nota del editor: esta publicación se publicó originalmente en junio de 2014 y se actualizó para que sea más completa.