WhatsApp
InícioBlog › 7 elementos de um site que converte visitantes em clientes
Conversão17 min de leitura

7 elementos de um site que converte visitantes em clientes

Publicado em 18 de setembro de 2026 · Equipe Spartan TI

Celular exibindo um site com botão de WhatsApp e um balão de mensagem pedindo orçamento, ilustrando um site que converte

Existe um tipo de site que é bonito, tem animações, ganhou elogio da família do dono — e não gera um contato por semana. E existe o site que parece simples, quase sem graça, mas enche o WhatsApp da empresa de pedidos de orçamento. A diferença entre os dois quase nunca está na estética. Está em um conjunto de decisões práticas sobre o que o visitante vê primeiro, o que ele precisa fazer para falar com você e quanto esforço isso custa a ele.

Visita, sozinha, não paga boleto. O que paga é a visita que vira conversa, e a conversa que vira venda. Neste artigo você vai ver os sete elementos que mais pesam nessa conta, com exemplos de antes e depois, modelos de mensagem, um jeito simples de medir o resultado e um checklist para revisar o seu site hoje mesmo. Se você ainda está na fase de tirar o site do papel, vale ler antes o nosso guia completo de como criar um site profissional — aqui o foco é fazer o site que você já tem (ou vai ter) trabalhar a seu favor.

Página inicial de um site do portfólio da Spartan TI com marcações numeradas indicando proposta clara, botão de ação, prova social e botão de WhatsApp
Quatro dos sete elementos aplicados em um site real do nosso portfólio — Supercon Tecnologia.

Antes de tudo: o que é "converter"

Conversão é quando o visitante faz a ação que você quer que ele faça: chamar no WhatsApp, ligar, preencher um formulário, agendar, comprar. Taxa de conversão é a conta simples entre essas ações e o total de visitas. Se o seu site recebe 1.000 visitas no mês e 15 pessoas chamam no WhatsApp, a taxa é de 1,5%.

Essa conta mostra por que melhorar a conversão costuma ser o investimento mais barato do marketing. Dobrar as visitas exige anúncio, conteúdo e tempo. Fazer as mesmas visitas renderem mais contatos exige, muitas vezes, só trocar um título, reposicionar um botão ou tirar um obstáculo do caminho. E cada melhoria aqui multiplica tudo o que você já faz para atrair gente: o anúncio passa a render mais, o post no Instagram passa a render mais, a indicação passa a render mais.

1. Clareza em 5 segundos

Quem chega ao seu site responde três perguntas quase sem perceber, ou vai embora: o que essa empresa faz? é para mim? o que eu faço agora? Tudo isso precisa estar resolvido na primeira dobra — a parte da página que aparece antes de rolar a tela. "Bem-vindo ao nosso site" não responde nenhuma das três.

A fórmula da primeira dobra

  • Título: o que você entrega e para quem, em uma frase;
  • Subtítulo: o diferencial concreto ou a região atendida (prazo, garantia, cidade, especialidade);
  • Botão principal: a próxima ação, escrita como ação;
  • Um sinal de confiança: nota no Google, tempo de mercado, número de clientes atendidos — o que for verdadeiro e verificável.

Antes e depois: textos genéricos x específicos

A tabela abaixo compara textos genéricos, que serviriam para qualquer empresa, com textos específicos, que só servem para uma. O visitante confia mais no segundo tipo porque ele parece escrito por quem conhece o assunto. Os exemplos são ilustrativos, de uma empresa fictícia de ar-condicionado: no seu site, use as suas informações e os seus números reais.

OndeGenérico (antes)Específico (depois)
TítuloSoluções completas para vocêInstalação de ar-condicionado em até 48 horas na Grande Vitória
SubtítuloQualidade e compromisso sempreInstalação, limpeza e manutenção de split para casas e escritórios, com garantia por escrito
Botão principalSaiba maisPedir orçamento pelo WhatsApp
Botão do formulárioEnviarQuero receber meu orçamento
Prova socialOs melhores do mercadoSua nota real no Google, com o número de avaliações

Repare que o texto específico é mais longo, e tudo bem. O que atrapalha não é o tamanho, é a falta de informação. Um teste prático: mostre a primeira dobra do seu site para alguém que não conhece a sua empresa, por cinco segundos, e pergunte o que você vende e para quem. Se a pessoa hesitar, o título precisa de trabalho.

