Call to action que gera contato no site de empresa local

Call to action, ou CTA, é o botão ou a chamada que diz ao visitante qual é o próximo passo, como pedir orçamento, chamar no WhatsApp ou agendar. Nos sites de empresa local, o que mais aumenta o número de contatos costuma ser um texto que diz o que acontece depois do clique, um botão fácil de ver e de tocar no celular, e uma única ação principal por página.

• O texto do botão deve dizer o que a pessoa recebe ou o que vai acontecer, como Pedir orçamento pelo WhatsApp.
• Cada página tem uma ação principal, e as outras ficam em segundo plano.
• O botão precisa de contraste suficiente com o fundo e de uma área de toque confortável no celular.
• O WhatsApp funciona bem como CTA em negócio local, com mensagem já preenchida.
• Sem medir o clique, não dá para saber se a mudança ajudou.

Muita página tem o botão certo no lugar errado, ou o lugar certo com uma frase que não diz nada. Nos dois casos, a pessoa entendeu o serviço e não sabe o que fazer em seguida.

Este guia percorre texto, posição, cor, tamanho, WhatsApp e medição. Ele faz parte do trabalho de criação de sites profissionais para empresas, em que cada página nasce com uma ação definida.

O que é um call to action e onde ele aparece

Um call to action é qualquer elemento da página que pede uma ação específica e a torna fácil de executar. Pode ser um botão, um link no meio do texto, um número de telefone que abre a discagem ou uma barra de contato fixa no celular.

Num site de empresa local, os CTAs mais comuns são estes:

• Pedir orçamento.
• Chamar no WhatsApp.
• Ligar agora.
• Agendar horário.
• Ver como chegar.
• Falar sobre um serviço específico.

Cada um tem um custo diferente para quem clica. Ligar exige coragem para falar com alguém, o WhatsApp permite escrever com calma, e o formulário pede que a pessoa digite dados antes de receber qualquer resposta.

Por isso a escolha do CTA depende de quem visita e do momento em que ele está. Quem pesquisa preço quer algo leve, e quem já decidiu contratar aceita um passo maior. O artigo sobre taxa de conversão do site mostra como definir e medir essa ação principal antes de mexer no botão.

Que texto colocar no botão

O texto do botão funciona melhor quando diz o que a pessoa vai receber ou o que vai acontecer no clique. Enviar deixa a dúvida aberta, e Receber orçamento em até um dia útil responde antes de a pessoa perguntar.

A regra prática é começar com um verbo de ação no infinitivo e completar com o resultado. O verbo diz o que fazer, e o complemento diz o que vem depois.

Texto genérico	Texto que diz o que acontece
Enviar	Pedir orçamento sem compromisso
Saiba mais	Ver como funciona a instalação
Clique aqui	Chamar no WhatsApp
Contato	Agendar uma conversa
Comprar	Escolher meu modelo

A conclusão da tabela vale em texto: o botão bom responde à pergunta que a pessoa faz na cabeça no momento do clique, que costuma ser o que acontece agora. Prometa só o que você entrega. Se o orçamento sai em dois dias úteis, escreva dois dias úteis.

Texto em primeira pessoa, como Quero meu orçamento, aparece bastante em botão e pode funcionar. Teste as duas formas quando houver visita suficiente.

Como escrever o texto da página e do botão na linguagem do cliente

O texto que vende em site local usa as palavras que o cliente usaria numa conversa, e não as palavras do setor. Se a clínica chama de procedimento, mas o paciente digita tratamento para dor no joelho, é a segunda expressão que entra no título e no botão.

Uma lista de palavras que vendem, copiada de artigo genérico, rende menos que ouvir o cliente. Estes são os lugares onde as palavras reais aparecem:

1. As consultas que o Google Search Console mostra para a página, que são a frase exata digitada por quem chegou.
2. As perguntas que chegam por WhatsApp e telefone, copiadas quase palavra por palavra.
3. As avaliações no Google, onde o cliente descreve o problema e o serviço com as próprias palavras.
4. As perguntas que o atendimento repete todos os dias.

Com esse material, a página segue uma ordem simples. Primeiro vem o título com o serviço e a cidade, depois duas ou três frases dizendo o que a pessoa recebe, depois a resposta às dúvidas de preço, prazo e área atendida, e só então o botão.

A documentação do Google sobre conteúdo útil pede texto escrito para as pessoas, e não texto que só repete palavras de busca. Frases curtas e um assunto por parágrafo deixam a página fácil de escanear.

Um exemplo de reescrita, para uma página de dedetização, mostra a diferença. O título Soluções integradas de controle de pragas passa a dizer Dedetização de casa e apartamento em Florianópolis, e o botão Solicitar proposta passa a dizer Pedir orçamento pelo WhatsApp. O serviço é o mesmo, e a segunda versão já responde o que a pessoa procurava.

