50 exemplos de call-to-action que você não pode deixar de clicar

Publicados: 2022-03-24


Pense em todas as vezes que você se inscreveu para coisas em sua vida. Uma vez você baixou o Evernote? Dropbox? Spotify? Talvez você até tenha feito uma aula sobre Assembléia Geral.

Cada uma dessas inscrições é provavelmente o resultado de um call-to-action (CTA) eficaz.

Pense nisso: se você não tivesse sido atraído pela cópia ou design do CTA, ou sido guiado de forma tão eloquente pelo processo de inscrição, provavelmente usaria muito menos aplicativos e sites do que usa agora.

É muito importante orientar seus visitantes na jornada de compra usando CTAs estratégicos.

Baixe agora: 28 modelos de CTA gratuitos

O que é um CTA em Marketing?

Como profissional de marketing, os CTAs são relevantes porque incentivam seu público a agir em uma campanha de marketing.

Em última análise, o objetivo de qualquer campanha de marketing é guiar seu público-alvo na jornada do comprador para que eles eventualmente façam uma compra.

No entanto, cada campanha de marketing pode ter uma ação diferente para o público realizar, pois existem várias táticas que você pode usar para orientar seu público em sua jornada.

Abaixo estão alguns exemplos dos tipos de cópia do botão CTA que você pode usar no marketing:

Gráfico exibindo tipos de CTAs comuns Todos os tipos de CTAs acima servem a um propósito designado, mas lembre-se de que a linguagem que eles usam pode variar. E hoje, os profissionais de marketing em todos os lugares deram alguns giros criativos em seus apelos à ação para gerar os leads dos quais seus negócios dependem.

Para ajudá-lo a identificar o que é eficaz e o que não é, listamos exemplos de CTAs que arrasam. Esses exemplos de call to action são divididos em três categorias:

  • CTAs simples e eficazes
  • CTAs com ótimas frases de chamariz
  • CTAs que equilibram vários botões em uma página

Melhores exemplos de call to action de 2022

1. HubSpot

melhores exemplos de call to action 2022: HubSpot Fonte da imagem

Uma das vantagens de usar o HubSpot é a riqueza de recursos gratuitos que eles oferecem. Este CTA deslizante encontrado em um artigo que discute inteligência de marketing demonstra como um CTA bem colocado pode melhorar a experiência do usuário.

É discreto e vem no meio do artigo, não apenas levando os leitores a “baixar agora”, mas oferecendo um recurso útil e gratuito. O kit de marketing oferece uma solução pronta para uso para quem não sabe por onde começar.

Por que este CTA funciona

Este CTA deslizante oferece um recurso gratuito que está diretamente relacionado ao tópico do artigo em que aparece. Os leitores podem terminar o artigo e baixar o guia com modelos para começar a criar um kit de marketing próprio. (Clique aqui para saber como adicionar CTAs deslizantes às postagens do seu blog.)

2. O Budgetnista

melhores exemplos de call to action 2022: Budgetnista Fonte da imagem

Dirigido pela educadora financeira pessoal e autora Tiffany Aliche, The Budgetnista é um balcão único para finanças pessoais. Além de fornecer conteúdo que encanta seu público, ela também é uma profissional na criação de CTAs convidativas.

Em vez de simplesmente colocar um CTA de inscrição para promover sua newsletter, ela usa uma linguagem que atrai o leitor a clicar. “Sign Up For Weekly Goodies” soa muito mais interessante do que “inscreva-se no meu boletim informativo”. Quem não quer guloseimas semanais?

Por que este CTA funciona

O uso amigável e criativo da linguagem incentiva os visitantes a realizar a ação desejada. Também reflete a personalidade de Aliche, que é um toque agradável e ajuda a personalizar a interação.

3. Brilhante

melhores exemplos de call to action 2022: Glossier Fonte da imagem

A marca de beleza Glossier tem sua imagem de marketing rebaixada, apresentando imagens realistas de mulheres com diversos tipos de pele. Quem pode esquecer a campanha do boy brow? O site deles é limpo com muito espaço em branco que faz com que as fotos dos modelos e a maquiagem apareçam.

O CTA deles é uma sobreposição que aparece quando você começa a rolar para baixo no site. Embora muitos cliquem rapidamente para fora do pop-up, o idioma que o Glossier escolhe faz com que você queira ficar por perto. “Vamos levar isso para sua caixa de entrada” é uma maneira inteligente de pedir às pessoas que se inscrevam no seu boletim informativo. Se você quiser participar, basta clicar em "Estou dentro" e pronto.

Por que este CTA funciona

Como The Budgetnista, Glossier usa frases inteligentes que tornam a marca mais relacionável e atrai as pessoas a agir. A imagem de uma modelo com ótima maquiagem Glossier e as ilustrações incluídas também ajudam a tornar este CTA atraente.

4. 310 Criativo

melhores exemplos de call to action 2022: 310 criativos Fonte da imagem

