ChatzoraDocumentação
Instalar no seu site

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

  1. Abra seu assistente e escolha Integrações na barra lateral.
  2. Clique em Chat do site.
  3. 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

  1. Faça login no painel do WordPress.
  2. Vá em Plugins → Add New, procure por "WPCode" (ou "Insert Headers and Footers"), instale e ative.
  3. Abra Code Snippets → Header & Footer.
  4. Cole o código do chat na caixa Footer.
  5. Clique em Save e abra seu site para ver o botão de chat.

Wix

  1. Abra o painel do Wix e vá em Settings.
  2. Em Advanced, escolha Custom Code e clique em + Add Custom Code.
  3. Cole o código do chat na caixa.
  4. Defina Add Code to Pages como All pages e Place Code in como Body - end.
  5. Clique em Apply e publique seu site.

Shopify

  1. No admin da Shopify, vá em Online Store → Themes.
  2. Ao lado do seu tema atual, clique no botão ⋯ → Edit code.
  3. Abra o arquivo theme.liquid (em Layout).
  4. Cole o código do chat logo acima da linha que diz </body>.
  5. Clique em Save e visite sua loja para ver o botão de chat.

Squarespace

  1. Abra Settings → Advanced → Code Injection. Em alguns planos, é Website → Pages → Custom Code.
  2. Cole o código do chat na caixa Footer.
  3. 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

  1. 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á.
  2. Publique seu site e atualize uma página para ver o botão de chat.
  3. 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

  1. Em Chat do site, digite o endereço do seu site em Verifique se funciona.
  2. Clique em Verificar meu site.
  3. 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_ID

Os 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.