Onde posicionar o CTA na página

O CTA principal deve aparecer logo na primeira tela, sem rolagem, e voltar em pontos em que a pessoa já tem motivo para agir. Não existe um lugar único que funcione para todas as páginas.

Uma estrutura que funciona para página de serviço tem três pontos de contato:

• Na primeira tela, junto ao título, para quem já sabe o que quer.
• Depois do bloco de prova, como fotos de trabalhos e avaliações, para quem precisava de confiança.
• No fim da página, depois das respostas às dúvidas frequentes, para quem leu tudo.

O botão repetido leva sempre à mesma ação e usa o mesmo texto. Assim a pessoa reconhece o caminho, e o relatório de medição fica claro.

No celular, uma barra pequena e fixa com os botões de WhatsApp e ligação mantém o contato à mão durante a rolagem. Ela precisa ser baixa, deixar o conteúdo visível e ter altura reservada para não deslocar o layout quando aparece. O Core Web Vitals do Google trata deslocamento inesperado de layout como problema, e o limite recomendado pela web.dev é um CLS de 0,1 ou menos.

Cor e contraste do botão

O botão precisa de contraste suficiente com o fundo para ser visto por qualquer pessoa, em qualquer tela e sob luz forte. Não existe cor mágica de botão, e o que decide é o contraste com o que está em volta.

As diretrizes de acessibilidade WCAG 2.2, do W3C, trazem números que servem de referência:

• Texto normal precisa de contraste de pelo menos 4,5 para 1 com o fundo (critério 1.4.3).
• Texto grande aceita 3 para 1, o que vale para botões com letra grande e em negrito.
• O contorno ou o fundo do botão, como componente de interface, precisa de pelo menos 3 para 1 contra as cores vizinhas (critério 1.4.11).

Na prática, texto branco sobre um azul ou verde escuros passa com folga. Texto branco sobre amarelo ou laranja claros costuma falhar, e o teste leva um minuto numa calculadora de contraste.

O botão principal deve ser a única peça de cor forte da página. Se cinco elementos disputam atenção, nenhum vence. Botões secundários ficam com contorno ou fundo neutro, e assim o principal se destaca sem precisar gritar.

Tamanho e espaçamento no celular

O botão precisa ser fácil de tocar com o polegar, com área grande e espaço livre em volta. A maior parte dos visitantes de site local chega pelo celular, e é lá que botão pequeno demais gera toque errado.

O WCAG 2.2 pede alvos de pelo menos 24 por 24 pixels CSS como nível mínimo (critério 2.5.8, nível AA), com uma exceção para alvos menores que tenham espaço suficiente ao redor. A web.dev recomenda algo em torno de 48 pixels independentes de densidade, com cerca de 8 pixels de separação entre alvos vizinhos.

Vale usar o número maior como meta, e um ícone de 24 pixels pode ganhar preenchimento até chegar aos 48.

Esse cuidado combina com o restante do trabalho de tela pequena, descrito no guia de site responsivo no celular. Botão bem desenhado no computador que fica apertado no celular perde justamente o contato de quem estava pronto para agir.

WhatsApp como call to action

O WhatsApp é o CTA mais natural para empresa local no Brasil, porque a pessoa já usa o aplicativo todos os dias e escreve sem sair do celular. A barreira é menor que a de um formulário, e a conversa começa no canal em que o cliente se sente à vontade.

O link segue o formato do WhatsApp, conforme a Central de Ajuda da empresa: wa.me, seguido do código do país e do número, só com dígitos, e um parâmetro text com a mensagem já escrita. Para o Brasil o código é 55, e o número entra com o DDD, sem espaço, parêntese ou traço.

A mensagem pré-preenchida é o detalhe que mais ajuda. Ela pode dizer Olá, vi o serviço de dedetização no site e quero um orçamento, o que evita a conversa começar com uma tela vazia e ainda mostra à empresa de qual página veio o contato.

Alguns pontos deixam o WhatsApp funcionando bem como CTA:

• O botão diz o que é, como Chamar no WhatsApp, e usa o ícone reconhecível como apoio.
• A página informa o horário de atendimento, para a pessoa saber quando esperar resposta.
• Cada página de serviço tem a própria mensagem inicial.
• O número é o mesmo do Perfil de Empresa no Google, para o contato ficar coerente em todos os lugares.

O WhatsApp e o formulário se complementam. Quem prefere escrever escolhe o primeiro, e quem quer enviar detalhes, como fotos ou medidas, costuma preferir o segundo. O guia de formulários inteligentes trata o segundo caso com mais detalhe.