A agência de crescimento e parceira da HubSpot 310 Creative visa ajudar as empresas B2B a escalar e refinar a jornada do comprador para aumentar as vendas. Sabendo que os visitantes do site podem não saber de quais serviços específicos precisam, a 310 Creative faz uso de um CTA que elimina a confusão.

O CTA deslizante solicita que os visitantes reservem uma avaliação gratuita para obter alguma clareza sobre onde seus negócios podem estar aquém e descobrir por que esses resultados estão acontecendo.

Por que este CTA funciona

Além de remover barreiras ao declarar explicitamente que o serviço é gratuito, esse CTA também demonstra empatia pelo visitante. Ao descrever um problema seguido de “Se isso soa familiar, vamos conversar”, demonstra que a 310 Creative está aqui para ajudar e entender a frustração do usuário.

5. Ei dia

melhores exemplos de call to action 2022: HeyDay Fonte da imagem

Heyday é um pouco rebelde na indústria facial. Sua abordagem minimalista e sem frescuras o tornou um favorito entre aqueles que querem apenas ver uma esteticista sem o barulho e o upselling.

Essa abordagem minimalista, mas amigável, também aparece em seu CTA. Fazendo ótimo uso de alguns modelos com pele brilhante, este CTA atrai os espectadores a se inscreverem em sua newsletter com desconto. O botão “inscreva-se e salve” é persuasivo, juntamente com o hiperlink bem-humorado “Não, obrigado, prefiro cuidados com a pele com preço integral” para desativar.

Por que este CTA funciona

Heyday empregou uma bela estética, um desconto e humor para incentivar os visitantes a realizar a ação desejada.

6. VRBO

melhores exemplos de call to action 2022: VRBO Fonte da imagem

Se você gosta de visitar belas casas de férias em seu tempo livre, o VRBO é um ótimo lugar para fazê-lo. A marca faz ótimo uso da estética aspiracional e locais lindos.

O CTA azul escuro aparece contra o fundo branco do VRBO, atraindo o leitor. Em seguida, o botão “descubra sua fuga” adiciona um toque de aventura para aqueles que podem estar interessados ​​em alugar uma casa de férias.

Por que este CTA funciona

O VRBO faz ótimo uso de cores e frases. Não são férias, mas sim uma aventura onde eles podem servir como seu guia de confiança.

7. Hulu

melhores exemplos de call to action 2022: Hulu Fonte da imagem

O gigante do streaming Hulu optou por uma abordagem dramática com este CTA. O fundo escurecido mostra todas as suas ofertas de televisão e cinema, enquanto o texto verde e branco do CTA chama sua atenção para a promoção.

É uma inscrição e um upsell em um, informando aos usuários que eles podem obter um desconto adicional com Disney + e ESPN +.

Por que este CTA funciona

Este CTA atrai os visitantes com a impressão de que estão fazendo um acordo com o pacote. Em vez de apenas ter um botão de inscrição, é “pegue o pacote disney”. Ele coloca a ênfase em fornecer valor para levar os visitantes a agir.

8. Hija De Tu Madre

melhores exemplos de call to action 2022: Hija de tu Madre

Fonte da imagem

A empresa de vestuário Hija De Tu Madre, mantém-no fresco com um esquema de cores limpo, rosa e branco que exala juventude e frescor. A maior parte do que torna seus CTAs tão atraentes é o jogo inteligente de palavras, misturando espanhol e inglês, uma ode ao seu público-alvo.

melhores exemplos de call to action 2022: Hija de tu Madre Fonte da imagem

Porque eles são tão discados em seu público, Hija De Tu Madre pode extrair mais informações de seus espectadores. Em vez de apenas ter um CTA que solicita um e-mail (primeira imagem), eles introduziram uma solicitação de telefone celular em um segundo CTA. Como eles convencem as pessoas a entregar seus dígitos? Ao oferecer a eles a chance de ganhar produtos – especificamente suas populares jaquetas jeans.

Por que este CTA funciona

Oferecer algo que os visitantes consideram valioso em troca de suas informações pessoais – neste caso, uma jaqueta jeans cobiçada, tornará as pessoas mais propensas a compartilhar mais informações. A chave é conhecer seu público e explorar seus interesses.

9. Lã e a turma

melhores exemplos de call to action 2022: Wool and the Gang Fonte da imagem

Este CTA da Wool and the Gang vai fazer você se sentir confuso por dentro. O fundo de colagem de clientes vestindo suas roupas Wool and the Gang e um filhote fofo realmente atrai o leitor e se encaixa com o público da marca.

O botão CTA diz “compartilhe suas malhas #woolandthegang”, que incentiva os clientes a compartilhar o que eles fizeram usando os produtos Wool and the Gang, funcionando como promoção da marca e envolvimento do cliente.

Por que este CTA funciona

Esse CTA não apenas chama a atenção do visitante, mas também cria um senso de comunidade e atrai os visitantes para participar. Esse CTA em particular também funciona como promoção da marca, pois mais clientes compartilham seus kits nas mídias sociais.

10. Estúdio Tweak It

melhores exemplos de call to action 2022: Tweak It Studio Fonte da imagem

A empresa de decoração e design Tweak It Studio mostra a importância de se divertir, mas com CTAs claros.

