Pense nas vezes em que você se inscreveu em alguma coisa na vida. Já baixou o Evernote? Dropbox? Spotify? Talvez tenha feito uma aula na General Assembly.

Cada inscrição que você fez provavelmente foi o resultado de um call to action (CTA).

É muito importante guiar seus visitantes pela jornada do comprador com CTAs estratégicos.

Pense: se o texto ou o design dos CTAs em que você clicou não fossem tão eloquentes, provavelmente você usaria menos apps e sites do que usa hoje.

Download Now: 28 Free CTA Templates

Veja algumas ações que um público pode ser chamado a realizar:

Inscreva-se.

Neste tipo de CTA, o público pode estar sendo convidado para se inscrever em uma versão de teste, um curso online, um evento ou até um software. Tudo depende do contexto do CTA em um anúncio ou site.

Assine.

Esse CTA não compromete o usuário com a compra. Em vez disso, o convida a receber notícias da empresa. Os CTAs de “Assine” são comuns em blogs que tentam construir uma base de leitores.

Experimente grátis.

Quase todos os sites de empresas têm uma versão de teste hoje em dia. Os CTAs desse tipo permitem que as pessoas acessem uma versão de teste do produto antes de decidir se vale a pena comprá-lo.

Comece.

Esse CTA pode conduzir a uma série de comportamentos, de uma versão de teste até uma experiência de realidade virtual.

Saiba mais.

Às vezes, você só quer dar aos seus clientes um pouco mais de informação para que eles estejam preparados para comprar algo. É para isso que serve o CTA.

Participe.

Você administra uma comunidade online? Seu produto é criado com a colaboração entre usuários? É provável que você tenha um CTA “Participe” em seu site.

Saiba mais sobre os propósitos dos CTAs neste post de blog.

Esses tipos de CTA servem a um propósito específico, mas não se esqueça de que o texto pode variar. E hoje em dia, os profissionais de marketing já criaram formas criativas específicas para gerar leads.

Para ajudar você a identificar o que é eficaz e o que não é, listamos 31 exemplos de CTAs de sucesso. Eles estão divididos em três categorias:

  • CTAs simples e eficazes
  • CTAs com frases boas
  • CTAs que têm vários botões em uma página

 

Exemplos de CTAs simples e eficazes

1. Evernote

Botão de CTA: Inscreva-se

“Lembre-se de tudo”. Os visitantes entendem a mensagem assim que entram na página. O design do site do Evernote ajuda os usuários a ver os benefícios de usar o app e como se inscrever. Além disso, a cor verde dos botões de CTA principal e secundário é a mesma do título e do logotipo do Evernote, chamando a atenção.

Exemplo do Evernote

2. Dropbox

Botão de CTA: Inscreva-se gratuitamente

O Dropbox sempre confiou em um design simples com bastante espaço em negativo. Até mesmo os gráficos de sua página são sutis e simples.

Graças a esse design simples e ao espaço negativo, o botão “Inscreva-se gratuitamente” chama a atenção. Já que o CTA e o logotipo do Dropbox são da mesma cor, fica fácil para o visitante interpretar esse CTA como um “Inscreva-se no Dropbox”. Esse é um exemplo de CTA eficaz.

Exemplo do Dropbox

3. OfficeVibe

Botão de CTA: Assine

Veja um CTA que desliza que chamou a atenção. Ao descer lendo um post no blog, um banner deslizou do rodapé da página com um CTA para assinar o blog. A melhor parte? O texto do banner me disse que eu receberia dicas sobre como melhorar minhas habilidades gerenciais e o post em que ele aparecia era sobre esse assunto. Em outras palavras, a oferta era de algo no qual eu já tinha mostrado interesse.

Exemplo do OfficeVibe

Além disso, eu gosto que esses CTAs são discretos, diferente do que minha colega Rachel Sprung chama de “CTA pare tudo e clique aqui”. Acho que a experiência desses CTAs é mais agradável porque eles oferecem mais informações e ainda permitem que eu continue a ler o post.

4. Netflix

Botão de CTA: “Assista grátis por 30 dias”

Sabe qual é um dos maiores medos que os usuários têm na hora de se inscrever? Que seja difícil cancelar caso eles não gostem do produto. A Netflix resolve esse problema com o texto de “Cancele quando quiser” logo acima do CTA. Eu imagino que só essa informação já deve ter aumentado as inscrições. Além disso, você observará que a cor vermelha dos CTAs principal e secundário são a cor do logotipo da empresa.

Exemplo da Netflix

5. Square

Botão de CTA: Comece