Um CTA principal por página

Cada página deve ter uma ação principal, e todo o resto apoia essa ação. Página com cinco pedidos diferentes divide a atenção, e a pessoa acaba não fazendo nenhum.

Tipo de página	CTA principal	Apoio
Página de serviço	Pedir orçamento pelo WhatsApp	Telefone, formulário
Página de contato	Enviar mensagem	Endereço, mapa, horário
Artigo do blog	Ir para a página do serviço relacionado	Assinar novidades, se existir
Home	Escolher o serviço	Contato no topo
Página sobre	Falar com a equipe	Ver trabalhos

A tabela mostra o raciocínio, e a escolha final depende do negócio. Numa clínica, o principal costuma ser o agendamento. Numa loja de bairro, pode ser ver como chegar.

Como medir se o CTA funciona

A única forma de saber se um botão funciona é medir o clique e o que vem depois dele. Sem medição, a opinião de quem construiu a página decide, e opinião costuma errar.

No Google Analytics 4, o passo é registrar os cliques como eventos e marcar os que importam como eventos-chave. Segundo a Ajuda do Analytics, os eventos-chave passaram a ser o nome dos antigos eventos de conversão a partir de março de 2024. Um evento como generate_lead, usado para envio de formulário, pode ser marcado assim, e a marcação vale a partir da data em que é feita, sem alterar o passado.

O mínimo a acompanhar em site local:

1. Clique no botão de WhatsApp, por página.
2. Clique no telefone.
3. Envio do formulário.
4. Clique em ver como chegar.

Para mudar o texto ou a posição, faça uma alteração por vez e compare períodos parecidos. Site com pouca visita não tem volume para teste A/B confiável, e a comparação de um mês contra o mês anterior, com a mesma origem de tráfego, já ajuda.

Como montamos os botões dos sites que entregamos

Recomendamos definir a ação principal de cada página numa conversa antes de desenhar qualquer coisa, porque o botão depende dessa resposta. Nessa conversa perguntamos o que o dono quer que aconteça quando alguém chega, e o resultado vira o CTA da página.

Nós escrevemos os textos das páginas e dos botões a partir do que o cliente explica, na linguagem que o público dele usa. Usamos os termos que aparecem no Search Console e nas mensagens que a empresa já recebe, e recomendamos que cada página de serviço tenha uma mensagem própria de WhatsApp.

Testamos os botões em tela pequena antes de entregar, com o polegar, para conferir área de toque, espaço entre alvos e contraste sob luz forte. Montamos o site com o painel visual do WordPress, e o cliente ajusta o texto de qualquer botão sozinho quando quiser testar outra versão.

Também recomendamos que o clique no WhatsApp e no telefone seja medido desde o dia da publicação. Assim, o primeiro relatório já mostra quais páginas geram contato.

Erros comuns e como ajustar

Os problemas mais frequentes com CTA têm ajuste simples, e o primeiro passo é reconhecê-los na própria página.

• Botão com texto genérico: troque por um verbo mais o resultado.
• Vários botões de peso igual: escolha um principal e reduza os demais.
• Botão só no rodapé: repita a ação principal na primeira tela.
• Contraste baixo ou botão pequeno: ajuste até 4,5 para 1 no texto e perto de 48 pixels de área de toque.
• Nenhuma medição: registre os cliques antes de qualquer outra mudança.

Cada item tem custo baixo e vale ser conferido com o site aberto no próprio celular, num dia de sol.

Perguntas frequentes

Qual cor de botão converte mais?
A que tem melhor contraste com o fundo e com o restante da página. Não existe cor vencedora universal, porque o resultado depende do fundo, da marca e de quem visita. Meça antes e depois de qualquer troca.

O botão de WhatsApp precisa de formulário junto?
Depende do serviço. Quando o cliente precisa enviar medidas, fotos ou detalhes, o formulário ajuda, e para dúvida rápida o WhatsApp resolve sozinho.

Vale usar um CTA fixo no celular?
Vale quando ele é baixo, deixa o conteúdo à vista e tem altura reservada no layout. Confira no teste em tela pequena se ele não cobre o texto nem o formulário.

O que levar daqui

Um bom call to action diz o que acontece no clique, aparece cedo, tem contraste e área de toque confortáveis e vem de uma ação principal escolhida para a página. O texto ao redor usa as palavras do cliente, e a medição mostra o que funcionou. O critério para decidir é sempre a ação que o visitante precisa executar para virar contato.

A Virtual Floripa monta cada página de serviço com essa lógica desde o início. Se o seu site recebe visita e o telefone pouco toca, vale conferir o botão, o texto e a medição antes de qualquer refação maior, e a página de criação de sites profissionais mostra como trabalhamos.