Eles chamam a atenção do visitante com “Just Dropped” em grandes letras em negrito para informar os leitores sobre novos produtos em oferta e, em seguida, combinam com um botão de CTA que informa exatamente qual é o item – neste caso, “nomes de madeira personalizados”. É muito mais eficaz do que apenas ter um botão que simplesmente diz “compre agora”.

Por que este CTA funciona

Este CTA usa a urgência com “só caiu” para fazer com que os visitantes confiram novos itens na loja e também se comunica claramente no botão para onde o visitante se dirige depois de clicar.

Quer mais inspiração de design de CTA? Confira abaixo alguns de nossos exemplos de call-to-action favoritos.

1. CTAs da HubSpot [Modelos gratuitos]

Modelos de chamada para ação da HubSpot

Procurando inspiração para ajudar a criar CTAs melhores? Use nossos modelos de CTA projetados profissionalmente para gerar mais cliques, envios e leads de seu conteúdo.

2. Evernote

CTA: Inscreva-se

Exemplo de CTA: Evernote

Fonte da imagem

"Lembrar de tudo." Os visitantes podem entender imediatamente essa mensagem no momento em que chegam a esta página. O design do site do Evernote torna super simples para os usuários ver os benefícios rápidos de usar o aplicativo e como se inscrever para usá-lo. Além disso, a cor verde dos botões de CTA principal e secundário é o mesmo verde do título e do logotipo do Evernote, todos saltando da página.

Como replicar este CTA

Considere usar uma cor brilhante que contraste bem com os elementos em sua página da web para destacar seu CTA.

3. Caixa de depósito

CTA: Inscreva-se gratuitamente

CTA example: Dropbox

Fonte da imagem

O Dropbox sempre adotou um design simples com muito espaço negativo. Até os gráficos em sua página inicial são sutis e simples.

Graças a esse design simples e espaço negativo, o botão de call-to-action azul “Cadastre-se gratuitamente” se destaca de todo o resto da página. Como o CTA e o logotipo do Dropbox são da mesma cor, é fácil para o visitante interpretar esse CTA como “Cadastre-se no Dropbox”. Essa é uma chamada à ação eficaz.

Como replicar este CTA

O espaço negativo pode funcionar a seu favor se usado corretamente. Use-o a seu favor, permitindo que seu CTA se destaque usando suas cores ousadas e de marca

4. Office Vibe

CTA: Inscreva-se

CTA example: OfficeVibe

Fonte da imagem

Aqui está uma frase de chamariz deslizante que chamou minha atenção do OfficeVibe. Enquanto percorria uma postagem em seu blog, um banner deslizou da parte inferior da página com uma frase de chamariz para assinar o blog. A melhor parte? A cópia no slide me dizia que eu receberia dicas sobre como me tornar um gerente melhor – e o post em que aparecia era um post sobre como se tornar um gerente melhor. Em outras palavras, a oferta era algo que eu já estava interessado.

Além disso, gosto de como os CTAs deslizantes são discretos – ao contrário do que minha colega Rachel Sprung chama de “pare-tudo-e-clique-aqui-pop-up-CTA”. Acho que esses CTAs oferecem uma experiência mais adorável porque fornecem mais informações e ainda permitem que eu continue lendo a postagem do blog.

Como replicar este CTA

Você pode criar seu próprio CTA deslizante usando as ferramentas de marketing da HubSpot. Depois de criar seu CTA usando nossos modelos, crie uma conta HubSpot. Vá para Marketing > Captura de leads > CTAs em sua conta da HubSpot e siga as instruções de CTA aqui.

5. Netflix

CTA: Junte-se gratuitamente por um mês

Exemplo de CTA: Netflix

Fonte da imagem

Um grande medo que os usuários têm antes de se comprometerem a se inscrever em algo? Que será doloroso cancelar a assinatura se eles acabarem não gostando. A Netflix elimina esse medo pela raiz com a cópia “Cancelar a qualquer momento” logo acima do CTA “Join Free for a Month”. Eu arriscaria um palpite de que a garantia por si só aumentou as inscrições. Além disso, você notará novamente que a cor vermelha dos CTAs primários e secundários aqui correspondem à cor do logotipo da Netflix.

Como replicar este CTA

Você não apenas pode chamar a atenção de um visitante com um contraste gritante de cores, mas também pode usar uma linguagem em seu CTA que os atraia a clicar. Considere usar “Experimente gratuitamente” ou algo semelhante em seu CTA que elimine o risco para clientes em potencial.

6. Quadrado

CTA: Comece

CTA Example: Square

Fonte da imagem

Para obter um design de CTA eficaz, você precisa considerar mais do que apenas o botão em si. Também é super importante considerar elementos como cor de fundo, imagens ao redor e texto ao redor.

Atentos a esses componentes de design adicionais, o pessoal da Square usou uma única imagem para mostrar a simplicidade de usar seu produto, onde o CTA “Comece a usar” aguarda seu clique. Se você olhar de perto, a cor do cartão de crédito na imagem e a cor do botão CTA combinam, o que ajuda o espectador a ligar os pontos do que esperar se/quando clicar.

