Como criar um botão de WhatsApp pro seu site

Updated on September 24, 2026

O Botão WhatsApp do Syncro é um snippet de JavaScript que você cola no seu site pra que visitantes cliquem e abram uma conversa com você no WhatsApp. Diferente de um link wa.me/... simples, o botão do Syncro rastreia cada clique, captura UTMs (Google Ads, Meta Ads) e atribui a origem certinha quando o cliente vira lead.

Você pode criar até 3 botões distintos por conta — útil se você usa um botão por landing page, um por anúncio, etc.

Pré-requisitos

-Permissão de admin. -Um número de WhatsApp ativo pra onde os cliques serão direcionados (não precisa estar conectado ao Syncro como instância — pode ser qualquer número que você atende).

Criar um botão

1.Acesse Configurações → Integrações e localize o card Botão WhatsApp com o subtítulo "Botão para site com rastreamento de cliques". 2.Clique em Criar botão. 3.Preencha o formulário: -Número WhatsApp (obrigatório): o número que vai receber as mensagens, no formato internacional (ex: 5511999998888). -Label do botão: o texto que aparece dentro do botão flutuante (ex: Falar no WhatsApp). -Mensagem padrão: o texto que vai automaticamente preenchido no WhatsApp do cliente quando ele clicar (ex: Olá! Vi seu site e quero saber mais...). -Botão flutuante (canto inferior direito): marque pra que o botão apareça flutuando em todas as páginas do seu site. 4.Clique em Salvar. 5.Aparece o toast Botão criado! e o card já mostra o Código de Incorporação e o Link de Rastreamento.

[IMAGEM AQUI]formulário "Criar botão" com campos preenchidos

Embedar no site

Depois de criar, você tem duas formas de usar o botão:

Opção 1 — Código de Incorporação (botão visual no site)

1.No card do botão criado, clique em Copiar ao lado de Código de Incorporação. 2.Cole o código <script> no HTML do seu site, idealmente antes do fechamento da tag </body>. 3.Salve e publique o site. 4.O botão aparece flutuando (se você marcou Botão flutuante) ou onde você colocar o snippet.

Opção 2 — Link de Rastreamento (uso em anúncios)

1.No card do botão, clique em Copiar ao lado de Link de Rastreamento. 2.Use esse link em anúncios do Google Ads / Facebook Ads ou onde você precisar de um link clicável. 3.Quando alguém clicar, é redirecionado pro WhatsApp com a mensagem padrão preenchida e o Syncro registra: -O clique com data/hora -UTMs (utm_source, utm_medium, utm_campaign, utm_content, utm_term) capturados da URL -fbclid e gclid se vierem do Meta/Google Ads

Dica: a observação no card explica isso: "Use este link nos anúncios do Google Ads / Facebook Ads. Os UTMs da URL são capturados automaticamente no servidor."

[IMAGEM AQUI]card do botão criado mostrando o "Código de Incorporação" e o "Link de Rastreamento" com os botões "Copiar"

Acompanhar cliques

O card do botão mostra X cliques nos últimos 7 dias assim que começa a receber tráfego. Pra ver o detalhamento:

1.Vá em Relatórios → Relatórios UTM (ou na seção de Relatórios, dependendo da sua versão). 2.Filtre pelo período desejado. 3.Veja a quebra por origem/médio/campanha — cada linha mostra cliques, leads gerados e conversões.

Veja Relatório UTM pra detalhes.

Editar um botão existente

1.No card Botão WhatsApp, encontre o botão criado. 2.Clique em Editar (ícone de lápis). 3.Altere os campos desejados. 4.Clique em Salvar. 5.Aparece o toast Botão atualizado!.

Atenção: alterações na mensagem padrão ou no número afetam imediatamente o snippet <script> que está no seu site — você não precisa atualizar o código no site, apenas a configuração no Syncro.

Ativar / desativar um botão

Em vez de deletar o botão (que invalida links já em circulação em anúncios), você pode desativar temporariamente:

1.No card do botão, alterne o status entre Ativo e Inativo. 2.Quando inativo, o snippet continua existindo no seu site, mas o botão não aparece e o link de rastreamento não redireciona.

Reative quando quiser — sem perder histórico de cliques.

Limite de 3 botões

A versão atual permite até 3 botões por conta. Se você precisa de mais, use UTMs diferentes no mesmo botão (ex: link com ?utm_campaign=summer-sale vs ?utm_campaign=black-friday) — os UTMs são preservados.

Boas práticas

-Use uma mensagem padrão diferente por botão pra você saber qual landing/anúncio originou o lead só de ler o primeiro texto. -Mantenha o número do botão igual ao número conectado no Syncro — assim a conversa cai direto na sua caixa de entrada com lead criado. -Não delete botões que você usa em anúncios pagos. Desative em vez disso. -Combine com Auto-criar leads do WhatsApp pra que cada conversa nova vire um lead automaticamente no funil.