Botão de compra (CTA): texto, cor, posição e tudo o que faz a pessoa clicar

Toda a página existe para levar a pessoa a um único momento: o clique no botão. Um CTA (call to action, chamada para ação) fraco, escondido ou confuso pode derrubar as vendas de uma página que tinha tudo para dar certo.

O texto do botão

Troque textos genéricos por verbos de ação com benefício:

Dica

Escreva o botão na primeira pessoa ("Quero…", "Garantir minha…"). A pessoa lê o botão como se fosse ela falando, e isso facilita a decisão.

Cor e contraste

A cor ideal não é uma cor "mágica": é a que mais se destaca do resto da página. Se a página é escura, um botão verde ou amarelo vibrante chama atenção; se é clara, um botão escuro ou colorido forte.

Tamanho

• Grande o suficiente para tocar com o polegar no celular;
• Texto legível sem esforço;
• Espaço em volta, para não tocar em outro elemento sem querer.

Posição e repetição

• Um botão na primeira tela, para quem já chegou decidido;
• Um botão depois dos benefícios;
• Um botão depois da prova social;
• Um botão depois da oferta e da garantia;
• Botão fixo no rodapé do celular, em páginas longas.

Microtextos que ajudam

Abaixo do botão, uma linha que reduz o medo:

• "Compra segura · Garantia de 7 dias";
• "Sem cartão de crédito";
• "Acesso imediato após o pagamento";
• "Leva menos de 1 minuto".

Botão de WhatsApp

Para serviços e negócios locais, o CTA pode abrir o WhatsApp com uma mensagem pronta: "Oi! Vi sua página e quero um orçamento". Isso reduz a barreira de começar a conversa. Veja WhatsApp para vender mais.

Checklist do CTA

1. Texto com verbo e benefício;
2. Cor que se destaca na página;
3. Tamanho fácil de tocar;
4. Botão na primeira tela;
5. Repetido ao longo da página;
6. Microtexto de segurança;
7. Link testado.

Erros comuns

• Link quebrado ou apontando para a página errada;
• Botões de cores diferentes que confundem;
• Vários CTAs para ações diferentes na mesma página;
• Botão pequeno e colado no texto.

Na prática

Uma página de consultoria tinha um botão "Enviar" no final. Ao trocar para "Quero minha análise gratuita", adicionar o mesmo botão logo no topo e colocar a frase "Resposta em até 24 horas" embaixo, os pedidos de análise aumentaram.

Banco de textos de botão por objetivo

Teste rápido do botão

1. Olhe a página de longe (ou aperte os olhos): o botão é a primeira coisa que aparece?
2. O texto funciona sozinho, sem ler o resto?
3. No celular, dá para tocar com o polegar sem errar?

O que colocar perto do botão

O espaço ao redor do botão é onde a pessoa hesita. Use esse espaço para reduzir o medo: selo de compra segura, garantia, formas de pagamento e uma frase curta como "acesso imediato após a compra". Em serviços, algo como "resposta em até 10 minutos no horário comercial". Esses pequenos textos respondem a última dúvida antes do clique e costumam aumentar os cliques sem mudar mais nada na página.

Botões animados e prontos no SubirSite

O editor do SubirSite tem botões prontos com estilos e animações, que você liga ao checkout, ao WhatsApp ou a uma seção da página. Você repete o botão onde quiser, confere tudo na prévia do celular e acompanha os cliques no painel — com hospedagem grátis.

Perguntas frequentes

Qual a melhor cor para botão de compra?

A que mais contrasta com a sua página. Não existe cor única que funciona sempre.

Quantos botões colocar na página?

Um a cada duas ou três seções, todos levando para a mesma ação.

Botão animado ajuda?

Uma animação sutil pode chamar atenção. Exageros distraem.

Como sei se o botão está funcionando?

Acompanhando os cliques e comparando com as visitas. Veja métricas da landing page.

Posso ter botões de cores diferentes?

Mantenha a mesma cor para a ação principal. Botões secundários podem ser mais discretos.

O botão deve abrir em nova aba?

Para o checkout, normalmente na mesma aba; para links externos de apoio, em nova aba.

Selos de segurança ajudam de verdade?

Ajudam a passar confiança, principalmente para quem compra pela primeira vez.