Como replicar este CTA

Você pode usar cores para ajudar os visitantes a conectar os pontos, seja coordenando tons semelhantes, como nesta imagem, ou usando cores de marca, como no exemplo do Dropbox.

7. Prezi

CTA: Experimente o Prezi

Exemplo de CTA: Prezi

Fonte da imagem

O pessoal da Prezi também gosta do visual de design minimalista em seu site. Além do dinossauro verde e do café marrom escuro, a única outra cor que acompanha o design predominantemente preto e branco é um azul brilhante – o mesmo azul do logotipo principal. Esse azul brilhante é estrategicamente colocado na página inicial: o CTA principal “Experimente o Prezi” e o CTA secundário “Comece”, ambos levam os usuários à mesma página de preços.

Como replicar este CTA

Esta página adotou um esquema de cores minimalista, mas incorporou dois CTAs com o mesmo botão de cor que direciona os visitantes para a mesma página de destino. Se a sua página tiver um design limpo e minimalista, experimente dois CTAs com texto diferente para atrair visitantes.

8. Pacote Completo

CTA: Nosso Trabalho

CTA Example: Full Bundle

Fonte da imagem

A Full Bundle é outra empresa que usa espaço negativo para fazer seu CTA principal aparecer. A call-to-action branca “Nosso trabalho” se destaca contra os cinzas escuros do plano de fundo. A escolha do CTA também é estratégica. Dado que eles existem principalmente para construir a presença online dos clientes, é importante que eles mostrem seu trabalho – e é para isso que a maioria das pessoas está acessando seu site.

Como replicar este CTA

Faça uso criativo do espaço negativo, como os tons de cinza do Full Bundle. Como você pode ver, os diferentes tons de cinza formam triângulos, adicionando um elemento de design sutil que faz com que seu CTA branco apareça na parte inferior.

9. Pantera

CTA: Junte-se

Exemplo de CTA: Panthera

Fonte da imagem

O pessoal da Panthera está procurando por usuários que realmente se importem com gatos selvagens ao redor do mundo e queiram se juntar a um grupo de pessoas que sentem o mesmo. Para atingir essas pessoas em particular, adoramos como eles usam uma linguagem que falaria com os amantes de grandes felinos: “Junte-se ao orgulho hoje”. A página em si é super simples: um formulário na página com dois campos simples e um botão pedindo às pessoas para (novamente) “Juntar-se”.

Como replicar este CTA

Estabeleça uma conexão com seu público-alvo usando um vernáculo relacionado à sua marca que os atraia em seu CTA.

10. ÉPICO

CTA: Vamos começar um novo projeto juntos

Exemplo de CTA: EPIC

Fonte da imagem

O pessoal da agência EPIC usa sua página inicial principalmente para mostrar seu trabalho. Ao chegar na página, você é recebido com vídeos animados mostrando alguns dos trabalhos que eles fizeram para os clientes, que giram em um carrossel. Embora existam muitos outros lugares em que os usuários podem clicar em seu site - incluindo os sites de seus clientes - a principal call-to-action se destaca e sempre contrasta com o vídeo que está sendo reproduzido em segundo plano.

Adoro o fato de apresentar uma linguagem amigável e inclusiva — “Vamos começar um novo projeto juntos” — que dá uma dica para os usuários que procuram um parceiro criativo de que eles são uma equipe especialmente boa para se trabalhar.

Como replicar este CTA

Use uma linguagem convidativa. É fácil fazer um botão que diz apenas “junte-se a nós”, mas isso não é muito convincente. Considere algo mais amigável como “vamos trabalhar juntos” ou algo específico para o serviço que você oferece.

11. Aquaspresso

CTA: Envie-me promoções agora!

Exemplo de CTA: Aquaspresso

Fonte da imagem

O objetivo de um call-to-action é direcionar os visitantes do seu site para um curso de ação desejado – e os melhores CTAs fazem isso de uma maneira que seja útil para seus visitantes. O pessoal da empresa de café Aquaspresso realmente conseguiu esse equilíbrio aqui com o CTA pop-up em sua página principal do blog.

Aqui, o curso de ação desejado é que os leitores do blog verifiquem o que estão realmente vendendo (e com sorte comprar deles). Há muitas maneiras pelas quais eles poderiam ter feito isso, incluindo a publicação de um CTA que incentiva as pessoas a “Confira nossos produtos mais populares!” ou algo muito direto. Mas, em vez disso, adoramos o que eles fizeram: o CTA deles oferece aos leitores do blog algo muito mais útil e sutil – uma oferta de “promoções de hoje” em troca do endereço de e-mail do leitor.

Acrescentar que os especiais são só para hoje é um ótimo exemplo de uma tática psicológica chamada escassez, que nos faz dar mais valor a coisas que julgamos escassas. O medo de que os especiais de hoje sejam melhores do que os de amanhã pode fazer com que as pessoas queiram preenchê-lo e reivindicar sua oferta enquanto podem.

Como replicar este CTA

