• UI & UX

Clique aqui: 8 Dicas para o projeto efetivo do CTA

  • Felix Rose-Collins
  • 7 min read
Clique aqui: 8 Dicas para o projeto efetivo do CTA

Introdução

Chegar à primeira página dos resultados de pesquisa do Google e obter a atenção de seu público é um verdadeiro desafio, pois as pessoas raramente clicam em um resultado da página dois. Otimizar seu site para SEO é uma necessidade para atingir este objetivo.

Mas isto não significa que um lugar no topo da lista de dez lugares lhe garantirá necessariamente uma boa taxa de conversão por padrão. É verdade que você pode esperar um aumento no tráfego do site, mas há outro elemento crucial para as conversões - uma chamada à ação efetiva.

O principal papel de um CTA é direcionar os visitantes para o próximo passo e incentivá-los a agir - assinar um boletim informativo, baixar um ebook, comprar um produto ou serviço, ou inscrever-se para um teste.

Entretanto, um CTA mal projetado é tão bom quanto nenhum, pois não gerará cliques e facilitará as conversões.

Neste artigo, vamos cobrir as melhores dicas para projetar CTAs irresistíveis que seus prospectos não poderão ajudar, mas clicar. Continue lendo para saber mais!

1. Use uma barra lateral pegajosa CTA

Os CTAs têm tudo a ver com captar a atenção dos visitantes e fazê-los clicar.

Algumas páginas da web, como homepages ou blogs, têm muito conteúdo, e é fácil para os CTAs se misturarem com todos os outros elementos e se tornarem praticamente invisíveis.

Conheça o Ranktracker

A plataforma All-in-One para uma SEO eficaz

Por trás de cada negócio de sucesso está uma forte campanha de SEO. Mas com inúmeras ferramentas e técnicas de otimização por aí para escolher, pode ser difícil saber por onde começar. Bem, não tenha mais medo, porque eu tenho exatamente o que ajudar. Apresentando a plataforma multifuncional Ranktracker para uma SEO eficaz

Finalmente abrimos o registro para o Ranktracker absolutamente grátis!

Criar uma conta gratuita

Ou faça login usando suas credenciais

Insira uma barra lateral pegajosa CTA.

Este botão flutuante é fixado na lateral de uma página da web e permanece visível enquanto o usuário percorre a página para cima e para baixo sem ser muito intrusivo ou distrair. Você não precisa se preocupar se um cliente em potencial esquecerá sua fantástica oferta enquanto estiver lendo um artigo ou verificando as opiniões dos clientes.

ATH Sport dá 10% de desconto na primeira encomenda e promove este incentivo em sua página inicial e em todo o seu site, implementando uma barra lateral adesiva CTA com a leitura "Economize 10%". Dessa forma, os visitantes são sutilmente lembrados de tomar medidas e reivindicar um desconto.

Use a sticky sidebar CTA (Fonte: ATH Sport)

2. Alavancar o espaço negativo

Um dos maiores erros que você pode cometer com seu CTA é enterrá-lo no meio de um enorme bloco de texto. Essa é uma maneira segura para que os visitantes percam e saiam sem se converterem.

Não tenha medo de aproveitar ao máximo o espaço negativo, ou seja, a área de um projeto que é deixada desocupada por texto ou outros elementos. Ao cercar seu CTA com espaço branco, você pode criar uma quebra visual que ajuda a chamar a atenção do telespectador para o botão.

Quanto menos distrações ao redor do CTA, mais clicável ele será.

Conheça o Ranktracker

A plataforma All-in-One para uma SEO eficaz

Por trás de cada negócio de sucesso está uma forte campanha de SEO. Mas com inúmeras ferramentas e técnicas de otimização por aí para escolher, pode ser difícil saber por onde começar. Bem, não tenha mais medo, porque eu tenho exatamente o que ajudar. Apresentando a plataforma multifuncional Ranktracker para uma SEO eficaz

Finalmente abrimos o registro para o Ranktracker absolutamente grátis!

Criar uma conta gratuita

Ou faça login usando suas credenciais

Flamingo dá ao CTA em sua página inicial espaço suficiente para respirar e o separa dos outros elementos, chamando assim a atenção dos visitantes para o objetivo principal - adicionar seu rastreador de férias a Slack. Apesar de muito espaço em branco, o design não parece vazio ou inacabado, portanto, é fundamental encontrar o equilíbrio certo.

