Instalar no seu site
Adicione o botão de chat ao WordPress, Wix, Shopify, Squarespace ou qualquer site, ou compartilhe o link de uma página de chat.
Seu assistente precisa estar no ar para que os clientes possam usá-lo. Veja o Início rápido.
Obtenha o código do seu chat
- Abra seu assistente e escolha Integrações na barra lateral.
- Clique em Chat do site.
- Em Seu código do chat, clique em Copiar código.
O código tem poucas linhas e começa com <script. Ele já contém o ID do seu assistente, então você não precisa alterar nada.
Se outra pessoa cuida do seu site, clique em Enviar estas instruções por e-mail para quem cuida do meu site. Isso abre um e-mail com o código e os passos abaixo.
Adicione o código ao seu site
Escolha a ferramenta que você usou para criar seu site.
WordPress
- Faça login no painel do WordPress.
- Vá em Plugins → Add New, procure por "WPCode" (ou "Insert Headers and Footers"), instale e ative.
- Abra Code Snippets → Header & Footer.
- Cole o código do chat na caixa Footer.
- Clique em Save e abra seu site para ver o botão de chat.
Wix
- Abra o painel do Wix e vá em Settings.
- Em Advanced, escolha Custom Code e clique em + Add Custom Code.
- Cole o código do chat na caixa.
- Defina Add Code to Pages como All pages e Place Code in como Body - end.
- Clique em Apply e publique seu site.
Shopify
- No admin da Shopify, vá em Online Store → Themes.
- Ao lado do seu tema atual, clique no botão ⋯ → Edit code.
- Abra o arquivo
theme.liquid(em Layout). - Cole o código do chat logo acima da linha que diz
</body>. - Clique em Save e visite sua loja para ver o botão de chat.
Squarespace
- Abra Settings → Advanced → Code Injection. Em alguns planos, é Website → Pages → Custom Code.
- Cole o código do chat na caixa Footer.
- Clique em Save e visite seu site para ver o botão de chat.
O Code Injection exige um plano Business ou superior do Squarespace.
Outros sites
- Cole o código do chat no HTML do seu site, em todas as páginas, logo antes da tag de fechamento
</body>. Se o seu site tem um rodapé ou modelo compartilhado, coloque lá. - Publique seu site e atualize uma página para ver o botão de chat.
- Se o seu site usa uma Content Security Policy, permita scripts e frames do endereço da Chatzora mostrado no código.
Verifique se funciona
- Em Chat do site, digite o endereço do seu site em Verifique se funciona.
- Clique em Verificar meu site.
- Abra seu site e envie uma mensagem de teste no chat.
As mensagens enviadas pelo seu site real são conversas reais. Elas aparecem em Conversas e contam nas suas mensagens mensais.
Sem site? Compartilhe sua página de chat
Em Chat do site, em Sem site? Compartilhe sua página de chat, clique em Copiar link. O link é assim:
https://chatzora.com/widget?agentId=YOUR_ASSISTANT_IDOs clientes podem abri-lo em qualquer celular ou computador e conversar com seu assistente. Adicione-o aos seus perfis de redes sociais, ao seu perfil do Google Meu Negócio, a e-mails ou a um QR code.
Desative o chat do site
Em Chat do site, clique em Desativar o chat do site para ocultar o chat do seu site sem remover o código. Clique em Ativar o chat do site para mostrá-lo de novo.
Como o chat aparece para os clientes
- Em computadores, o chat abre como uma janela pequena no canto inferior.
- Em celulares, ele abre em tela cheia.
- A maioria das respostas aparece palavra por palavra enquanto o assistente escreve.
Para mudar cores, textos e posição, veja Personalize a janela de chat.