Para ter um design de CTA eficaz, é importante considerar mais do que só o botão. É preciso levar em conta elementos como cor de fundo, imagens e textos em volta.

Com isso em mente, o pessoal da Square usou uma única imagem para mostrar como é fácil usar seu produto e lá o botão “Comece agora” espera o clique do usuário. Se você olhar mais de perto, a cor do cartão de crédito da imagem e a cor do botão são a mesma, o que ajuda o leitor a ligar os pontos do que esperar se/quando clicar.

Exemplo da Square

6. Prezi

Botão de CTA: Experimente a Prezi

O pessoal da Prezi também curte um design minimalista no site. Além do dinossauro verde e do café marrom, a única cor que se vê nesse design quase todo preto e branco é um azul brilhante: o mesmo do logotipo principal. Ele está colocado de forma estratégica na página inicial: no CTA principal “Experimente a Prezi” e no secundário “Comece agora”. Ambos levam o usuário à mesma página de preços.

Exemplo da Prezi

7. Full Bundle

Botão de CTA: Nosso trabalho

A Full Bundle é mais uma empresa que usa espaço negativo para valorizar o CTA principal. O CTA “Nosso trabalho” em branco chama atenção no fundo em tons de cinza. A escolha do CTA também é estratégica. Considerando que eles existem para aprimorar a presença online dos clientes, é importante mostrar seu trabalho e é isso que a maioria das pessoas procura em seu site.

Exemplo da Full Bundle

8. Panthera

Botão de CTA: Participe

Os profissionais da Panthera estão procurando usuários que adorem felinos selvagens e querem reunir um grupo de pessoas com esse motivo em comum. Adoramos o jeito como eles falam com os amantes dos felinos. “Participe do movimento hoje.” A página em si é muito simples: um formulário na página com dois campos simples e um botão chamando o usuário (de novo): “Participe”.

Exemplo da Panthera

CTAs com frases criativas

9. EPIC

Frase do CTA: “Vamos fazer um projeto juntos”

O pessoal da agência EPIC usa seu site principalmente para mostrar seus trabalhos. Quando você abre a página, já vê alguns vídeos de animação com os trabalhos que eles fizeram em um carrossel. Embora o usuário possa clicar em vários outros locais do site, o CTA principal se destaca e sempre contrasta com o vídeo que está sendo exibido ao fundo.

Adoro que ele tem uma linguagem amigável e inclusiva. “Vamos fazer um projeto juntos” é uma dica para o usuário que procura uma parceria criativa de que eles são uma equipe boa para isso.

Exemplo da EPIC

10. Aquaspresso

Frase do CTA: “Mande novidades especiais agora”

O objetivo de um CTA é direcionar o visitante do seu site para uma ação desejada sua. E os melhores fazem isso de uma forma que ainda é útil para o visitante. O pessoal da empresa de café Aquaspresso entendeu bem esse equilíbrio com o CTA pop-up na página principal do blog.

A ação desejada aqui é que o leitor veja o que o site está vendendo (e compre). Eles poderiam ter feito isso de muitas formas, por exemplo colocando um CTA que pede que as pessoas “Vejam nossos produtos mais populares” ou algo direto assim. Mas adoramos o que eles fizeram. O CTA oferece ao usuário do blog algo muito mais útil e sutil: uma oferta dos especiais do dia em troca do endereço de e-mail dele.

Acrescentar que os especiais são do dia é um ótimo exemplo de psicologia da escassez, que nos faz dar mais valor às coisas que consideramos escassas. O medo de que os especiais de hoje sejam melhores do que os de amanhã faz com que as pessoas peçam a oferta logo.

Exemplo da Aquaspresso

(O CTA acima foi criado usando uma ferramenta de conversão grátis da HubSpot. Clique aqui para saber como criar CTAs assim de modo fácil com essa ferramenta.)

11. QuickSprout

Frase do CTA: “Está fazendo seu SEO errado? Digite seu URL para descobrir”.

Ninguém quer estar errado. É por isso que um botão de CTA como o banner da QuickSprout chama tanta atenção. Ele pergunta para o leitor se ele está fazendo o SEO errado. Será que estou? Só preciso inserir meu URL para saber. Parece fácil. Uma linguagem assim estimula muito o visitante a clicar.

Além disso, ter o CTA chegando no meio do post do blog é uma ótima tática para pegar o leitor antes que ele saia da página. É comum que muitos blogs tenham CTAs na parte de baixo de cada post do blog, mas as pesquisas mostram que a maioria dos leitores só leem 60% de cada artigo. (Clique aqui para saber como adicionar aos seus posts CTAs que deslizam.)

