39 Ejemplos de llamado a la acción que no puede evitar hacer clic


Piensa en todas las veces que te has registrado para cosas en tu vida. ¿Alguna vez descargaste Evernote? Dropbox? Spotify? Tal vez incluso hayas tomado una clase en la Asamblea General.

Es probable que cada una de estas suscripciones sea el resultado de un llamado a la acción (CTA) efectivo.

Piénselo: si no hubiera sido atraído por la copia o el diseño de la CTA, o si 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é significa un CTA en marketing

Como comercializador, los CTA 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 eventualmente realice una compra.

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

A continuación se presentan algunos ejemplos de los tipos de CTA que puede usar en marketing:

Regístrate.

En este tipo de CTA, se puede invitar a la audiencia a registrarse para una prueba gratuita, un curso en línea, un evento futuro o incluso un producto de software. Todo depende del contexto de CTA en un anuncio o sitio web.

Suscribir.

Este CTA no compromete a una persona a una compra. Por el contrario, los invita a recibir actualizaciones de la empresa. Los CTA de «Suscripción» son comunes a los blogs de las empresas, para los cuales la empresa quiere desarrollar lectores.

Prueba gratis.

Casi todos los sitios web de la empresa tienen una oferta de prueba gratuita hoy. Cada uno de ellos son CTA de esta variedad, y permiten a las personas hacer una demostración de un producto antes de decidir si vale la pena el costo.

Empezar.

Este CTA puede conducir 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 desea es brindar a sus clientes potenciales un poco más de información para que estén preparados para comprar algo. Para eso es esta CTA.

Únete a nosotros.

¿Administras una comunidad en línea? ¿Su producto se basa en la colaboración entre usuarios? Es posible que te encuentres colocando CTA «únete a nosotros» en algún lugar de tu sitio web.

Obtenga más información sobre los propósitos que los CTA pueden cumplir en esta publicación de blog.

Todos los tipos anteriores de CTA tienen un propósito designado, pero tenga en cuenta que el idioma que usan puede variar. Y hoy, los especialistas en marketing de todo el mundo han dado algunos giros creativos a 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 31 ejemplos de CTAs que rockean totalmente. Estos ejemplos de llamado a la acción se dividen en tres categorías:

  • CTA simples y efectivas
  • CTA con excelentes frases de llamado a la acción
  • CTA que equilibran varios botones en una página

1. Evernote

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 beneficios rápidos del uso de 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.

Ejemplo de botón de llamada a la acción de Evernote

2. Dropbox

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 ese diseño simple y espacio negativo, el botón azul de llamada a la acción «Registrarse gratis» se destaca de todo lo demás en la página. Dado que el CTA y el logotipo de Dropbox son del mismo color, es fácil para el visitante interpretar este CTA como «Registrarse en Dropbox». Esa es una llamada efectiva a la acción.

Ejemplo de botón de llamada a la acción de Dropbox

3. OfficeVibe

CTA: suscribirse

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

Ejemplo de botón de llamada a la acción de OfficeVibe

Además, me gusta lo discretas que son las CTA deslizables, en oposición a lo que mi colega Rachel Sprung llama la «CTA de detener todo y hacer clic aquí». Encuentro que estos CTA ofrecen una experiencia más adorable porque brindan más información y al mismo tiempo me permiten seguir leyendo la publicación del blog.

4. Netflix

CTA: Únete gratis por un mes

¿Un gran temor que tienen los usuarios antes de comprometerse a registrarse para algo? Que será difícil 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 «Únase gratis por un mes». Me atrevería a adivinar que solo la tranquilidad ha impulsado los registros. Además, notará nuevamente que el color rojo de los CTA primarios y secundarios aquí coincide con el color del logotipo de Netflix.

Ejemplo de botón de llamada a la acción de Netflix

5. Plaza

CTA: Comience

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 la llamada a la acción «Comenzar» flotante espera su clic. Si observa 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 si / cuando hacen clic.

Ejemplo de botón de llamada a la acción de Square

6. Prezi

CTA: Prueba Prezi

La gente de Prezi también tiene un diseño minimalista en 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 «Pruébelo a Prezi» y el CTA secundario «Comenzar», que llevan a los usuarios a la misma página de precios.

Ejemplo de botón de llamada a la acción de Prezi

7. Paquete completo

CTA: nuestro trabajo

