Call-to-Action:

O Guia Completo
Como criar textos, banners e botes que chamam a ateno
para sua oferta e orientam os seus clientes converso
Marketing Digital de resultado
para Mdias e Pequenas Empresas
2
Call-to-Action: O Guia Completo
O que so calls-to-action e qual o seu papel

De forma literal, call-to-action poderia ser traduzido como

chamada para a ao. Apesar de fcar um pouco estranho no
portugus, um termo que refete bem seu papel.

Sempre temos aes em nossos sites que gostaramos que os

visitantes realizassem. Essas aes acabam variando de negcio
para negcio, mas servem como exemplos:

Visitar um pgina especfca;

Comprar um produto;

Entrar em contato;

Assinar uma newseltter;

Pedir um oramento;

Fazer o download de um material;

Fazer o download de um software;

Realizar um cadastro;

Pedir trial ou demo de um produto.

O papel do call-to-action (CTA) exatamente chamar o visitante

para realizar essas aes. Para isso os CTAs costumam tomar a
forma de botes, banners ou mesmo links em texto. Porm, no
se limitam a isso. Frases em texto simples em um material
impresso ou falas em um vdeo, por exemplo, desde que
incentivem uma ao, tambm so calls-to-action.
3
Tornando os conceitos em algo mais prtico, veja dois exemplos
de calls-to-action no nosso site:
Esse banner um call-to-action encontrado ao fnal de nossos
posts e tem o objetivo de levar o visitante at a Landing Page
do nosso eBook.

J na Landing Page, o objetivo que o visitante efetivamente

realize o download. Por isso l temos mais um call-to-action,
dessa vez no formato de boto com o texto Baixar eBook:
Call-to-Action: O Guia Completo
4
Resumindo toda a
conversa:
calls-to-action servem
para indicar o prximo
passo que sua empresa
quer que o visitante
realize.
Call-to-Action: O Guia Completo
3
Onde devem ser colocados

Toda pgina no seu site tem (ou deveria ter) um objetivo, o que
facilita a nossa resposta: calls-to-action devem estar em todas as
pginas.

Com frequncia vemos blogs esquecendo de usar essa tcnica em

posts ou pginas de produtos ou servios sem um call-to-action
bem defnido. Dessa forma acabam deixando de aproveitar diversas
oportunidades de negcio.

A grande questo aqui identifcar quais calls-to-action devem

estar em cada lugar.

preciso pensar em chamadas para os diferentes momentos de

compra. Em um blog costumam funcionar bem ofertas de materiais
educativos sobre o tema do post.

Ofertas de uma demonstrao de um produto podem estar na

prpria pgina do produto ou, por exemplo, em uma newsletter
para prospects que j esto em contato com sua empresa h
bastante tempo.

Outro ponto importante que no preciso se limitar ao seu site.

Calls-to-action tambm podem estar nos pdfs da sua empresa, nas
assinaturas de emails, nas mdias sociais, em vdeos, materiais
impressos e onde mais for possvel comunicar.
Call-to-Action: O Guia Completo
6
Calls-to-action no processo de converso

Em nosso Webinar Como criar Landing Pages efetivas falamos um

pouco sobre o AIDA, acrnimo de um famoso processo de converso.

De acordo com a teoria, desde quando abrimos uma pgina at o

momento da deciso, passamos por diferentes etapas. Cada uma dessas
etapas exige cuidados prprios e seu site deve estar preparado para
atingir os objetivos especfcos de cada passo:

Ateno: conquistar a ateno do visitante e faz-lo fcar na pgina.

Interesse: aps a ateno, o visitante entende a oferta e se identifca
com ela.
Desejo: para tomar a deciso, feita uma anlise mais detalhada da
oferta e suas caractersticas para certifcar-se que atende s
necessidades.
Ao: por fm, com a deciso tomada, realizada a ao da converso.

Bons calls-to-action podem ser imprescindveis nas etapas de ateno e

interesse (que costumam durar poucos segundos) e na ao (que
muitas vezes o clicar no prprio call-to-action).

Nos prximos tpicos vamos abordar em mais detalhes os aspectos

tcnicos e mostrar como criar calls-to-action que funcionam.
Call-to-Action: O Guia Completo
Conquistando ateno