Exemplo da QuickSprout

12. Grey Goose

Frase do CTA: “Conheça um drink feito para você”

Esse é um CTA divertido e único que leva as pessoas a clicar. O visitante do site provavelmente espera ser levado a uma página de produto ou informativo para a imprensa, mas o CTA deles é uma surpresa agradável. As pessoas amam personalização, e esse CTA é um jogo muito interessante. O botão de play ao lado do texto dá a dica de que haverá um vídeo para o visitante ter uma ideia do que esperar.

Exemplo da Grey Goose

13. Treehouse

Frase do CTA: “Pegue seu teste grátis”

Vários sites de empresas oferecem aos usuários a oportunidade de fazer um teste grátis. Mas o CTA do site da Treehouse não diz somente “Comece um teste grátis”, diz “Pegue seu teste grátis”.

A diferença parece sutil, mas pense em como é mais pessoal dizer “Pegue o seu teste ”. Além disso, a palavra “pegar” sugere que ele pode não estar disponível para sempre e dá uma ideia de urgência, de pegar o teste enquanto ainda dá tempo.

Exemplo da Treehouse

14. OKCupid

Frase do CTA: “Continue”

O CTA do OKCupid não parece tão impressionante em um primeiro momento, mas sua riqueza está nos detalhes.

O botão, que é verde brilhante e se destaca no fundo azul escuro diz “Continue”. A simplicidade do termo faz o visitante pensar que o processo será curto e casual. Para mim, esse CTA dá a entender que “estou em um jogo legal” em vez de preenchendo um formulário chato. E tudo isso é por causa do texto.

Exemplo do OKCupid

15. Blogging.org

Frase do CTA: Timer

Nada como o tempo acabando para fazer alguém realizar uma ação. Depois de passar um tempo curto na página inicial do blogging.org, os novos visitantes são recebidos com um CTA pop-up com uma mensagem de “Oferta por tempo limitado” acompanhada por timer de 2 minutos.

Assim como o exemplo do Aquaspresso (número 10), esse é um uso clássico de psicologia da escassez, que nos faz dar mais valor às coisas que consideramos escassas. Limitar o tempo que as pessoas têm para preencher um formulário faz com que elas queiram fazer isso enquanto ainda podem.

Mas quer saber o que acontece quando o timer chega a zero? Eu também quis. E não acontece nada. O CTA pop-up continua na página quando o timer chega a zero.

Exemplo do blogging.org

16. IMPACT Branding & Design

Frase do CTA: “O que fazemos”

Os CTAs podem parecer insistentes e com cara de vendas se usarmos as palavras erradas. Gosto muito do caráter educativo da IMPACT de convidar o visitante a saber mais sobre a empresa antes de pedir que ele faça qualquer outra coisa. Esse CTA é interessante porque não tem nem um verbo no imperativo, mas ainda convence as pessoas a clicar.

Exemplo da Impact Branding & Design

17. Huemor

Frase do CTA: “Carregar (Não aperte)”

Se você abrisse um site e visse um botão “Carregar (Não aperte)”, o que você faria? Com toda a sinceridade, é claro que você apertaria. O uso da psicologia reversa é divertido, em linha com a voz da marca Huemor.

Exemplo da Huemor

18. Brooks Running

Frase do CTA: “Saiba quando chega mais”

Quantas vezes você procurou um produto e viu que estava esgotado? Esse assunto não é tranquilo para quem vende também. Mas não é porque um produto está em falta que você não deve promovê-lo.

A Brooks Running usou um CTA inteligente para garantir que os clientes não saiam do site quando virem que um sapato que querem está em falta. Na captura de tela abaixo, você pode ver um sapato chique com o CTA “Saiba quando chega mais”. Adoro esse botão porque ele transforma uma notícia ruim em uma oportunidade para retenção do cliente. Sem ele, o cliente provavelmente se esqueceria do sapato ou o procuraria em outro lugar.

Quando você clica no botão azul, a Brooks direciona você para uma página com um código simples para você enviar uma mensagem para a empresa. Com isso, a empresa enviará um alerta automático quando o produto estiver disponível novamente.

CTA da Brooks Running

19. Humboldt County

Frase do CTA: “Siga a magia”

O site de Humboldt County é lindo por si só. Ele recebe o visitante com um vídeo fascinante em tela cheia. Mas o que eu mais adoro é o CTA não convencional na parte de baixo da tela, com um coelhinho e o texto “Siga a magia”.

O botão incentiva o efeito fantástico do vídeo dando a entender que você está prestes a entrar em um conto de fadas.

CTA de Humboldt County