A frase de chamariz acima foi criada usando os modelos da HubSpot. Considere introduzir um senso de urgência para os visitantes do site usando a escassez em seu CTA. Você pode usar frases como “oferta por tempo limitado” ou “obter ofertas de hoje” para motivar os visitantes a realizar a ação desejada.

12. QuickSprout

CTA: Você está fazendo seu SEO errado? Digite seu URL para descobrir

CTA Example: QuickSprout

Fonte da imagem

Ninguém quer estar errado. É por isso que um botão de call-to-action como o CTA deslizante do QuickSprout em seu blog é tão digno de cliques. Ele pergunta ao leitor: “Você está fazendo seu SEO errado?” Bem, eu sou? Tudo o que tenho que fazer é digitar minha URL para descobrir – parece bastante fácil. É uma linguagem como essa que pode realmente atrair os visitantes a clicar.

Além disso, fazer o CTA deslizar no meio do blog é uma ótima tática para capturar os leitores antes que eles saiam da página. Tradicionalmente, muitos blogs têm CTAs na parte inferior de cada postagem do blog, mas pesquisas mostram que a maioria dos leitores obtém apenas 60% do caminho de um artigo.

Como replicar este CTA

Use uma linguagem em seu CTA que chame a atenção do visitante ou fale sobre um ponto problemático que ele possa estar tendo. O caso acima usa SEO, mas você pode usar algo como “Tendo problemas para converter leads?” e, em seguida, posicione seu serviço como o remédio. (Clique aqui para saber como adicionar CTAs deslizantes às postagens do seu blog.)

13. Ganso Cinzento

CTA: Descubra um cocktail à medida do seu gosto

Exemplo de CTA: Grey Goose

Fonte da imagem

Aqui está uma frase de chamariz divertida e exclusiva que pode fazer as pessoas clicarem. Enquanto os visitantes do site esperavam ser direcionados para páginas de produtos ou comunicados de imprensa a partir da página inicial, um CTA para “Descobrir um coquetel sob medida para o seu gosto” é uma pergunta agradavelmente surpreendente. As pessoas adoram personalização, e esse CTA parece um jogo atraente. O ícone do botão de reprodução ao lado da cópia dá uma dica de que os visitantes serão direcionados para um vídeo para que tenham uma ideia melhor do que esperar quando clicarem.

Como replicar este CTA

A personalização faz maravilhas para estabelecer uma conexão com os visitantes. Considere implementar um CTA que sugira uma experiência personalizada para os visitantes com base no produto ou serviço que você oferece. Por exemplo, você pode dizer “Explore planos que cabem no seu orçamento” ou “escolha um design adaptado à sua marca”.

14. Casa na Árvore

CTA: reivindique sua avaliação gratuita

CTA Example: Treehouse

Fonte da imagem

Muitos sites de empresas oferecem aos usuários a oportunidade de iniciar uma avaliação gratuita. Mas o CTA no site da Treehouse não diz apenas “Iniciar uma avaliação gratuita”; ele diz "Reivindicar seu teste gratuito".

A diferença na redação pode parecer sutil, mas pense em quão mais pessoal é “Reivindicar seu teste gratuito”. Além disso, a palavra “reivindicação” sugere que pode não estar disponível por muito tempo, dando aos usuários um senso de urgência para obter esse teste gratuito enquanto podem.

Como replicar este CTA

Se você oferece uma avaliação gratuita para o seu serviço, em vez de apenas usar um botão que diz “avaliação gratuita”, personalize a experiência usando “iniciar sua avaliação gratuita”.

15. OKCupido

CTA: Continuar

CTA example: OKCupid

Fonte da imagem

O CTA do OKCupid não parece tão impressionante à primeira vista, mas seu brilho está nos pequenos detalhes.

O botão de call-to-action, que é verde brilhante e se destaca bem em um fundo azul escuro, diz “Continue”. A simplicidade deste termo dá esperança de que o processo de inscrição seja curto e casual. Para mim, este CTA parece mais que estou jogando um jogo divertido do que preenchendo um formulário chato ou me comprometendo com algo que pode me deixar nervoso. E é tudo devido à cópia.

Como replicar este CTA

As pessoas gostam de jogos, então, se funcionar para o seu produto ou serviço, tente gamificar seu CTA para despertar o interesse.

16. Blogging.org

CTA: Relógio de contagem regressiva

CTA example: Blogging.org

Fonte da imagem

Nada como um cronômetro para fazer alguém querer agir. Depois de passar um curto período de tempo na página inicial do blogging.org, os novos visitantes são recebidos com um CTA pop-up com uma “oferta por tempo limitado”, acompanhada por um cronômetro que faz uma contagem regressiva de dois minutos.

Assim como no exemplo do Aquaspresso no nº 10, esse é um uso clássico da tática psicológica chamada escassez, que nos faz atribuir mais valor a coisas que achamos escassas. Limitar o tempo que alguém tem para preencher um formulário faz com que as pessoas queiram preenchê-lo e reivindicar sua oferta enquanto podem.