Leverage negative space (Fonte: Flamingo)

3. Criar um senso de urgência

A urgência e a escassez são poderosos motores de conversão, e é por isso que você deve incluir estes princípios psicológicos em sua cópia do CTA.

Pegue uma deixa da Amazon e seu inteligente "Apenas 1/2/3 restante em estoque" de isenção de responsabilidade que leva até mesmo clientes indecisos a encomendarem o produto imediatamente antes que alguém o pegue.

As pessoas percebem os produtos que são escassos ou prestes a serem vendidos como mais valiosos, o que, por sua vez, desencadeia o medo de perder (FOMO.) Você pode brincar com este fenômeno elaborando uma cópia CTA que gira em torno da disponibilidade limitada de produtos.

Para destacar a urgência, use palavras de tempo como Now, Immediately, ou Today.

A página inicial do CTA on Bed Bath & Beyond é um grande exemplo de combinação de urgência e escassez. Os clientes são convidados a "Comprar agora", pois a oferta é válida até 8 de janeiro, mas esta janela de oportunidade é minimizada adicionalmente com a adição de "Enquanto os suprimentos durarem". O fato de o CTA em si estar dentro de um grande banner vermelho colocado acima da dobra o torna ainda mais marcante e persuasivo.

Create a sense of urgency - Bed Bath & Beyond (Fonte: Bed Bath & Beyond)

A página inicial de janeiro apresenta um CTA com uma urgência um pouco diferente. A expressão cuidadosamente elaborada "Junte-se à lista de espera" cria um burburinho em torno do aplicativo e gera demanda ao implicar que há outros clientes potenciais impacientemente aguardando o lançamento. Este simples mas intrigante CTA funciona porque emite uma vibração um tanto exclusiva - é como entrar em uma lista de um clube VIP.

Create a sense of urgency - January (Fonte: Janeiro)

4. Incluir palavras de poder

Como seu nome sugere, palavras de poder têm a capacidade de evocar emoção em seus clientes potenciais. 95% das decisões de compra são subconscientes, o que significa que os sentimentos têm um papel importante no processo.

Portanto, incluindo palavras de poder, tais como

  • Grátis
  • Incrível
  • Novo
  • Efetivo
  • Fácil
  • Instantaneamente
  • Garantido
  • Sem risco
  • Certificado
  • Protegido
  • Testado
  • Verificado
  • Extra

irá acertar o acorde certo com seu público e levá-los a agir.

Como você pode ver, algumas destas palavras visam convencer os clientes de que é seguro clicar no botão e fazer uma compra ou assinar um boletim informativo. Outras se concentram em destacar a proposta de valor de sua oferta.

A página inicial da Evernote promete aos usuários que eles serão capazes de organizar sua vida com o aplicativo enquanto o CTA os convida a se inscreverem gratuitamente. E quem poderia recusar uma oferta tão tentadora?

Include power words - Evernote (Fonte: Evernote)

Da mesma forma, a página inicial da BaseLang CTA convida os usuários a começar com suas aulas de espanhol por "apenas $1", o que é a próxima melhor coisa a oferecer um serviço gratuito. Os pacotes de mensagens gerais da marca perfuram com a ajuda de outras palavras de poder como "ilimitado" ou "tudo o que você pode comer", ambos comunicando o valor da oferta que os clientes potenciais podem experimentar por uma semana e pagar uma taxa simbólica de US$ 1.

Include power words - BaseLang (Fonte: BaseLang)

5. Faça seu CTA estourar

Você provavelmente já ouviu falar da regra dos 15 segundos, segundo a qual você tem apenas um quarto de minuto para captar a atenção de seus visitantes. Isto não lhe dá muito espaço de manobra, o que significa que você precisa agir rapidamente e ter certeza de que a AIC está entre as primeiras coisas que as pessoas notam quando aterrissam em sua página web.

Espalhar um pouco de cor é uma das melhores maneiras de alcançar este objetivo. Há diferentes opiniões sobre qual cor impulsiona as conversões, mas o júri ainda não se pronunciou sobre esta. No entanto, é seguro concluir que não se trata tanto de escolher entre vermelho, verde, azul ou amarelo, mas de criar contraste.

Por exemplo, você pode empregar as chamadas cores complementares que estão em lados opostos da roda de cor. Se a sua página web for principalmente azul, então um CTA laranja criará um forte contraste.