E não é só isso. Quando você clica no CTA, o site inicia um jogo daqueles em que você escolhe a sua aventura, o que é um caminho muito interessante para os usuários e os incentiva a passar mais tempo no site.

humboldt-choose-adventure-cta.png

Como usar diversos botões de CTA ao mesmo tempo

20. Uber

Botões de CTA: Cadastre-se para dirigir | Dirija com a Uber

A Uber busca dois tipos de pessoas em seu site: usuários e motoristas. Essas duas personas estão buscando coisas muito diferentes e o site consegue unir as duas coisas muito bem com um grande vídeo de fundo mostrando usuários e motoristas se divertindo em diversos locais do mundo.

Adoro o texto do CTA dos motoristas também. Mais direto do que “Ganhe dinheiro dirigindo” não tem como ser. Um belo exemplo de como falar a língua dos clientes.

Botões duplos de CTA da Uber

21. Spotify

Botões de CTA: Seja Premium | Experimente o Free

Quando você chega à página inicial do Spotify, fica muito claro que seu principal objetivo é atrair clientes que queiram uma conta premium. O CTA para os usuários gratuitos é secundário.

Não é só o título que deixa isso claro, mas também a cor dos botões. O CTA “Seja Premium” é verde limão e se destaca na página, enquanto o “Experimente o Free” fica mais camuflado no resto do ambiente. O contraste leva o usuário a se atrair mais pelo botão do Premium.

Botões do Spotify

22. Ugmonk

Botões de CTA: Quero cupons | Não quero

CTAs de saída, também conhecidos como pop-up de intenção de saída são diferentes dos pop-ups normais. Eles detectam o comportamento do usuário e só são exibidos quando parece que ele está prestes a sair do site. Ao intervir no momento certo, esses pop-ups são fantásticos para chamar a atenção do leitor e dar a ele uma razão para ficar.

A Ugmonk tem um excelente CTA de saída com duas opções para os usuários que funcionam como um último argumento antes de eles saírem do site. Primeiro, eles oferecem um desconto de 15% sobre seus produtos, com duas opções: “Sim, por favor. Quero os cupons” e “Não, obrigado. Não tenho interesse”. É muito útil que cada CTA deixe claro o que significa o sim e o não e é muito interessante também eles não utilizarem a linguagem da culpa como “Não. Detesto natureza.” como já vi em outros sites. E, por fim, observe que o botão “Sim, por favor” é muito mais brilhante e convidativo em termos de cor do que a outra opção.

Botões da Ugmonk

23. Pinterest

Botões de CTA: Continuar com o Facebook | Criar uma conta

Quer se inscrever no Pinterest? Existem duas opções: pelo Facebook ou com seu e-mail. Se você tiver uma conta do Facebook, o Pinterest prefere que você a use. Como eu sei disso? Esteticamente, dá para perceber por que o CTA do Facebook vem antes e chama muito mais atenção por conta da cor e do logotipo da marca. É claro que, se você entrar com o Facebook, o Pinterest poderá acessar os dados da API da rede e terá muito mais informações a seu respeito do que só com o seu endereço de e-mail.

Embora essa página inicial seja otimizada para trazer novos membros, você verá um CTA bem sutil para quem já tem conta no Pinterest se fizer login na parte de cima.

Botão de inscrição do Pinterest

24. Madewell

Botões de CTA: Me leve lá | E agora?

A Madewell (de J. Crew) sempre teve um design interessante no site, elevando o nível do que seria um site comum de comércio eletrônico. E o jeito que tratam os CTA deixa isso bem claro.

Quando você chega na página, vê um título que diz “Eu estou procurando...” seguido de uma categoria como “Roupas para qualquer ocasião”. Abaixo deste texto, existem duas opções: “Sim, quero ver” ou “Humm... E depois?”. O usuário pode escolher entre dois CTAs para olhar as roupas boas para viagens ou ver o próximo tipo de roupa, onde poderá fazer isso de novo.

Essa gamificação é um jeito muito legal de deixar seu site interessante para os usuários que chegam sem saber exatamente o que querem.

Botões da Madewell

25. Instagram

Botões de CTA: Baixar na App Store | Disponível no Google Play

Como o Instagram é praticamente um aplicativo para dispositivos móveis, você verá dois CTAs pretos do mesmo tamanho: um para baixar na App Store e o outro para baixar no Google Play. Esses CTAs são iguais porque não importa se a pessoa baixa na App Store ou no Google Play, um download é um download e é esse o objetivo do Instagram. Se você já tiver o Instagram, também poderá clicar no CTA para “Entrar”.

Botões de inscrição no Instagram

