synczap.
PTEN
Teste grátis

Botão do WhatsApp para o seu site

Gere o HTML e o CSS de um botão flutuante do WhatsApp para o seu próprio site: escolha o canto, a cor, o texto e a mensagem e, se quiser, esconda ou troque o texto fora do horário de atendimento no seu fuso. Você copia o código; nada é instalado por nós.

Roda 100% no seu navegador: sem conta, sem upload. O que você digita ou abre nesta ferramenta não é enviado para nenhum servidor.

Conversa

Com DDD. Também aceita +55 ou outro código de país.

Botão

Deixe vazio para um botão redondo só com ícone.

O texto fica preto ou branco, o que tiver mais contraste.

Horário de atendimento (opcional)

Prévia aproximada

Ilustração feita nesta página; o código abaixo não é executado aqui.

Código para o seu site

Digite um número válido para gerar o código.

Como usar

  1. 1Informe o número e a mensagem. O botão abre um link wa.me com esse número e a mensagem já escrita.
  2. 2Personalize o botão. Escolha canto inferior direito ou esquerdo, a cor e o texto. Sem texto, o botão fica redondo, só com ícone. A cor do texto é escolhida pelo contraste.
  3. 3Defina o horário (opcional). Escolha o fuso, os dias e o horário. Fora dele, um pequeno script esconde o botão ou troca o texto, e confere de novo a cada minuto.
  4. 4Copie e cole. Cole o código antes de </body> nas suas páginas ou na área de código personalizado (HTML) do seu construtor de sites.
  • O ícone é um balão de conversa genérico desenhado para esta ferramenta, não o logotipo do WhatsApp.
  • A parte do horário é um pequeno script embutido. Se a política de segurança (CSP) do seu site bloquear scripts embutidos, mova-o para um arquivo .js ou deixe o horário desligado.

Perguntas frequentes

Precisa de plugin ou de conta?

Não. É HTML e CSS simples (e um script opcional), sem arquivo externo, rastreamento ou conta.

Funciona no WordPress, Wix ou Shopify?

Onde der para colocar HTML personalizado em todas as páginas: rodapé do tema, bloco de código personalizado ou configuração de código no cabeçalho/rodapé.

Como o horário é conferido?

O script lê a hora atual no fuso escolhido, com o relógio do navegador do visitante e a API Intl nativa, e compara com os seus dias e horários.

Posso mudar depois?

Pode. Volte aqui, ajuste as opções e cole o código novo no lugar do antigo.

Ferramentas relacionadas

Ver todas as ferramentas grátis

WhatsApp é marca da Meta Platforms, Inc.; estas ferramentas e o SyncZap não são afiliados, endossados nem patrocinados pelo WhatsApp ou pela Meta. Os resultados são gerados no seu navegador a partir do que você informa; confira antes de publicar ou imprimir.