Ir para o gerador
Click-to-Chat Builder

Adicionar um botão de WhatsApp ao WordPress

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

Abrir o gerador completo

Como adicionar ao WordPress

  1. No painel do WordPress, abra Aparência → Editor de arquivos do tema, ou instale um plugin de scripts no rodapé se o seu tema estiver bloqueado.
  2. Cole o código logo antes da tag </body> no footer.php, ou no campo «antes de </body>» do plugin.
  3. Salve e carregue qualquer página do seu site: o botão aparece no canto de todas as páginas servidas por aquele rodapé.
  4. Se você usa um tema filho, edite o footer.php do tema filho para que uma atualização do tema pai não sobrescreva.

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