26. Barkbox

Botões de CTA: Comece agora | Dê um presente

Os dois CTAs da página inicial do Barkbox mostram que a equipe conhece bem os clientes. Enquanto muitas pessoas que visitam o site estão se inscrevendo para consumo próprio, muitas outras também querem comprar o produto como presente. Para dar a essas pessoas uma forma fácil de comprar, existem dois CTAs de tamanho igual na página: “Comece agora” e “Dê um presente”.

Para melhorar, ainda existe um CTA adorável na parte direita da tela que leva o usuário a deixar uma mensagem se quiser. Ao clicar nele, uma pequena janela pop-up aparece com o texto: “Au, au. Nossa matilha não está online. Deixe uma mensagem e chegaremos assim que possível com uma patinha amiga”. Uma graça!

Botões da Barkbox

27. t.c. pharma

Botões de CTA: Saiba mais | Veja os produtos

Talvez você não saiba, mas a Red Bull é uma empresa subsidiária da tailandesa t.c. pharma, uma empresa que faz energéticos famosos, isotônicos e drinks e snacks funcionais.

A página inicial da empresa tem dois botões do mesmo tamanho: “Saiba mais” e “Veja os produtos”. Mas é muito claro pelo amarelo brilhante do primeiro botão que eles preferem que o usuário clique em “Saiba mais”.

Botões de CTA da t.c. pharma

28. General Assembly

Botões de CTA: Ver cursos integrais | Assinar

No site da General Assembly, você verá CTAs para diversos cursos que poderão chamar sua atenção. Mas eu gostaria de falar do CTA que desliza do rodapé da página e sugere que você se inscreva para receber atualizações por e-mail.

Embora ele pareça um CTA secundário por conta da localização e do jeito, acredito que tentaram transformá-lo em um CTA principal porque é muito mais colorido e notável do que os CTAs para cursos individuais. Quando você criar seus CTAs, use cores marcantes, mesmo que elas contrastem com seu estilo, para ver se captam a atenção do público. (Clique aqui para ver um tutorial sobre como adicionar CTAs deslizantes à sua página.)

Botão de assinar da General Assembly

29. charity: water

Botões de CTA: Doar com cartão de crédito | Doar com PayPal

O principal objetivo da charity: water é recolher doações para água potável, mas é claro que cada doador vai querer pagar de um jeito.

Os CTAs da página deles têm uma abordagem única na hora de oferecer formas de pagamento preenchendo um formulário de linha única automaticamente com US$ 60 e incluindo dois CTAs de igual importância para pagar com cartão de crédito ou PayPal. Veja como os CTAs são do mesmo tamanho e design. É porque não importa muito como você doa, desde que você doe.

Botão de doação da charity: water

30. Hipmunk

Botões de CTA: Voos | Hotéis | Carros | Pacotes

No site da Hipmunk, a opção principal é a pesquisa de voos. Mas observe que existem quatro abas para você navegar: voos, hotéis, carros e pacotes.

Ao clicar em uma dessas opções, o formulário muda para que você possa inserir as informações necessárias. Para que você tenha certeza absoluta do que quer procurar, a Hipmunk colocou um CTA laranja brilhante no canto superior direito do formulário. Neste CTA, você verá um ícone reconhecível de um avião ao lado da palavra “Pesquisar” para você ter certeza de que está pesquisando voos e não hotéis. Quando você estiver na aba de hotéis, o ícone muda para um ícone de hotel. O mesmo acontece com carros e pacotes.

CTA de formulário de reserva de voos e hotel da Hipmunk

31. MakeMyPersona

Botões de CTA: Pegue o modelo! | Agradeço, mas agora não

Veja mais um exemplo de um pop-up com diversos CTAs, mas perceba que o tamanho, a cor e o design das duas opções são muito diferentes. Nesse caso, o pessoal do MakeMyPersona fez o CTA “Pegue o modelo!” muito mais atraente e clicável do que o “Agradeço, mas agora não”, que nem parece um botão.

Também gosto de como a opção “não” é educada. Gosto muito mais das marcas que não usam o recurso da culpa.

Botão da MakeMyPersona

Prontinho! Acho que agora ficou mais clara a importância dos detalhes do CTA.

A grande revelação: não temos dados para saber o sucesso desses exemplos, mas todos eles estão em linha com as nossas práticas recomendadas. Se você decidir recriar esses CTAs em nosso site, lembre-se de testar para ver se eles funcionam para o seu público.

New Call to action

 New Call-to-action

Originalmente publicado 10/06/2019 08:10:00, atualizado Julho 31 2019

Temas:

Estratégias de Marketing