Ir para o gerador
Click-to-Chat Builder

Adicionar um botão de WhatsApp ao Shopify

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

Abrir o gerador completo

Como adicionar ao Shopify

  1. No admin da Shopify, vá em Loja virtual → Temas → … → Editar código.
  2. Abra layout/theme.liquid e procure a tag </body> perto do fim.
  3. Cole o código logo acima de </body> e salve.
  4. Duplique seu tema antes de editar, assim você volta atrás com um clique se algo ficar estranho.

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