Curioso, o que acontece quando o tempo acaba? Eu também. Hilariamente, nada acontece. O CTA pop-up permanece na página quando o cronômetro chega a zero.

Como replicar este CTA

Semelhante ao Aquaespresso, considere usar a escassez para dar aos visitantes do seu site um senso de urgência para agir.

17. Marca e design de IMPACTO

CTA: O que fazemos

Exemplo de CTA: impacto

Fonte da imagem

CTAs podem parecer muito agressivos e vendedores (sim, isso é uma palavra...) se a linguagem errada for usada. Eu gosto da abordagem educacional da IMPACT, onde eles desafiam os visitantes a aprender o que a empresa faz antes de incentivá-los a tomar qualquer outra ação. Esse call-to-action é especialmente intrigante para mim porque eles nem usam um verbo de ação, mas ainda conseguem atrair as pessoas a clicar.

Como replicar este CTA

Incentive os visitantes a saber mais sobre sua empresa usando uma linguagem em seu CTA que os convença a ver o que você faz. Use algo como “veja nossos projetos anteriores”, “o que fazemos” ou “veja nosso trabalho”.

18. Huemor

CTA: Iniciar (Não pressione)

CTA Example: Huemor

Fonte da imagem

Se você fosse a um site e visse um CTA de “Lançamento” acompanhado da cópia “Do Not Press”… o que você faria? Sejamos honestos: você estaria morrendo de vontade de pressioná-lo. O uso de psicologia reversa inofensiva aqui é divertido, o que está muito de acordo com a voz da marca de Huemor.

Como replicar este CTA

Se sua marca é mais lúdica ou na indústria criativa, você pode usar isso a seu favor em um CTA usando gamificação ou psicologia reversa como o exemplo de Huemor.

19. Correndo Brooks

CTA: Saiba quando tivermos mais

Exemplo de CTA: disponibilidade de produtos de tênis Brooks Running

Fonte da imagem

Quantas vezes você buscou ardentemente um produto que ama, apenas para descobrir que está esgotado? Bem, como você deve saber, também não é um piquenique para o vendedor. Mas só porque você ficou sem um item não significa que você deve parar de promovê-lo.

A Brooks Running usa uma chamada à ação inteligente para garantir que seus clientes não saiam do site apenas porque seu tênis favorito está esgotado. Na captura de tela acima, você pode ver Brooks divulgando um sapato de aparência incrível com o CTA, “Descubra quando tivermos mais”. Adoro como esse botão transforma más notícias em uma oportunidade de reter clientes. Sem ele, os clientes de Brooks provavelmente esqueceriam o sapato e procurariam em outro lugar.

Quando você clica no botão azul de CTA mostrado abaixo, Brooks direciona você para uma página com um código simples que você pode enviar para a empresa. Esse código avisa Brooks para alertar automaticamente o visitante quando o sapato desejado estiver disponível novamente.

Como replicar este CTA

Para empresas de comércio eletrônico, enviar clientes para uma página que informa que o item está esgotado pode ser um desligamento para os clientes e fazer com que eles devolvam. Considere adicionar um CTA que diga “avise-me quando reabastecido” ou “descubra quando tivermos mais” para mantê-los engajados e obter suas informações de e-mail.

20. Condado de Humboldt

CTA: Siga a Magia

CTA example: Humboldt County

Fonte da imagem

O site do Condado de Humboldt é lindo por si só: recebe você com um vídeo em tela cheia com imagens surpreendentemente belas. Mas o que eu realmente amo é o botão de call-to-action não convencional colocado na parte inferior central, que apresenta um ícone de coelho e as palavras “Follow the Magic”.

Ele aumenta o tipo de sensação fantástica da filmagem, fazendo você se sentir como se estivesse prestes a entrar em um conto de fadas.

Além disso, uma vez que você clica nesse CTA, o site se transforma em uma espécie de jogo de escolha sua própria aventura, que é um caminho divertido de call to action para os usuários e os incentiva a passar mais tempo no site.

CTA example: Humboldt County adventure

Fonte da imagem

Como replicar este CTA

Ótimo para empresas de viagens e empresas criativas, CTAs como o leitor de atração de Humbolt. Se sua marca tiver alguma margem criativa, use-a. Você pode tentar uma frase como “encontre sua próxima aventura” ou “planeje sua viagem”.

21. Uber

CTA: Inscreva-se para dirigir | Comece a andar com a Uber

Exemplos de CTA: Uber

Fonte da imagem

A Uber está procurando dois tipos muito distintos de pessoas para se inscrever em seu site: passageiros e motoristas. Ambas as personas estão procurando por coisas totalmente diferentes e, no entanto, o site as une muito bem com o grande vídeo em segundo plano mostrando os passageiros e motoristas do Uber se divertindo em locais de todo o mundo.

Também adoro a cópia do CTA do motorista no topo: não fica muito mais direto do que “Ganhar dinheiro dirigindo seu carro”. Agora isso é falar a língua das pessoas.

Como replicar este CTA

Segmentar dois tipos de clientes? Você pode criar CTAs para cada uma de suas personas de maneira semelhante ao Uber.