A página inicial da Menlo Caoching apresenta branco e cinza, de modo que o vermelho arrojado que eles escolheram para o CTA o torna imediatamente visível. O design também se beneficia do espaço negativo, o que adicionalmente acentua o botão CTA e o faz sobressair contra o fundo neutro.

Make your CTA pop (Fonte: Menlo Coaching)

6. Não seja vago

Não espere que seus visitantes cheguem a conclusões sobre o que acontecerá em seguida - diga-lhes.

Os botões CTA que dizem "Clique aqui" ou "Enviar" só confundirão as pessoas, e isso é a pior coisa que você pode fazer.

O truque é comunicar claramente aos seus visitantes como eles se beneficiarão com a ação e informá-los sobre qual será o próximo passo.

A Dropbox usa esta abordagem "o que há nela para mim" em sua página inicial, dizendo a seus clientes potenciais que, clicando no botão CTA, eles serão capazes de encontrar o melhor plano para si mesmos. É óbvio que na página seguinte, eles encontrarão detalhes do plano, características e comparações que os ajudarão a tomar uma decisão.

Don’t be vague (Fonte: Dropbox)

7. Adicionar prova social

Quando se trata de converter as perspectivas, nada funciona melhor do que a prova social. 87% das decisões de compra começam com pesquisas on-line, enquanto os clientes lêem, em média, dez revisões antes de fazer um pedido.

Mas, como você não quer que seus clientes em potencial saiam de seu site enquanto buscam críticas e testemunhos de clientes, é melhor mostrar-lhes provas sociais ali mesmo antes de apresentá-los com o CTA.

Desta forma, você construirá confiança e dissipará quaisquer possíveis dúvidas que possam ter sobre a compra.

É exatamente isso que o Buffer faz em sua página inicial. Seus CTAs são emparelhados com citações de clientes satisfeitos, destacando como a utilização da plataforma facilita sua vida. Para acrescentar outra camada de credibilidade, a marca incluiu os nomes e fotos dos clientes. Esta tática simples vai longe, pois dá um rosto ao nome e torna a prova social mais autêntica.

Add social proof (Fonte: Buffer)

8. Mantenha as coisas simples

Todas as dicas que discutimos até agora podem lhe dar a impressão de que seus CTAs têm que ser exagerados para que possam funcionar.

Mas a verdade é que a simplicidade é freqüentemente subestimada.

Conheça o Ranktracker

A plataforma All-in-One para uma SEO eficaz

Por trás de cada negócio de sucesso está uma forte campanha de SEO. Mas com inúmeras ferramentas e técnicas de otimização por aí para escolher, pode ser difícil saber por onde começar. Bem, não tenha mais medo, porque eu tenho exatamente o que ajudar. Apresentando a plataforma multifuncional Ranktracker para uma SEO eficaz

Finalmente abrimos o registro para o Ranktracker absolutamente grátis!

Criar uma conta gratuita

Ou faça login usando suas credenciais

Em muitos casos, você obterá ótimos resultados mantendo sua CTA simples tanto em termos de projeto quanto no processo de conversão.

A página inicial da Jira CTA verifica todas as caixas com seu CTA "Continuar com Google". O diabo está nos detalhes, e embora aparentemente nada de especial esteja acontecendo aqui, a eficácia desta AIC reside no fato de que ela torna as coisas super simples para aqueles que decidem se inscrever.

Ao invés de um complicado processo de inscrição, a Jira poupa o tempo dos usuários ao permitir que eles acessem a plataforma através de sua conta Google. São necessários apenas alguns cliques, e não há preenchimento de formulários irritantes responsáveis por muitos registros e carrinhos de compras abandonados. Além disso, a cópia contém aquela palavra mágica de poder aberto, Grátis, capaz de convencer os usuários a clicar e continuar.

Keep things simple (Fonte: Jira)

Envolvimento

A chamada à ação pode ser o menor elemento de design em sua página web, mas sua importância é enorme. Sem ele, os clientes potenciais não saberiam o que você espera que eles façam e qual deve ser seu próximo passo. Portanto, considere cuidadosamente o design de seus CTAs e não os modifique. Estas táticas o ajudarão a garantir que os cliques serão dados.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Comece a usar o Ranktracker... De graça!

Descubra o que está impedindo o seu site de voltar ao ranking.

Criar uma conta gratuita

Ou faça login usando suas credenciais

Different views of Ranktracker app