Usabilidade

CTA: Tudo o Que Você Precisa Saber Sobre Call to Action

Por Felipe Rosa

CTA, ou call to action, são funções ou links que incitam o usuário a executar uma ação. Veja como utilizar da maneira certa para fazer seu público agir!

Felipe Rosa

Sempre que pensamos em melhorar a usabilidade de um site, pensamos em breadcrumb navigation, otimizar a home, melhorar a estrutura de links e uma série de outras alterações muito importantes para fazer com que a experiência do usuário no site seja excelente. Entretanto, será que não está faltando nada no “checklist de usabilidade”? Por exemplo, você sabe o que é CTA?

No artigo de hoje, vamos falar sobre CTA (call to action) e como esse recurso pode ser bem aplicado em seu site, a fim de alavancar seus resultados. Veremos:

  • o que é CTA — Call to Action;
  • quais as etapas até a chamada para ação;
  • porque os CTAs são Importantes;
  • quais os tipos de CTA’s;
  • como montar um CTA;
  • a importância de conversão e de posicionamento;
  • o que não fazer ao criar um CTA;
  • como mensurar os resultados do CTA;
  • como fazer Inbound Marketing para E-commerce.

Dê o play no vídeo abaixo e veja uma breve explicação do nosso CEO sobre o assunto:

O que é CTA — Call to Action?

CTA é um acrônimo para call to action, o que significa “chamada à uma ação“. Ou seja, são links ou funções de uma página que levam os usuários a realizar ações.

No universo do marketing digital é essencial utilizar CTAs, afinal, todas as estratégias são definidas para atingir algum objetivo. Com a ajuda dos call to actions, você conseguirá ganhar mais seguidores, gerar mais leads e vender mais. Tudo vai depender de qual é o seu alvo.

Etapas até a chamada para ação

Os call to action também são de extrema importância e cruciais no processo de conversão. Desde o momento de abertura de uma página até o momento de ação, passamos por algumas etapas. São elas:

  • momento da atenção: aqui conquistamos a atenção de um visitante e fazemos com que ele continue a navegação;
  • momento de interesse: obtida a atenção, o visitante tem a primeira impressão sobre o que está olhando e toma a decisão de procurar por mais informações sobre a oferta;
  • despertar desejo: neste momento, é feita uma análise mais detalhada da oferta, procurando seus benefícios e características para
  • certificar-se de que ela atende às necessidades;
  • chamada para ação: por fim, com a decisão tomada, é realizada a ação da conversão.

Porque os CTAs são importantes?

Importância do CTA

Usabilidade é a palavra de lei para os CTAs, pois eles facilitam a navegação do usuário, tornando-a mais clara e fácil. Além do mais, eles podem te ajudar no processo de convencer seu usuário a fazer o que você deseja (obviamente, se essa for a vontade do seu usuário).

Os CTAs são muito interessantes para blogs e sites informativos — enquetes, inscrições em feeds, usar um selo, indicar um aplicativo, votar em postagens — que atire a primeira pedra o blogueiro que nunca quis que seus leitores realizassem essas ações.

Devemos ressaltar que os CTAs devem ser claros, objetivos e ter uma forte relação com sua proposta. Ninguém gosta de clicar em um botão para realizar uma determinada ação e se deparar com algo completamente diferente daquilo que foi proposto inicialmente.

Apesar de falarmos sobre links e botões, também é importante deixar claro que os CTAs podem estar presentes no seu conteúdo escrito de um artigo ou mesmo em uma imagem.

Pode ser uma frase curta que induza a pessoa a agir, mesmo que ela não esteja linkando para alguma outra página ou site. Em resumo, o CTA é um recurso para chamar seu público a realizar uma ação.

Tipos de CTAs

Os tipos de CTAs variam de página para página e podem ser links de navegação, links para compras, links para formulários de inscrição e podem ser classificados da seguinte maneira:

CTA Primário

CTA primário é aquele que apela para a funcionalidade da página. Por exemplo, vamos supor que desejamos comprar uma geladeira em um site de e-commerce.

A página referente à geladeira que escolhemos tem a funcionalidade de vendê-la. Um claro exemplo de CTA primário nessa página é o botão de comprar/adicionar ao carrinho.

CTA Secundário