Full Bundle es otra compañía que usa espacio negativo para hacer que su CTA principal destaque. La llamada a la acción blanca «Nuestro trabajo» se destaca contra 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 para eso es que la mayoría de la gente va a su sitio web.

Ejemplo de botón de llamada a la acción por paquete completo

8. Panthera

CTA: Únete

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 amantes de los grandes felinos: «Únete al orgullo 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».

Ejemplo de botón de llamada a la acción por Panthera

9. EPIC

CTA: Comencemos juntos un nuevo proyecto

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 parte del trabajo que han hecho para los clientes, que giran 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 reproduce en segundo plano.

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

Ejemplo de botón de llamada a la acción por EPIC

10. Aquaspresso

CTA: ¡Envíame ofertas especiales ahora!

El objetivo de un llamado 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 sea útil para sus visitantes. La gente de la compañía de café Aquaspresso realmente logró ese equilibrio aquí con el CTA emergente en su página principal del blog.

Aquí, el curso de acción deseado es que los lectores de su blog revisen 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 «¡Echa un vistazo a nuestros productos más populares!» o algo muy directo. Pero nos encanta lo que han hecho: su CTA ofrece a los lectores de blog 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 nos hace asignar más valor a las cosas que creemos que son escasas. El temor a que los especiales de hoy sean mejores que los de mañana podría hacer que las personas quieran completarlo y reclamar su oferta mientras puedan.

Ejemplo de botón de llamada a la acción de Aquaspresso

(El llamado a la acción anterior se creó con la herramienta de conversión gratuita de HubSpot, Leadin. Haga clic aquí para aprender cómo crear fácilmente CTA como este usando Leadin.)

11. QuickSprout

CTA: ¿Estás haciendo mal tu SEO? Ingrese su URL para descubrir

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?» Bien, soy yo? Todo lo que tengo que hacer es ingresar mi URL para averiguarlo, parece bastante fácil. Es un lenguaje como ese que realmente puede atraer a los visitantes a hacer clic.

Además, tener la diapositiva de CTA en la publicación de mitad del blog es una gran táctica para captar lectores antes de que salgan de la página. Tradicionalmente, muchos blogs tienen CTA en la parte inferior de cada publicación de blog, pero las investigaciones muestran que la mayoría de los lectores solo obtienen el 60% del camino a través de un artículo. (Haga clic aquí para obtener información sobre cómo agregar CTA deslizables a las publicaciones de su blog).

Ejemplo de botón de llamada a la acción por QuickSprout

12. Grey Goose

CTA: descubre un cóctel a tu gusto

Aquí hay una llamada a la acción única y divertida que puede hacer que la gente haga 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 CTA para «Descubrir un cóctel adaptado a su gusto» es una pregunta agradablemente sorprendente. A la gente le encanta la personalización, y este 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 hagan clic.

Ejemplo de llamada al botón de acción de Grey Goose

13. Casa del árbol

CTA: Solicite su prueba gratuita

Muchos sitios web de empresas ofrecen a los usuarios la oportunidad de comenzar una prueba gratuita. Pero el CTA en el sitio web de Treehouse no solo dice «Iniciar una prueba gratuita»; dice «Reclama tu prueba gratuita».

La diferencia en la redacción puede parecer sutil, pero piense en cuánto más personal «Reclamo Tu Prueba gratuita «es. Además, la palabra» reclamo «sugiere que puede no estar disponible por mucho tiempo, dando a los usuarios un sentido de urgencia para obtener esa prueba gratuita mientras puedan.

Ejemplo de botón de llamada a la acción de Treehouse

14. OKCupid

CTA: Continuar

El 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 se destaca bien sobre un fondo azul oscuro, dice: «Continuar». La simplicidad de este término da esperanza de que el proceso de registro sea breve e informal. Para mí, este CTA se siente más como si estuviera jugando un juego divertido que llenar un formulario aburrido o comprometerme con algo que podría ponerme nervioso. Y todo se debe a la copia.

Ejemplo de botón de llamada a la acción de OKCupid

15. Blogging.org

CTA: Reloj de cuenta regresiva

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 de inicio de blogging.org, los nuevos visitantes son recibidos con un CTA 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é pasa cuando se acaba el tiempo? Yo también. Hilarantemente, no pasa nada. El CTA emergente permanece en la página cuando el temporizador llega a cero.

Ejemplo de botón de llamada a la acción por Blogging.org

16. IMPACTO Marca y diseño