2. WhatsApp a um toque

No Brasil, o WhatsApp é onde o negócio acontece. Um botão flutuante, visível em todas as páginas, leva o visitante direto para a conversa — sem precisar copiar número, salvar contato ou trocar de aplicativo manualmente. Quanto menos passos entre a vontade e o contato, mais contatos chegam.

Como montar o link

O próprio WhatsApp oferece um formato de link que abre a conversa: https://wa.me/55DDNUMERO?text=sua mensagem. O número vai completo, com 55 (código do Brasil), DDD e número, sem espaços, parênteses ou traços. O trecho depois de ?text= é a mensagem que já aparece escrita para o cliente. Espaços e acentos precisam ser codificados (o espaço vira %20), algo que a maioria dos geradores de link e construtores de site faz sozinha.

Modelos de mensagem pré-preenchida

A mensagem pronta tem duas funções: tira do cliente o constrangimento de começar a conversa e já te diz de onde ele veio e o que quer. Alguns modelos por segmento:

  • Serviços técnicos: "Olá! Vi o site e quero um orçamento de instalação. Meu bairro é ___."
  • Clínicas e consultórios: "Olá! Vi o site e gostaria de agendar uma avaliação. Tenho disponibilidade ___."
  • Restaurantes e delivery: "Olá! Vi o cardápio no site e quero fazer um pedido."
  • Advocacia e contabilidade: "Olá! Vi o site e preciso de orientação sobre ___."
  • Lojas: "Olá! Vi este produto no site e quero saber se está disponível: ___."

Uma dica que facilita a vida: se cada página de serviço tiver a sua própria mensagem ("...orçamento de limpeza de split"), você sabe na hora qual serviço trouxe o cliente, sem precisar perguntar. E responda rápido: de nada adianta um botão perfeito se a mensagem fica horas sem resposta.

E o formulário?

O formulário continua útil para quem prefere não usar WhatsApp, para pedidos fora do horário e para empresas que vendem para outras empresas. A regra é cortar tudo o que não for indispensável para o primeiro contato: nome, telefone ou e-mail e um campo livre costumam bastar. CPF, endereço completo e cinco perguntas obrigatórias afastam gente — cada campo a mais é uma nova chance de desistir. O resto você pergunta na conversa, quando o cliente já está interessado.

3. Prova social perto da decisão

Ninguém quer ser o primeiro a arriscar. Prova social é tudo aquilo que mostra que outras pessoas já confiaram em você e deu certo — e ela reduz o medo de errar justamente no momento em que o visitante está decidindo se chama ou não.

Tipos de prova que funcionam

  • Avaliações do Google: das mais críveis, porque o visitante sabe que você não controla o que está lá;
  • Fotos de trabalhos reais: antes e depois de uma obra, pratos saindo da cozinha, a equipe em ação — nada de banco de imagens;
  • Depoimentos com nome e contexto: um depoimento assinado com nome, atividade e cidade pesa muito mais que iniciais soltas;
  • Logos de clientes: fortes para quem vende para outras empresas (sempre com autorização);
  • Números verificáveis: anos de mercado, projetos entregues, atendimentos realizados;
  • Selos e credenciais: registro em conselho profissional, certificações, garantia por escrito.

Onde posicionar

O segredo é a posição. Prova social escondida numa página "Depoimentos" que ninguém abre não trabalha. Coloque um trecho curto perto do botão principal, repita uma avaliação ao lado do formulário e mostre fotos de trabalhos junto da descrição de cada serviço. Na imagem do início deste artigo, proposta, botão de ação, prova social e WhatsApp estão todos na página inicial, sem exigir que o visitante saia procurando.

Um cuidado importante: nunca invente depoimento nem copie avaliação de outro lugar. Além de antiético, o cliente percebe — texto perfeito demais, sem nome e sem detalhe, soa falso e produz o efeito contrário. Se você ainda tem poucas avaliações, comece pedindo aos clientes satisfeitos de hoje; é um ativo que cresce com o tempo e que também ajuda a aparecer no Google nas buscas da sua região. Nosso portfólio segue a mesma lógica: projetos reais, com link para cada site no ar.

4. Velocidade