Para explicar o CTA secundário vou utilizar novamente o exemplo da geladeira. Uma boa opção de CTA secundário é oferecer produtos relacionados em um ponto estratégico da página. O foco principal da página da geladeira é vendê-la, entretanto, ela também poderá vender os produtos complementares — o foco secundário.

Exemplos de CTAs que convertem!

Veja abaixo, alguns dos CTAs mais usados e que convertem trazendo resultados efetivos para sua empresa:

  • para home de sites e landing pages: “inscreva-se!”, “matricule-se agora” (usada principalmente para divulgação de cursos);
  • para páginas de um site e newsletter: “assine a nossa newsletter!”;
  • para redes sociais: “curta e compartilhe com os seus amigos!”;
  • para e-mail marketing: “acesse o site e saiba mais!”;
  • para anúncios: “compre agora!”, “aproveite os descontos!”, “quero ser avisado” (esta é utilizada quando o carrinho de compras está fechado ou o produto está esgotado no momento, então o CTA serve para a pessoa ficar na “lista de espera” e ser informada quando puder comprar).

Como montar um CTA

Agora que já sabemos como um CTA é importante e os dois tipos principais, fica uma dúvida: “Como montar um CTA excelente?”. Para tanto, basta prestar atenção nos seguintes itens:

  • saiba o que os usuários desejam;
  • crie um conteúdo específico;
  • utilize a cor ideal para sua estratégia;
  • entenda a importância de conversão e de posicionamento.

Confira:

Escreva para a persona e saiba o que os usuários desejam

Considere o tipo de visitante de uma página. Como é que essas pessoas chegaram lá? O que elas procuram?

Ao responder a essas perguntas você consegue identificar qual seria o próximo passo lógico de seus usuários e, dessa maneira, poderá oferecer o que seus visitantes desejam por meio do CTA certo.

Considere a etapa do funil de vendas

Call to Action Etapa do Funil de Vendas

Além de saber quem é o seu público e quais os interesses dele, é importante compreender em qual fase da jornada do consumidor ele está e também a etapa do funil de Inbound.

Logo, você precisa considerar as necessidades do momento do público para criar o melhor CTA.

Por exemplo: se o seu consumidor ainda está na fase de descoberta (topo de funil), você não deve oferecer um produto/serviço e fazer uma chamada com “compre agora”. Ele precisará entender mais sobre o que você vende, descobrir a necessidade, considerar e seguir nas próximas etapas com CTAs adequados a cada uma delas.

Isso porque se as chamadas forem desalinhadas ao momento em que o consumidor está, ele não vai se identificar com a comunicação e ela não terá efeito sobre ele.

Nos artigos de topo de funil com um CTA já direcionado para compras, a estratégia pode não ser tão efetiva já que nesta etapa, o cliente ainda está no momento de descoberta. O interessante é realizar a linkagem para algum material rico (e-book) para fazê-lo conhecer a empresa e seus produtos de maneira mais aprofundada.

Crie um conteúdo específico para os CTAs

Esqueça dos textos âncora genéricos. “Clique aqui” é apenas um exemplo de âncoras que você não deve utilizar.

Além de facilitar a vida do seu usuário, utilizar textos âncoras personalizados vai te auxiliar até mesmo no link building de seu site. Cada tipo de página deverá ter seu próprio tipo de botão.

Mas atenção, escreva textos curtos, auto-explicativos e precisos para seus botões. Aliás, uma boa maneira de montar esse tipo de link é com botões gráficos personalizados.

Em um artigo de blog, por exemplo, devem ser respeitadas as etapas de funil no CTA. Em um artigo de fundo de funil, o CTA deve ser inserido no final do texto com a linkagem ou formulário já no corpo do conteúdo.

Utilize a cor ideal para sua estratégia

Por incrível que pareça, a cor a ser utilizada também é muito importante. Assim como temos cuidado na hora de escolher as cores utilizadas no design, é interessante prestar uma certa atenção na hora de escolher a cor dos nossos CTAs, pois para cada tipo existirá uma cor que vai se adaptar melhor à finalidade do mesmo.

Cor ideal para CTA

  • Vermelho: A cor vermelha tem um efeito marcante na percepção visual dos seres humanos, tanto pelo seu aspecto físico (são as ondas mais largas do espectro de cores visíveis pelo homem) quanto pela sua simbologia. E é justamente pelo destaque que proporciona, deve ser utilizado com moderação. Geralmente é utilizado para avisos e erros, mas também pode ser a cor perfeita para um botão de “compre agora”;

