Ir para o gerador
Click-to-Chat Builder

Adicionar um botão de WhatsApp ao qualquer site HTML

Monte o widget aqui, copie um bloco de HTML e cole no qualquer site HTML. Sem plugin para instalar, sem mensalidade e sem nenhum script carregando do servidor de outra pessoa.

Abrir o gerador completo

Como adicionar ao qualquer site HTML

  1. Abra o arquivo HTML da sua página, ou o template compartilhado que todas as páginas usam.
  2. Cole o código logo antes da tag </body>.
  3. Envie o arquivo e recarregue seu site.
  4. Com uma Content-Security-Policy estrita, mova os blocos <style> e <script> para arquivos próprios e referencie-os em vez de embutir.

Por que não usar um plugin?

Um plugin de chat hospedado acrescenta uma requisição de terceiros a cada carregamento de página, pode mudar o próprio design sem avisar e normalmente começa a pedir assinatura quando seu tráfego cresce. O código que você monta aqui é HTML, CSS e JavaScript puros que vivem no seu próprio template: cerca de 11 KB, sem requisições externas e sem o roteiro de ninguém.

Antes de colar

Monte o widget primeiro no gerador completo e use «Baixar página de teste» para confirmar que está do jeito certo. Depois copie o código e siga os passos acima: cole uma vez só, em um template que todas as páginas compartilham, em vez de página por página.

Perguntas frequentes

O widget de chat vai deixar meu site lento?
Ele acrescenta cerca de 11 KB de HTML, CSS e JavaScript embutidos e não faz nenhuma requisição de rede, então não custa download separado e não pode bloquear a renderização. Widgets de chat hospedados costumam carregar 100 KB ou mais de um terceiro.
O widget é acessível?
Os contatos são links de verdade, então funcionam sem JavaScript e com leitor de tela. O botão informa seu estado, o painel fecha com Esc, o foco entra e volta, cada alvo tem pelo menos 44 pixels e a animação é dispensada quando o visitante pede menos movimento.

Continue lendo