22. Spotify

CTA: Torne-se Premium | Jogue de graça

Exemplo de CTA: Spotify

Fonte da imagem

Assim que você acessa a página inicial do Spotify, fica bem claro que o principal objetivo deles é atrair clientes dispostos a pagar por uma conta premium, enquanto o CTA para os usuários se inscreverem gratuitamente é muito secundário.

Não é apenas o título que revela isso; é também a coloração de seus botões de CTA. O CTA “Go Premium” é verde limão, fazendo com que saia da página, enquanto o CTA “Play Free” é branco e combina com o restante da cópia na página. Esse contraste garante que os visitantes sejam atraídos para o CTA premium.

Como replicar este CTA

Se você oferece uma versão paga e gratuita de um serviço, considere usar dois CTAs separados, escolhendo uma cor que se destaque para a opção paga em vez de algo mais discreto para a versão gratuita.

23. Ugmonk

CTA: Envie-me os cupons | Não estou interessado

CTA example: Ugmonk

Fonte da imagem

CTAs de saída, também conhecidos como pop-ups de intenção de saída, são diferentes dos pop-ups normais. Eles detectam o comportamento de seus usuários e só aparecem quando parece que eles estão prestes a sair do seu site. Ao intervir em tempo hábil, esses pop-ups servem como uma maneira fantástica de chamar a atenção do seu leitor, oferecendo-lhe um motivo para ficar.

O Ugmonk tem um ótimo CTA de saída, oferecendo duas opções para os usuários como um apelo final antes de saírem do site. Primeiro, eles oferecem um desconto de 15% em seus produtos, seguido de duas opções: “Sim, por favor: envie-me o cupom” e “Não, obrigado: não estou interessado”. É super útil que cada CTA esclareça o que “Sim” e “Não” realmente significam, e eu também gosto que eles não usem linguagem de culpa como “Não, obrigado: eu odeio a natureza” como eu vi em outros sites. Por fim, observe que o botão “Sim, por favor” é muito mais brilhante e convidativo em cores do que a outra opção.

Como replicar este CTA

CTAs de intenção de saída são extremamente úteis para o comércio eletrônico. Você pode oferecer um desconto em serviços ou algo de valor para atrair os visitantes a converter.

24. Pinterest

CTA: Continuar com o Facebook | Inscrever-se

CTA example: Pinterest signup call to action button

Fonte da imagem

Quer se inscrever no Pinterest? Você tem algumas opções: inscreva-se via Facebook ou via e-mail. Se você tem uma conta no Facebook, o Pinterest quer que você faça isso primeiro. Como eu sei? Esteticamente, eu sei porque o CTA azul do Facebook vem em primeiro lugar e é muito mais proeminente, colorido e reconhecível devido ao logotipo e à cor da marca. Logicamente, eu sei porque se você fizer login pelo Facebook, o Pinterest pode obter os dados da API do Facebook e obter mais informações sobre você do que se você fizer login pelo seu endereço de e-mail.

Embora esta página inicial seja otimizada para atrair novos membros, você notará um CTA muito sutil para pessoas com contas do Pinterest fazerem login no canto superior direito.

Como replicar este CTA

Permita que os usuários se inscrevam no Facebook ou Google em seu CTA. Isso economiza o tempo de inscrição dos visitantes e você poderá obter mais informações sobre eles.

25. Madewell

CTA: Leve-me lá | Qual é o próximo?

Exemplo de CTA: Madewell

Fonte da imagem

Madewell (de propriedade da J.Crew) sempre teve um design de site de destaque, levando o que poderia ser um site de comércio eletrônico típico para o próximo nível. O uso de CTAs em sua página inicial não é exceção.

Quando você chega à página pela primeira vez, é recebido com o título “Estou procurando …” seguido por uma categoria, como “Roupas que vão para qualquer lugar”. Abaixo desta cópia estão duas opções: “Sim, leve-me lá” ou “Hmm… o que vem a seguir?” O usuário pode escolher entre os dois CTAs para procurar roupas que são boas para viajar, ou ser levado para o próximo tipo de roupa, onde poderá jogar novamente.

Essa gamificação é uma ótima maneira de tornar seu site mais interessante para os usuários que o acessam sem ter uma ideia específica de onde desejam procurar.

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 | Get it on Google Play

CTA example: Instagram

Fonte da imagem

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 | Dê um presente

CTA example: Barkbox

Fonte da imagem

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 | Ver produtos

CTA example: t.c. pharma

Fonte da imagem

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 | Se inscrever

CTA example: General Assembly

Fonte da imagem

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

CTA examples: Charity Water

Fonte da imagem

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 | Carros | Pacotes

CTA example: Hipmunk

Fonte da imagem

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! | Não, obrigado

CTA example: MakeMyPersona

Fonte da imagem

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 | Experimentar gratuitamente

CTA example: TeuxDeux

Fonte da imagem

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

É isso.

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

CTA example: Betabrand

Fonte da imagem

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.

Como replicar este CTA