CTA: lo que hacemos

Los CTA pueden parecer realmente agresivos y ventajosos (sí, esa es una palabra …) si se usa el idioma incorrecto. me gusta IMPACTOEnfoque educativo, donde desafían a los visitantes a aprender lo que hace la compañía antes de presionarlos a tomar cualquier otra medida. Este llamado a la acción es especialmente interesante para mí porque ni siquiera usan un verbo de acción, pero aun así logran atraer a la gente para que haga clic.

Impact Branding & Design 'What We Do' botón de llamada a la acción

17. Huemor

CTA: lanzamiento (no presionar)

Si fue a un sitio web y vio un CTA de «Lanzamiento» acompañado de la copia «No presione» … ¿hacer? Seamos honestos: te morirías por presionarlo. El uso de la psicología inversa inofensiva aquí es juguetón, lo que está muy de acuerdo con la voz de la marca Huemor.

Ejemplo de botón de llamada a la acción de Huemor

18. Brooks Running

CTA: Averigüe cuándo tenemos más

¿Cuántas veces has buscado arduamente un producto que amas, solo para descubrir que está agotado? Bueno, como ya sabrás, tampoco es un picnic para el vendedor. Pero solo porque te hayas quedado sin un artículo no significa que debas dejar de promocionarlo.

Brooks Running utiliza un ingenioso llamado a la acción para garantizar que sus clientes no se retiren de su sitio web solo porque su zapato favorito está agotado. En la captura de pantalla a continuación, 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 otro lado.

Cuando hace clic en el botón azul 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 solicita a Brooks que avise automáticamente al visitante cuando el zapato que desea esté disponible nuevamente.

Disponibilidad del producto Brooks Running shoe CTA

19. Condado de Humboldt

CTA: Sigue la magia

El sitio web del condado de Humboldt es magnífico por sí solo: te saluda con un video de pantalla completa de imágenes sorprendentemente hermosas. Pero lo que realmente me encanta es el botón de llamada a la acción no convencional colocado en la parte inferior central, que presenta un ícono de conejito y las palabras «Sigue la magia».

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

El Condado de Humboldt sigue el botón CTA

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.

CTA de aventura en el condado de Humboldt.

20. Uber

CTA: Regístrese para conducir | Comienza a montar con Uber

Uber está buscando dos tipos muy distintos de personas para registrarse en su sitio web: corredores 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 que muestra a los conductores y conductores de Uber pasando un buen rato en lugares de todo el mundo.

También me encanta la copia del CTA del conductor en la parte superior: no es mucho más sencillo que «Ganar dinero conduciendo su automóvil». Ahora que habla el idioma de las personas.

Botones Uber de doble llamada a la acción

21. Spotify

CTA: Go Premium | Juega gratis

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

No es solo el titular lo 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 salga de la página, mientras que el CTA «Play Free» es completamente blanco y se combina con el resto de la copia en la página. Este contraste garantiza que los visitantes se sientan atraídos por la CTA premium.

Botones de llamada a la acción de Spotify

22. Ugmonk

CTA: Envíame los cupones | No me interesa

Salir de CTA, también conocido como ventanas emergentes con 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 al tiempo que les ofrecen una razón para quedarse.

Ugmonk tiene una gran salida CTA, que ofrece dos opciones para los usuarios como una súplica final antes de que abandonen el sitio. Primero, ofrecen un descuento del 15% 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 aclare lo que realmente significan «Sí» y «No», y también me gusta que no hayan usado un lenguaje de culpabilidad 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.

Botones de llamada a la acción de Ugmonk

23. Pinterest

CTA: Continue with Facebook | Regístrate

Want to sign up for Pinterest? You have a couple of options: sign up via Facebook or via email. If you have a Facebook account, Pinterest wants you to do that first. ¿Cómo puedo saber? Aesthetically, I know because the blue Facebook CTA comes first and is much more prominent, colorful, and recognizable due to the branded logo and color. Logically, I know because if you log in through Facebook, Pinterest can pull in Facebook’s API data and get more information about you than if you log in through your email address.

Although this homepage is optimized to bring in new members, you’ll notice a very subtle CTA for folks with Pinterest accounts to log in on the top right.

Pinterest signup call to action button

24. Madewell

CTA: Take me there | ¿Que sigue?

Madewell (owned by J.Crew) has always had standout website design, taking what could be a typical ecommerce website to the next level. Their use of CTAs on their homepage is no exception.

