CTA design e posicionamento: 5 melhores práticas para melhorar conversões

Você criou seu site WordPress.com com certos objetivos em mente. Seja aumentar as vendas, gerar leads ou aumentar as assinaturas de newsletters, cada página do seu site deve ser projetada com objetivos em mente.

Para a maioria dessas páginas, uma chamada para ação (CTA) é a melhor maneira de alcançar esses objetivos. Uma CTA incentiva os usuários a realizarem uma ação específica, como assinar uma newsletter, baixar um e-book, visitar uma loja online ou preencher um formulário. Sua chamada para ação específica, bem como o design da CTA em cada página, têm um grande impacto no sucesso do seu site WordPress.com.

“Clique aqui para saber mais” só vai te levar até certo ponto. Um design de CTA mais inteligente pode ajudar você a obter melhores resultados de marketing para o seu site. Chamadas para ação (CTAs) são botões interativos em seu site que convidam os visitantes a realizar uma determinada ação. Botões de CTA podem ser usados para pedir aos visitantes que:

  • Assinem
  • Comecem
  • Façam uma demonstração
  • Saibam mais
  • Se inscrevam

Se você nunca criou uma CTA antes, aqui estão algumas dicas para criar uma mensagem e um design que gerem resultados para o seu site.


Quer mais dicas? Receba notificações de novas publicações por e‑mail.


Criando sua mensagem de CTA

Como você está criando uma chamada para ação, o primeiro passo é garantir que sua CTA seja orientada para a ação. Use verbos ativos para incentivar um comportamento específico do usuário: frases como “Clique aqui para começar”, “Baixe o relatório” e “Envie sua solicitação hoje” são exemplos de CTAs orientadas para a ação que fornecem aos usuários uma direção clara sobre como proceder, de acordo com IMPACT.

É importante criar uma CTA que seja consistente com a página da web onde ela está localizada. Na página principal de um site de software, por exemplo, uma CTA pode convidar os usuários a “Saber mais” sobre os serviços de software específicos oferecidos. Mas em páginas específicas de software, as CTAs podem dizer algo como “Solicitar uma demonstração” ou uma CTA semelhante voltada para dar o próximo passo para se tornar um cliente.

Independentemente do objetivo da sua CTA, certifique-se de que a mensagem seja clara e concisa, ajudando os usuários a entender o que devem fazer em seguida e por quê.

Os 10% principais dos sites têm taxas de conversão de 11,45% ou mais, de acordo com WordStream. A média entre as indústrias, de acordo com a mesma fonte, é de cerca de 2,35%. Dominar os princípios de posicionamento e design de CTA pode ajudar você a converter visitantes em leads.

5 dicas para design e posicionamento de CTA

Botões de CTA estão entre os elementos de design mais importantes do seu site WordPress.com. CTAs bem projetadas não são o único elemento necessário para a conversão. Seu site também precisa de conteúdo de alta qualidade e uma experiência do usuário (UX) forte. No entanto, uma página da web com chamadas para ação excepcionais pode ajudar sua empresa a obter maiores conversões. Tenha em mente os seguintes princípios de design e posicionamento.

O novo editor de blocos do WordPress.com inclui um bloco de Botão especificamente para criar CTAs – use-o para inserir um botão em qualquer postagem ou página.

1. O posicionamento da CTA importa

Tradicionalmente, os profissionais de marketing adotaram a melhor prática de colocar botões de CTA “acima da dobra” em páginas de destino ou na parte superior de uma página da web, que é visível sem que o usuário precise rolar. Isso ainda é uma melhor prática, mas o centro de uma página da web não é sua única opção de posicionamento. Algumas outras opções de posicionamento com alto potencial de conversão incluem:

  • No topo de uma página da web
  • No final das postagens de blog
  • Na barra lateral
  • Em uma mensagem de boas-vindas pop-up
  • No meio de uma postagem de blog longa
  • No conteúdo de marketing por e-mail

Leve em consideração o fluxo de UX e leitura ao posicionar as CTAs e esforce-se para alcançar um posicionamento que seja perceptível, mas não perturbador para seu público.

CTA do Shoedazzle

2. Faça parecer um botão

Um botão de CTA deve parecer, bem, um botão. Ele deve ser imediatamente reconhecível pelos visitantes do site como algo que pode ser clicado. Embora você possa experimentar com o design criativo de CTAs, certifique-se de que seus botões sempre apresentem as seguintes características para que sejam identificáveis como um botão:

  • Forma definida ou borda colorida
  • Cor contrastante com a página da web ou conteúdo
  • Texto visível que convida o leitor a agir

Seus botões não precisam ser um retângulo laranja ou verde brilhante. Você está livre para experimentar o uso de ovais, cantos arredondados ou bordas coloridas. Desde que seus botões sejam visivelmente um botão e se destaquem na página da web, o céu é o limite.

3. Crie um texto excepcional

Seu texto de CTA pode criar um senso de urgência nos visitantes do seu site, incentivando-os a se inscrever, baixar um e-book ou se registrar para um webinar. Como destacou a ConversionXL, não há “melhor tipo de fonte ou tamanho garantido” para uma chamada para ação. Otimizar seu texto pode determinar se os prospects clicam nos seus botões. Exemplos de texto de CTA com alto desempenho podem incluir:

  • Acesse meu whitepaper
  • Entre em contato
  • Junte-se à comunidade
  • Vamos conversar
  • Quero saber mais
CTA do Treehouse

4. Dimensione corretamente

Um CTA grande pode se destacar em uma página da web, mas não é garantia. Um CTA enorme pode ser ignorado devido a um fenômeno de UX conhecido como “cegueira de banner” ou tendência humana de ignorar banners. Ao mesmo tempo, botões pequenos podem ser difíceis de serem clicados por usuários de dispositivos móveis. Todos os elementos clicáveis do seu site devem ter pelo menos 44 x 44 pixels para usuários de dispositivos móveis, de acordo com Luke Wroblewski.

CTA do Netflix

5. Teste seus resultados

Independentemente de como você escolher projetar e exibir sua CTA, você vai querer testar seu desempenho para garantir que esteja obtendo os melhores resultados possíveis – fique de olho em suas estatísticas para ver como seu botão está se saindo.

Testar seus botões é a melhor maneira de obter otimização de conversão. Se você tiver um plano com plugins habilitados, também poderá usar plugins como o Optimizely, que pode se integrar ao WordPress.com para permitir que você teste uma variedade de elementos. Teste vários elementos de design de seus botões para entender como cada um afeta as taxas de conversão:

  • Cor
  • Texto
  • Tamanho
  • Posicionamento

Se você deseja que o público do seu site se envolva com o seu negócio, boas CTAs serão a base de sua estratégia. Siga as melhores práticas de criação de CTAs para transformar seu site WordPress.com em uma máquina de conversão.


Quer mais dicas? Receba notificações de novas publicações por e‑mail.


SOBRE O AUTOR

Avatar de Desconhecido

Jasmine Henry

Jasmine is a freelance technology writer, with interests in UX, mobile optimization, and web design trends. She's also a Project Management Professional with an academic background in Informatics and Analytics.

Mais em Jasmine Henry

Deixe nossos especialistas criarem seu site personalizado do WordPress.com.

Não importa se você precisa de uma landing page, um site completo de eCommerce, uma instituição de ensino online ou um site informativo e interativo para seus negócios, nós podemos criar para você.

Comece agora