Incentive a participação do visitante usando um CTA do tipo votação ou pesquisa, quando apropriado. Isso ajuda os clientes a desenvolver um relacionamento pessoal com a marca, porque eles estão contribuindo para o processo de tomada de decisão.

35. Fábulas

CTA: Edição Limitada

Exemplo de CTA: Fabletics

Fonte da imagem

Este CTA da Fabletics usa várias táticas de marketing: escassez e férias.

Na página inicial, a marca anuncia uma coleção de edição limitada vinculada a um feriado (Dia das Mães).

Além disso, o CTA usa uma cor brilhante para que o CTA se destaque na página inicial simples.

Como replicar este CTA

Combine tipos de CTA quando fizer sentido. Por exemplo, você pode usar a escassez com uma promoção por tempo limitado para uma grande inauguração, feriado ou para comemorar o lançamento de um novo produto.

36. Ashley Stewart

CTA: compre o Lookbook

Exemplo de CTA: Ashley Stewart

Fonte da imagem

Ashley Stewart é uma marca de roupas voltada para mulheres plus size. Neste CTA, a empresa usa um design divertido para atrair os visitantes do site. Toda a colagem de imagens parece um rolo de câmera dos bastidores, o que é interessante de se ver.

Além disso, a cópia do CTA é direta ao ponto, o que é útil para os visitantes que desejam navegar.

Como replicar este CTA

Às vezes, curto e doce é a melhor abordagem. Use seus CTAs para ir direto ao ponto e conseguir o que os visitantes querem. Você pode usar algo como “compre este visual” ou “faça o download do guia agora”.

37. Amazon Music

CTA: 3 meses grátis

Exemplo de CTA: Amazon Music

Fonte da imagem

Este é um ótimo exemplo de vários dos elementos sobre os quais falamos em um CTA.

A Amazon usa dois CTAs estrategicamente posicionados, com design colorido e simples, e oferece o produto gratuitamente.

Com este CTA, a Amazon está promovendo um de seus próprios produtos e serviços em sua página inicial, em vez de outros produtos listados para venda no site.

A única mensagem que eles querem passar? Que você pode experimentar o produto deles, o Amazon Music, gratuitamente por três meses inteiros. Este CTA atinge esse objetivo com um design simples.

Como replicar este CTA

Oferecendo um teste gratuito? Divulgue usando um CTA proeminente que aparece e eliminando recursos desnecessários que desordenam a página de destino.

38. Barnes and Noble

CTA: Compre agora

Exemplo de CTA: barnes e nobre

Fonte da imagem

A Barnes and Noble usa um CTA simples para atrair visitantes para comprar uma coleção limitada durante o feriado do Dia das Mães.

Eu gosto deste CTA porque o design da página de destino é muito coeso com a marca da empresa como um todo.

Além disso, os gráficos e as fontes são interessantes e combinam com a mensagem da marca.

Como replicar este CTA

Crie uma aparência coesa que atraia seu público e se alinhe com a voz da sua marca. Brinque com fontes e cores que se complementam e são agradáveis ​​aos olhos. Mantenha o CTA simples com um botão “compre agora” ou “baixe agora”.

39. Folga

CTA: Saiba mais | Contate-nos

exemplo de folga

Fonte da imagem

O Slack usa um design bonito e simples em sua página inicial para atrair os visitantes a clicar em um dos dois botões de CTA.

Eu gosto deste exemplo porque o Slack tem dois botões de CTA para dois públicos diferentes. Se você está apenas começando sua pesquisa, pode clicar em “Saiba mais”. No entanto, se você é um visitante recorrente e sabe que deseja falar com um vendedor, pode clicar em “Fale Conosco”.

Este é um ótimo exemplo de atendimento a dois públicos com seus CTAs em sua página inicial.

Como replicar este CTA

Atenda a dois públicos com CTAs separados na mesma página de destino. Você pode distingui-los usando cores para contrastar os dois botões ou chamar mais atenção para a escolha desejada.

40. Nintendo

CTA: Comparar recursos

Exemplo de CTA: Nintendo

Fonte da imagem

No site da Nintendo, a empresa está focada em responder a quaisquer perguntas que um visitante possa ter.

Na verdade, um dos principais CTAs é “Compare Features”. Com este CTA, a Nintendo responde a uma de suas perguntas mais populares porque entende que muitos visitantes ainda estão fazendo suas pesquisas antes de comprar um produto.

Como replicar este CTA

Tem vários preços ou opções de recursos? Considere usar um CTA que ajude os usuários a comparar suas escolhas para que possam tomar uma decisão mais informada.

Crie seus próprios CTAs

Aí está. Agora você pode ver o quão importante alguns pequenos ajustes de CTA podem ser. Inspire-se nos exemplos acima e crie CTAs que convertem.

Divulgação completa: não temos dados para saber se todos são cientificamente bem-sucedidos, mas todos esses exemplos seguem nossas melhores práticas. Se você decidir recriar esses CTAs em seu site, lembre-se de testar para ver se eles funcionam para seu público.

Nota do editor: Este post foi publicado originalmente em junho de 2014 e foi atualizado para maior abrangência.

Nova chamada para ação