Curiosidades sobre a cor vermelha: é a primeira cor que o olho enxerga pela manhã e a primeira que a criança consegue reconhecer.

  • Amarelo: É a primeira cor que o olho humano consegue visualizar, e é justamente por isso que é amplamente utilizada em placas de trânsito. Amarelo também é uma boa cor a ser usada em CTAs. Da mesma maneira que o vermelho, devem ser utilizadas com cautela;

Curiosidade sobre a cor amarela: estimula a memória.

  • Laranja: Tem um efeito menos marcante que o vermelho ou o amarelo, mas não é menos interessante. Essa cor é aplicada em CTA´s com o objetivo de estimular a compra, sendo a cor preferida dos famosos compradores compulsivos.

Ao considerar a cor para os seus botões, leve em consideração que apesar da cor ter que proporcionar um destaque aos botões em relação às cores utilizadas em seu site, ela não deverá atrapalhar o seu design original.

Montar CTAs atrativos e eficientes pode ajudar e muito na melhora da conversão de sites e blogs. E, assim como algumas das principais técnicas de SEO, não demanda grandes esforços ou técnicas complicadas, bastando apenas se apoiar na experiência do usuário e como ela pode ser melhorada.

Entenda a importância de conversão e de posicionamento

Uma das principais metas ao iniciar uma campanha de SEO, com certeza, é a melhora de posicionamento nas pesquisas. Entretanto devemos ter em mente que as conversões também são muito importantes.

De que adianta ter ótimos posicionamentos e número de visitas se os usuários não realizam as ações desejadas dentro do seu site? Ou se, no caso de blogs, os usuários apenas dão uma olhada na landing page e não permanecem no site?

Conteúdo de qualidade e usabilidade são dois fatores essenciais para a conversão de um site. No quesito usabilidade, ter um carinho especial com os CTAs de seu site com certeza é algo de grande valia.

Mas, se você já tomou providências em relação a seus CTAs e mesmo assim não obteve bons resultados, está na hora de se perguntar: “Meus usuários estão vendo os CTAs?”.

O que não fazer ao criar um CTA?

Vou listar alguns motivos que podem impedir os visitantes do seu blog ou site de verem os CTAs. Veja:

Utilizar cores de tons muito próximos

Os CTAs são elementos que precisam de um certo destaque na página. Entretanto, muitos designers — a fim de não interferir nas cores do template — preferem utilizar cores muito próximas daquelas já utilizadas no site. Dessa maneira, os CTAs ficam “apagados” na página.

Uma boa forma de contornar essa situação, sem fazer um carnaval de cores na página, é escolher uma cor que dê um destaque moderado. Se o site está em tons de azul ou verde, por exemplo, abóbora ou vermelho são ótimas alternativas. Desta forma, seguir o círculo cromático é uma ótima opção — nem que sejam utilizadas em tons pastéis. Desta forma, você garante visibilidade nas informações que está passando, melhorando a experiência do usuário.

Lembre-se de que estética é importante, mas é necessário encontrar um equilíbrio para que a beleza de uma página não tire o foco do necessário: as conversões.

Deixar as páginas “poluídas”

Abarrotar vários elementos em uma página a torna difícil de ser decifrada e pouco convidativa para o usuário. Isso geralmente ocorre em sites onde se exagera na quantidade de anúncios de publicidade, botões, imagens e outros elementos.

Nesse tipo de página é difícil identificar corretamente a funcionalidade de cada elemento. Nesse caso, tome cuidado com a quantidade de elementos.

Nenhum usuário vai querer perder tempo procurando por um botãozinho perdido em uma página repleta de coisas. Outra maneira de evitar essa situação é ter bem definidas as funções de cada página.

Ter páginas muito pesadas

Esse tipo de página pode ou não ser consequência do tipo anterior. Nem todas as pessoas utilizam internet de alta velocidade e têm tempo de esperar que os sites sejam carregadas e, se tiverem, isso não garante que vão esperar.

Uma boa maneira de evitar esse problema é escolher modelos simples de templates e, mais uma vez, tomar cuidado com a quantidade de elementos inseridos na página — o tamanho da página é essencial.