Ninguém gosta de esperar. No celular, com sinal oscilando, cada segundo de tela em branco aumenta a chance de a pessoa voltar para o resultado da busca e clicar no concorrente — você mesmo faz isso todos os dias. Site lento perde o cliente antes de ele ler o seu título, por melhor que seja o título. E a experiência de carregamento também é um dos sinais que o Google considera.

O que mais pesa

VilãoPor que pesaO que fazer
Imagens enormesFoto tirada no celular sai com vários megabytes, e o visitante baixa tudo isso para ver uma imagem pequenaRedimensionar para o tamanho exibido e converter para formatos leves, como WebP ou AVIF
Vídeo de fundoConsome dados e processamento antes de o texto importante aparecerTrocar por uma boa foto; se o vídeo for essencial, carregar só quando o visitante apertar o play
Scripts de terceirosChat, pixels de anúncio, widgets de redes sociais e mapas embutidos puxam código de outros servidoresManter só o que você usa de verdade e carregar o restante depois do conteúdo principal
Excesso de pluginsCada plugin adiciona arquivos, muitas vezes até nas páginas onde nem é usadoRevisar periodicamente e remover o que não faz falta
Fontes demaisVárias famílias e pesos de letra atrasam a exibição do textoUsar uma ou duas famílias, com poucos pesos

Como testar no PageSpeed Insights

O PageSpeed Insights é gratuito e é do próprio Google. Cole o endereço do site, espere a análise e olhe primeiro o resultado para celular, que é o mais exigente e o que mais importa. A nota vai de 0 a 100: verde é bom, laranja pede atenção, vermelho é dinheiro vazando. Mais útil que a nota são os itens de diagnóstico, que apontam o arquivo exato que está pesando — quase sempre uma imagem ou um script de terceiro. Um indicador que vale acompanhar é o LCP (maior exibição de conteúdo), que mede quanto tempo o maior elemento da tela leva para aparecer; o Google considera bom até 2,5 segundos.

Velocidade não se resolve uma vez só. Plugins desatualizados, fotos novas subidas sem tratamento e scripts acumulados vão deixando o site mais pesado com o tempo — é um dos motivos pelos quais a manutenção de site faz diferença direta no número de contatos.

5. Um objetivo por página

Página com dez botões diferentes converte menos que página com um. Quando tudo tem o mesmo destaque — "Conheça", "Assine a newsletter", "Siga no Instagram", "Baixe o catálogo", "Fale conosco" —, o visitante não sabe o que fazer e muitas vezes não faz nada.

Como aplicar

  1. Para cada página, escreva em uma linha qual é a ação principal: pedir orçamento, agendar, ligar ou comprar;
  2. Dê a essa ação o botão mais visível, com a cor de destaque do site, e repita-o ao longo da página (no topo, no meio e no final);
  3. Rebaixe as ações secundárias para links discretos ou para o rodapé;
  4. Tire do caminho o que desvia: um link para rede social no topo da página de serviço, por exemplo, manda o visitante embora justamente quando ele estava perto de decidir.

Isso vale ainda mais para páginas que recebem tráfego pago. Quem anuncia leva o clique para algum lugar, e levar para um perfil cheio de distrações costuma render menos do que levar para uma página feita para uma única ação — uma das diferenças que discutimos em site ou Instagram para a empresa. Em loja virtual a lógica é a mesma, só que o objetivo é o carrinho: página de produto boa tem foto, preço, frete e botão de compra sem distrações, seja numa loja própria ou num marketplace (comparamos os dois em loja virtual própria ou marketplace).

6. Feito para o polegar

A maior parte dos visitantes de uma pequena empresa chega pelo celular, muitas vezes segurando o aparelho com uma mão só — no ônibus, na fila, no intervalo do trabalho. O site precisa ser confortável para o polegar, e não apenas "caber" na tela.

  • Área de toque generosa: botões com algo entre 44 e 48 pixels de altura, faixa que aparece nas diretrizes de design da Apple e do Google, e espaço entre um link e outro para ninguém tocar no errado;
  • Telefone clicável: o número deve ser um link do tipo tel:, que abre o discador com um toque, e não um texto que obriga a copiar;
  • Endereço no mapa: o endereço deve abrir direto no Google Maps ou no Waze, com a rota pronta;
  • Texto legível: fonte de 16 pixels no corpo do texto é o padrão mais seguro; campos de formulário com letra menor que isso fazem o iPhone dar zoom sozinho, o que atrapalha o preenchimento;
  • Parágrafos curtos e subtítulos: no celular, um parágrafo de dez linhas vira uma parede de texto;
  • Botão ao alcance: a parte de baixo da tela é a mais fácil de alcançar com o polegar, por isso o botão flutuante de WhatsApp costuma ficar no canto inferior.

