Marketing Digital de resultado

para Mdias e Pequenas Empresas

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

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 car um pouco estranho no
portugus, um termo que reete 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 especca;

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

Call-to-Action: O Guia Completo

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

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

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 denido. Dessa forma acabam deixando de aproveitar diversas
oportunidades de negcio.

A grande questo aqui identicar 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.
5

Call-to-Action: O Guia Completo

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 especcos de cada passo:

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

Interesse: aps a ateno, o visitante entende a oferta e se identica
com ela.
Desejo: para tomar a deciso, feita uma anlise mais detalhada da
oferta e suas caractersticas para certicar-se que atende s
necessidades.
Ao: por m, 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.
6

Call-to-Action: O Guia Completo

Conquistando ateno

Existe uma forma bastante simples de identicar se o seu call-toaction 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 nal 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:

Call-to-Action: O Guia Completo

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 especicamente, antes do
ponto em que o jornal dobrado.

A Internet adaptou o conceito above

the fold e deniu 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

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.

Todos os elementos do site, incluindo

textos, imagens e logotipo, esto
concorrendo diretamente com o call-toaction pela ateno do usurio. Se voc
quer que o usurio olhe para uma chamada
especca, ela deve sobressair-se aos olhos
dele. E isso que o contraste costuma fazer.
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:

Call-to-Action: O Guia Completo

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

10

Call-to-Action: O Guia Completo

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.

11

Call-to-Action: O Guia Completo

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:

12

Call-to-Action: O Guia Completo

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:

13

Call-to-Action: O Guia Completo

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-toaction 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:
14

Call-to-Action: O Guia Completo

Comece com verbos e seja

especco

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.

15

Call-to-Action: O Guia Completo

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.

16

Call-to-Action: O Guia Completo

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

17

Call-to-Action: O Guia Completo

Garanta que suas chamadas sigam as convenes da web

Para o passo nal 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.

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

Botosolto

BotocomoMouse

18

Dvidasecomentrios?

Casotenhaalgumadvidaousugesto,cliqueaquiedeixeseu
comentriosobreesseWhitePaper.

Qualquerquestoadicional,entreemcontatoconosco.

Compar5lhe

SevocgostoudesseeBook,cliquenoslinksabaixoe
recomendeoparamaispessoas

Nosacompanhe

Recebanossospostsdaformaquepreferir

19

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

20