Adicionar um botão de WhatsApp ao Squarespace

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

Abrir o gerador completo

Como adicionar ao Squarespace

Vá em Configurações → Avançado → Injeção de código no seu site Squarespace.
Cole o código no campo Rodapé.
Salve e recarregue seu site publicado para ver o botão.
A injeção de código exige o plano Business ou superior; no Personal, adicione um bloco de código em páginas específicas.

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.