O teste definitivo é simples e de graça: abra o seu site no seu próprio celular, com uma mão, e tente pedir um orçamento. Depois peça para alguém mais velho da família fazer o mesmo. Cada obstáculo que vocês sentirem, o cliente sente dobrado — e ele não tem motivo nenhum para insistir.

7. Responda o preço (ou o caminho até ele)

"Quanto custa?" é a pergunta número um de quase todo visitante, e a maioria dos sites foge dela. O medo é compreensível: o concorrente vai ver, o cliente vai achar caro, cada caso é um caso. Mas o silêncio também tem custo: o visitante sem resposta vai embora e pergunta para quem responde.

Como falar de preço sem medo

  • "A partir de": mostra o piso e deixa claro que o valor final depende do caso;
  • Faixas: "projetos residenciais costumam ficar entre X e Y" ajuda o cliente a se enxergar;
  • Pacotes: dois ou três planos, com o que está incluído em cada um, facilitam a comparação;
  • O que muda o preço: explicar os fatores (tamanho, material, prazo, distância) mostra transparência e educa o cliente;
  • O caminho até o preço: se realmente não dá para estimar, diga como o orçamento é feito, em quanto tempo sai e se tem algum custo.

Transparência filtra curiosos e atrai quem já está pronto para comprar. Seguimos essa regra no nosso próprio site: o plano da Spartan TI começa em R$ 89,90 por mês, com desenvolvimento gratuito e sem taxa de setup, e isso está publicado para qualquer um ver. Se quiser entender os modelos de cobrança do mercado e o que cada um inclui, explicamos em quanto custa um site profissional em 2026.

Erros que derrubam a conversão

Às vezes o site tem os sete elementos e ainda assim converte pouco, porque alguma coisa está atrapalhando. Os suspeitos mais comuns:

  • Pop-up agressivo: janela que cobre a tela assim que a página abre, pedindo e-mail antes de o visitante saber o que você faz. No celular é ainda pior, e o Google trata esse tipo de interrupção como experiência ruim;
  • Carrossel automático: banners que trocam sozinhos a cada poucos segundos. Pouca gente espera até o terceiro slide, a mensagem principal fica diluída e o movimento distrai. Uma única mensagem forte funciona melhor;
  • Texto dentro de imagem: fica ilegível no celular, não é lido pelo Google nem por leitores de tela e não pode ser copiado. Texto deve ser texto;
  • Botões vagos: "Clique aqui", "Enviar" e "Saiba mais" não dizem o que vai acontecer depois do clique;
  • Menu com opções demais: quinze itens no menu obrigam o visitante a pensar; cinco ou seis bem nomeados bastam para a maioria das empresas;
  • Informação desatualizada: horário errado, promoção vencida, telefone antigo e um ano de cinco anos atrás no rodapé passam a impressão de empresa abandonada;
  • Vídeo ou música que tocam sozinhos com som: a reação instintiva é fechar a aba.

Como saber se está funcionando

Conversão se mede. Sem número, qualquer mudança vira opinião — a sua, a do sobrinho que entende de computador, a da agência. Com número, vira decisão.

O mínimo que toda PME deveria medir

  1. Instale o Google Analytics, que é gratuito, e acompanhe quantas visitas o site recebe por mês e de onde elas vêm (Google, Instagram, anúncios, acesso direto);
  2. Registre os cliques no WhatsApp como evento: a medição otimizada do Analytics já registra cliques em links que levam para fora do site, e o link do WhatsApp é um deles. A partir disso, dá para criar um evento só para esses cliques e marcá-lo como evento principal, que é como o Analytics chama as conversões;
  3. Faça o mesmo com o telefone e o formulário: clique no link tel: e envio do formulário concluído;
  4. Cruze com a vida real: pergunte a cada cliente novo como ele conheceu a empresa e anote. A mensagem pré-preenchida diferente por página ajuda muito aqui.

Teste A/B simples para pequena empresa