Existe uma forma bastante simples de identifcar se o seu call-to-

action est chamando a ateno ou no: o teste dos 5 segundos.

Chame algum que ainda no conhea seu site e pea para ele ou
ela olhar sua pgina. Ao fnal de 5 segundos, minimize o navegador
e pergunte o que havia na pgina e o que era possvel fazer l.

Se ela no responder com o contedo do call-to-action, bem

provvel que ele no esteja funcionando to bem quanto deveria.

Para conquistar a ateno h alguns aspectos que devem ser

olhados com bastante cuidado:
7
Call-to-Action: O Guia Completo
8
Tamanho

O tamanho do boto obviamente pode alterar seu
impacto.

Evite botes muito pequenos, principalmente em

chamadas importantes. Tamanho maior indica maior
prioridade.
Posio

Nos jornais impressos os editores sempre deixam as matrias

mais importantes para a capa e, mais especifcamente, antes do
ponto em que o jornal dobrado.

A Internet adaptou o conceito above

the fold e defniu como posio
nobre de uma pgina aquela parte
que aparece antes de o usurio ter que
rolar a barra de navegao.

Portanto, lembre-se de manter seus calls-to-action mais

importantes sempre above the fold.
Call-to-Action: O Guia Completo
9
Cores

Um dos componentes mais importantes dos calls-to-action

so as cores. impressionante a diferena que isso pode fazer
nos resultados.

Se existe um segredo para a boa escolha de cores, o nome

dele contraste.
No crculo acima, uma cor tem contraste forte com as do lado
oposto. Perceba como o Wufoo usa bem o contraste para
destacar seus calls-to-action:
Todos os elementos do site, incluindo
textos, imagens e logotipo, esto
concorrendo diretamente com o call-to-
action pela ateno do usurio. Se voc
quer que o usurio olhe para uma chamada
especfca, ela deve sobressair-se aos olhos
dele. E isso que o contraste costuma fazer.
Call-to-Action: O Guia Completo
10
Imagens

Se conseguir combinar o texto do call-to-action com uma
imagem, a chance de atrair a ateno aumenta bastante.

Imagens so naturalmente mais atrativas que textos e tambm

possuem um papel importante: dar credibilidade oferta.

Quando mostramos a capa dos nossos eBooks, por exemplo, j

mostramos que o eBook realmente existe e que possui uma
aparncia profssional. Isso acaba ajudando tambm.

Uma observao: imagens so boas somente como

complementos, no como call-to-action principal. Textos so
indicadores mais claros da ao desejada e no podem ser
deixados de lado.
Call-to-Action: O Guia Completo
11
Limite as opes

Quanto menos distrao, mais foco para as opes que restaram.

Veja como exemplo a pgina inicial do Dropbox:

totalmente impossvel no se atentar aos calls-to-action.
Call-to-Action: O Guia Completo
12
Outros direcionamentos do site

Existem outros itens no site que podem ajudar a direcionar a
ateno para o call-to-action.

Setas so um timo exemplo. Veja como o Basecamp usa bem

essa ttica:
Call-to-Action: O Guia Completo
13
Imagens de pessoas olhando para o call-to-action tambm geram
um efeito interessante.

Imagine a situao em que voc esteja andando pela rua e ento

veja algumas pessoas olhando claramente para o cu. A primeira
reao olhar instintivamente para a mesma direo, na
curiosidade de saber do que se trata.

Veja como fazemos o mesmo ao olhar para a frase principal do

Mailchimp, seguindo a direcionamento corporal do macaquinho:
Call-to-Action: O Guia Completo
14
Conquistando o interesse:

De nada adianta atrair a ateno do visitante para o call-to-action se

ele no se sentir interessado.

E normalmente o texto que ajuda muito nisso. Por isso calls-to-

action no estilo clique aqui ou fale conosco no costumam ser
recomendados: eles interessam para poucas pessoas.

O grande objetivo dessa etapa mostrar para o visitante o que ele

ganha realizando a ao, que voc tem o que ele quer. Para isso,
separamos mais algumas dicas:
Call-to-Action: O Guia Completo
13
Comece com verbos e seja
especfco