Criar títulos não atrativos ou incoerentes

Os títulos utilizados têm a funcionalidade de convencer o usuário a clicar nos botões. Portanto, eles precisam ser atrativos, mas, ao mesmo, explicativos.

Textos não atrativos não vão convencer o usuário a clicar nesses botões, textos que não têm nada a ver com a finalidade do botão farão com que seus usuários se sintam enganados. E, consequentemente, seu site perde credibilidade.

São pequenos detalhes, mas prestar atenção neles e trabalhar suas páginas de forma a evitar esses erros pode ser a diferença entre páginas que convertem bem e outras que não.

Melhorar a usabilidade é uma estratégia de SEO simples, mas muito eficaz — páginas intuitivas e fáceis de utilizar com certeza ajudam o seu site a dizer um “volte sempre” a seus usuários, ao contrário de espantá-los para sempre.

Não dar atenção ao mobile também é um erro

Verifique sempre se o seu site está preparado para os acessos via dispositivos móveis. Muitas vezes, seus calls to action funcionam bem e ficam bem nítidos e visíveis apenas na versão desktop.

Por isso, é fundamental fazer o teste e simular a navegação em tablets e celulares de diferentes tamanhos de tela. Deixando tudo ajustado para qualquer forma de navegação, certamente sua taxa de conversão será muito maior.

Como mensurar os resultados do CTA?

Sim, é preciso mensurar os resultados dos CTAs para entender se eles estão funcionando, se precisam de ajustes ou até mesmo serem refeitos.

Para isso, você precisará analisar as métricas de cada plataforma — gerenciador de anúncios, ferramenta de e-mail marketing, site, etc. Além de entender números como os cliques em botões, você pode buscar saber dados ainda mais específicos no Google Analytics.

Caso você também queira saber mais sobre como fazer marketing digital com dados de uma forma muito mais simples, pode contar com o nosso curso de Google Analytics e Tag Manager.

Aprenda mais sobre como fazer Inbound Marketing para E-commerce

O inbound marketing consiste na atração com uma ação de várias áreas que juntas conseguem atingir o objetivo de atrair novos clientes e conversão maiores. Por meio de conteúdo relevante, você consegue atrair esses potenciais clientes que encontram o seu negócio por meio de pesquisas nas ferramentas como o Google.

Call to action é apenas uma das coisas que você precisa saber para desenvolver um bom trabalho de Inbound Marketing. Por isso, convidamos você a baixar nosso e-book gratuito sobre Inbound Marketing Para E-commerce para aprender tudo sobre o assunto!

LEIA MAIS

Heat Map: Monitore Cliques e Ações dos Usuários em Seu Site

Alguma vez você já ficou curioso para saber em quais lugares do seu site os visitantes mais clicam? Saiba que existem ferramentas que mostram o…

7 Técnicas Para Aumentar a Taxa de Conversão em Sua Landing Page

Após todo o trabalho de aquisição de tráfego, você conseguiu um volume sólido de visitantes para suas páginas e o trabalho acabou? Não. Após conquistar um visitante e ele chegar a sua página, apenas metade do caminho foi percorrido. Agora é hora de conseguir que a visita se transforme em uma conversão: venda, assinatura, cadastro, pesquisa, enfim, o que você precisar. Neste artigo, 7 dicas para melhorar a conversão em landing pages.

Google Website Optimizer – Como Funciona?

Sempre que é necessário alterar os elementos de uma página é importante realizar testes para verificar se as alterações foram convenientes. Em caso de páginas ligadas à conversão, esses testes são essenciais.
O Google Website Optimizer é uma ferramenta muito útil nesses casos, pois realiza testes A/B e multivariados nas páginas do site. Veja aqui como utilizar essa ferramenta.

