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

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

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.

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.

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

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.

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

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”.
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!

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

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

 
Originalmente publicado 10/06/2019 08:10:00, atualizado Junho 25 2020
Temas:
Estratégias de Marketing
Gostou deste artigo? Não esqueça de compartilhar.
Artigos relacionados