Se o que voc espera que o visitante
realize uma ao, nada melhor que um
verbo para incentivar essa ao.
Alm disso, indique para o usurio
exatamente sobre o que a oferta trata.
Use, por exemplo, receba aqui seu
eBook ou faa seu cadastro.
Crie urgncia

Frases como compre agora ou receba hoje mostram o
quo fcil e imediata a ao e costumam funcionar
muito bem.
Call-to-Action: O Guia Completo
16
Use nmeros

interessante deixar o mais claro possvel para o usurio o que ele
est fazendo e uma forma de evidenciar melhor os benefcios da
ao indicar atravs de nmeros. Ganhe agora 30% de
desconto ou Compre hoje por apenas R$15,00 so bons
exemplos.

Veja como o Peixe Urbano usa essa tcnica:

Oferea algo que realmente valha a pena ser
clicado
Essa a mais bvia, mas frequentemente esquecida. No espere
que o usurio realize a ao s porque isso que voc quer. Ele
s vai clicar se for do interesse dele. Por isso importante que a
oferta da chamada seja de fato interessante.
Call-to-Action: O Guia Completo
17
"#$%& '()*%&
Contexto

Recomendamos fortemente nosso j mencionado Webinar Como criar

Landing Pages efetivas.

O contexto e a otimizao da pgina como um todo so muito importantes no

processo de converso e a culpa de uma taxa de converso ruim pode no ter
relao alguma com o call-to-action.

preciso que exista uma sintonia muito grande entre o call-to-action e o

restante da pgina para que ambos funcionem bem.

Isso porque, nos lembrando do conceito AIDA, a ateno e interesse podem

partir do call-to-action. O desejo, no entanto, exige uma anlise um pouco
maior por parte do visitante e papel da Landing Page fornecer essas
informaes e fazer esse convencimento.
Evite banners animados

Diversos estudos j provaram que estamos desenvolvendo a chamada banner

blindness (cegueira a banners).

Isso quer dizer que conseguimos identifcar um formato padro de

propagandas e ento ignor-las facilmente, sem sequer ler.

Banners animados so fortemente associados a essas propagandas, portanto

h uma propenso maior a serem ignorados, mesmo que de forma
subconsciente.
Call-to-Action: O Guia Completo
18
Garanta que suas chamadas sigam as convenes da web

Para o passo fnal do AIDA, a ao, importante que o usurio saiba

reconhecer o que ele deve fazer e onde deve clicar.

Mantenha os links sublinhados e/ou em uma cor diferente do resto

do texto. Se estiver usando um boto, interessante usar um efeito
3D que d a aparncia de clicvel.

Certifque-se que tudo que funciona como link (textos, imagens ou

botes) mudem o formato padro do cursor do mouse (uma setinha)
para o modelo clicvel (uma mo apontando).
8oLo solLo
8oLo com o Mouse
Call-to-Action: O Guia Completo
19
"+,#-%& ' $./'0)1*#.&2

Caso Lenha alguma duvlda ou sugesLo, cllque aqul e delxe seu
comenLrlo sobre esse WhlLeaper.

Cualquer quesLo adlclonal, enLre em conLaLo conosco .
3./4%*567'

Se voc gosLou desse e8ook, cllque nos llnks abalxo e
recomende-o para mals pessoas
8.& %$./4%07'

8eceba nossos posLs da forma que preferlr
20
Marketing Digital de resultado para
Mdias e Pequenas Empresas
A Resultados Digitais uma empresa que nasceu com o objetivo de ajudar
asMdias e Pequenas Empresasa entenderem e aproveitarem os
benefcios do Marketing Digital, conseguindo assim resultados reais e
permanentespara os seus negcios.

Para tanto, buscamos descomplicar o Marketing Digital. Isso vem com a

oferta de muitocontedo educativo, umaplataforma de software
integradaeservios de inteligncia, cobrindo temas como mdias sociais,
blogs, email marketing, SEO, web analytics, pginas de converso (Landing
Pages), monitoramento, gerao de Leads e compra de mdia online.

Para conferir nosso material educativo, acompanhe o nossoblog e acesse

nossos materiais de referncia (eBooks e Webinars).