Comentários
  1. Avatar

    Muito bom o post, Fabiane! Parabéns.

    Acredito que muitos botões de comprar surgiram muito mais por “ser bonito” do que por usabilidade, mas é crucial o fator call for action dele.

    E achei interessante a informação sobre a cor amarela: acho que vou colocar meu monitor amarelo pra memorizar tudo que leio! xD

    Parabéns denovo!

    • Avatar

      @Frank Marcel
      Realmente muitos sites utilizam botões muito parecidos com o próprio template, sem dar destaque algum para eles. =)
      Obrigada!

  2. Avatar

    excelente. até esses dias estavamos falando sobre isso na faculdade!
    muito bom!

    • Avatar

      @Gustavaum
      Obrigada! Compartilhe com a gente o que vc aprendeu lá! =)

  3. Avatar

    Interessante o Artigo,

    Já havia me deparado em sites de e-commerce que tive que procurar como comprar? Fala Sério…

    Mas o que mais me chamou atenção foi o tal da cor Amarela, talvez por isso os Postits sejam amarelos?

    É pode ser…

    • Avatar

      @Raphael
      É por isso mesmo que a cor padrão de post-it é amarela. =)

  4. Avatar

    [quote]
    Ninguém gosta de clicar em um botão para realizar uma determinada ação e se deparar com algo completamente diferente daquilo que foi proposto inicialmente.
    [/quote]

    “Não confunda facilidade com funcionalidade”
    Não coloque funcionalidades que não sejam fáceis de utilizar.

    []’s
    M!

  5. Avatar

    Ótimo artigo Fabiane.
    Sem falar que quem já não passou pela situação de estar em um site e ter de ficar procurando o “maldito” botão que seria óbvio estar “ali ou lá” mas não estavam…
    As vezes faz parte da criatividade e inovação do design mas principalmente se o site já tem um bom tempo na rede e sofre uma reformulação do layout o CTA se torna indispensável!

    • Avatar

      @Fabio Lima
      Com certeza, os CTAs ajudam e muito na navegação do usuário. =)

  6. Avatar

    Parabéns pelo post, Fabiane!

    • Avatar

      @Leonardo Neves
      Obrigada! =)

  7. Avatar

    O vermelho sempre deve ser usado com cuidado, muita gente tem uma certa distância da cor.

  8. Avatar

    É, o vermelho indica “Perigo”.
    As vezes a pessoa nem lê o botão só pelo fato de estar em vermelho! Quem nunca viu aqueles banners bem no meio de um artigo dizendo “Parabéns! Você é o visitante nº 999.999 e ganhou um prêmio!” daí logo abaixo, o bendito botão vermelho…
    Eu fujo deles e muita gente também…

    • Avatar

      Acredito que depende muito das cores já utilizadas no layout, bem como o tom do vermelho. =)

  9. Avatar

    Muito bom seu post, em questões como usabilidade e acessibilidade devemos sempre ser
    empaticos durante o desenvolvimento, para entender melhor o que os usuarios necessitam,
    as vezes colocamos um link de chamada para estimular ações e nao sabemos
    o quão importante é esse link.

    Existem visitantes que ficam retratidos
    quando acham links que os digam o que fazer;
    Clique aqui,saiba mais, continuar leitura,leia mais.
    Sentem medo de ser um link indicado para algum conteudo viral.

    Grande parte das pessoas colocam o cursor em cima do link para ver o
    endereço do caminho na “Barra de Status” se acham aquelas URLs assutadoras, com
    certeza nao acionam o link
    Passar confiança nas estruturas das URLs também é de extrema importancia nessa questão.
    Eu não conhecia o termo CTA,
    adicionou mais ao meus conhecimentos. Sucesso para Você! Bjs…

  10. Avatar

    Fabiane falando de usabilidade! Que coisa boa (:

    Tenho minhas ressalvas quanto às cores, já dizia o tio Nielsen com seus eyetracking, quanto mais você tenta chamar atenção, menos você tem. [Vide cegueira de banner ]

    Como o resto do pessoal disse, cuidado com o vermelho. Acho que algo mais neutro pro compre agora é mais efetivo (azul claro, verde..).

    Ícones também ajudam nisso (dá-lhe semiótica antes de tudo hehe).

    []’s

  11. Avatar

    Parabéns Fabiane! muito bom esse artigo.

  12. Avatar

    Show de bola o post principalmente no tocante as cores dos cta’s.

  13. Avatar

    Excelente artigo.

    Em exemplo de utilização de cores em botões está no site da Nextel, inclusive utiliza botões assimétricos.

  14. Avatar

    Em nossa loja usamos muito este conceito, e dá muitos resultados.
    Parabéns pelo post!

    • Avatar

      Muito obrigada pelos comentários, pessoal! =)

Os comentários estão fechados.

Já pensou em fazer parte do nosso time de mestres?