Teste A/B é comparar duas versões de uma página para ver qual gera mais contatos. As ferramentas que dividem o público ao meio precisam de bastante tráfego para dar uma resposta confiável, e a maioria das pequenas empresas não tem esse volume. A versão possível é mais simples e funciona:

  1. Anote a taxa de conversão atual de uma página (cliques no WhatsApp divididos pelas visitas) ao longo de algumas semanas;
  2. Mude uma coisa só: o título, o texto do botão ou a posição da prova social;
  3. Espere o mesmo número de semanas e compare, desconfiando de períodos atípicos (feriado, campanha, sazonalidade do seu setor);
  4. Ficou melhor? Mantenha e teste a próxima coisa. Ficou igual ou pior? Volte e tente outra hipótese.

Pequenos ajustes mensais, medidos, costumam superar reformas anuais feitas no achismo. Trate o site como um vendedor em treinamento: ele melhora com acompanhamento.

Checklist rápido: primeira dobra diz o que você faz, para quem e qual o próximo passo · botão de WhatsApp em todas as páginas, com mensagem pronta · prova social real ao lado do botão · página leve, com nota verde no celular no PageSpeed · uma ação principal por página · botões grandes, telefone clicável e endereço no mapa · preço, faixa ou caminho até o preço · nada de pop-up que cobre a tela, carrossel automático ou texto em imagem · cliques no WhatsApp medidos no Analytics.

Se o seu site hoje não passa nesse checklist e você prefere não mexer sozinho, fale com a gente. A Spartan TI é do Espírito Santo, atende empresas de todo o Brasil e entrega sites com esses elementos aplicados em até 3 dias úteis, com hospedagem, SSL, manutenção técnica e suporte pelo WhatsApp incluídos na mensalidade.

Perguntas frequentes

O que é uma boa taxa de conversão para um site de empresa?

Depende muito do segmento, do valor do que você vende e de onde vem o tráfego, por isso comparar com a média de outro negócio engana. O número que importa é o seu: meça a taxa atual e trabalhe para melhorá-la mês a mês. Se ela sobe, o site está no caminho certo.

É melhor botão de WhatsApp ou formulário?

Para a maioria das pequenas empresas brasileiras, o WhatsApp tende a gerar mais contatos, porque é imediato e o cliente já usa o aplicativo o dia todo. O ideal é oferecer os dois: WhatsApp como porta principal e um formulário curto para quem prefere e-mail ou escreve fora do horário.

Preciso mostrar preço no site mesmo que cada serviço seja diferente?

Não precisa cravar um valor exato. Um "a partir de", uma faixa de preço ou a explicação do que faz o valor mudar já respondem a principal dúvida do visitante e evitam que ele vá perguntar para o concorrente.

Meu site é bonito, mas não gera contatos. Preciso refazer tudo?

Nem sempre. Comece pelo que é mais barato de mudar: título da primeira dobra, texto dos botões, botão de WhatsApp com mensagem pronta e prova social perto do contato. Se a nota de velocidade no celular estiver no vermelho ou o site for difícil de usar com uma mão, aí costuma compensar reconstruir.

Em quanto tempo dá para ver resultado das mudanças?

Depende do volume de visitas. Um site com poucas visitas por dia precisa de algumas semanas para mostrar uma diferença confiável; um site com mais tráfego mostra antes. Por isso vale mudar uma coisa de cada vez e comparar períodos parecidos.

Leia também

Para empresas17 min de leitura Quanto custa um site profissional em 2026?

Faixas de preço de site em 2026, custos escondidos, custo total em 24 meses por modelo de contratação e como comparar orçamentos sem cair em armadilhas.

Para empresas17 min de leitura Sua empresa precisa de site ou basta o Instagram?

Instagram atrai e engaja, mas não é seu e quase não aparece no Google. Veja o papel de cada canal, os riscos de depender só da rede e o mínimo para ter site.

SEO18 min de leitura Como fazer sua empresa aparecer no Google: SEO local na prática

SEO local na prática: como o Google escolhe o pacote local, Perfil da Empresa, avaliações, páginas por serviço e cidade, checklist técnico e plano de 90 dias.

Site profissional com tudo incluído
Desenvolvimento, hospedagem, SSL, SEO e manutenção por mensalidade fixa — entrega em até 3 dias úteis.

Pedir orçamento no WhatsApp