When you first arrive on the page, you’re greeted with the headline «I’m Looking For …» followed by a category, like «Clothes That’ll Travel Anywhere.» Below this copy are two options: «Yes, Take Me There» or «Hmm… What’s Next?» The user can choose between the two CTAs to either browse clothes that are good for travel, or be taken to the next type of clothing, where they can play again.

This gamification is a great way to make your site more interesting for users who come across it without having a specific idea of where they want to look.

Madewell clothes shopping call to action buttons

25. Instagram

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

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.

Instagram signup call to action buttons

26. Barkbox

CTA: Get Started | Give a Gift

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.

Barkbox call to action buttons

27. t.c. pharma

CTA: Find out more | View products

Turns out Red Bull isn’t its own parent company: It’s owned by Thailand-based t.c. 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.»

t.c. pharma product info call to action buttons

28. General Assembly

CTA: View Full-Time Courses | Suscribir

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

General Assembly subscribe call to action button

29. charity: water

CTA: Give by Credit Card | Give by PayPal

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 cómo you donate, as long as you’re donating.

charity: water donation call to action button

30. Hipmunk

CTA: Flights | Hotels | Cars | Packages

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.

Hipmunk flights and hotel bookings CTA form

31. MakeMyPersona

CTA: Grab the template! El | No thanks

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.

MakeMyPersona template download call to action button

32. TeuxDeux

CTA: Get Started for Free | Try for Free

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

Eso es.

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.

TeuxDeux CTA example.

33. Betabrand

CTA: Get involved

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.

Betabrand homepage CTA.

34. Fabletics

CTA: Limited Edition

This Fabletics CTA uses several marketing tactics: scarcity and a holiday.

On the homepage, the brand announces a limited edition collection that’s tied to a holiday (Mother’s Day).

Additionally, the CTA uses a bright color so the CTA stands out on the simple homepage.

Fabletics limited edition CTA.

35. Ashley Stewart

CTA: Shop the Lookbook

Ashley Stewart is a clothing brand catered to plus-sized women. In this CTA, the company uses a fun design to entice website visitors. The entire collage of images looks like a behind-the-scenes camera roll, which is interesting to look at.

Additionally, the CTA copy is straight to the point, which is helpful for visitors who are looking to browse.

Ashley Stewart CTA example.

36. Amazon Music

CTA: 3 months free

This is a great example of several of the elements we’ve talked about in one CTA.

Amazon uses two strategically placed CTAs, colorful, yet simple design, and offers the product for free.

With this CTA, Amazon is promoting one of its own products and services on its homepage instead of other products listed for sale on the site.

The only message they want to get across? That you can try their product, Amazon Music, for free for three whole months. This CTA accomplishes that goal with a simple design.

Amazon Music CTA example.

37. Barnes and Noble

CTA: Shop Now

Barnes and Noble uses a simple CTA to entice visitors to shop a limited collection during the Mother’s Day holiday.

I like this CTA because the landing page design is so cohesive with the branding of the overall company.

Additionally, the graphics and the fonts are all interesting and match the brand’s messaging.

Barnes and Noble CTA.

38. Slack

CTA: Learn More | Contáctenos

Slack uses beautiful, simple design on its homepage to entice visitors to click on one of the two CTA buttons.

I like this example because Slack has two CTA buttons for two different audiences. If you’re just getting started in your research, you can click «Learn More.» However, if you’re a repeat visitor and know that you want to talk to a sales person, you can click «Contact Us.»

This is a great example of serving two audiences with your CTAs on your homepage.

Slack home page CTA.

39. Nintendo

CTA: Compare Features

On Nintendo’s website, the company is focused on answering any questions a visitor might have.

In fact, one of the main CTAs is «Compare Features.» With this CTA, Nintendo answers one of their most popular questions because they understand that many visitors are still doing their research before purchasing a product.

Nintendo CTA example.

Ahí tienes. By now, we hope you can see just how important little CTA tweaks can be.

Full Disclosure: We don’t have data to know if these are all scientifically successful, but these examples all follow our best practices. If you decide to recreate these CTAs on your site, please remember to test to see if they work for your audience.

Want more CTA design inspiration? Check out some of our favorite HubSpot call-to-action examples.

Editor’s note: This post was originally published in June 2014 and has been updated for comprehensiveness.

New Call to action




Versión en Inglés