Group.svg
Conheça nossa plataforma
Como integrar o Webchat da Poli ao seu site (passo a passo, personalização, testes e vantagens)

 

Integrar um chat ao seu site é uma das formas mais rápidas e eficazes de melhorar o atendimento, aumentar a conversão de visitantes em clientes e oferecer suporte em tempo real. Pensando nisso, preparamos este guia completo e detalhado para você configurar o Webchat da Poli no seu site. Aqui você vai aprender, passo a passo, como realizar a integração, onde inserir o script corretamente, como testar a instalação, resolver possíveis erros e aproveitar ao máximo as vantagens que essa ferramenta pode trazer para o seu negócio.

Passo a passo detalhado

1) Acesse a plataforma Poli

  1. Entre na plataforma.
  2. Faça login com seu usuário e senha.

 

2) Vá para a tela inicial

  • No menu lateral, clique no ícone casinha para abrir a tela inicial (Dashboard).

 

3) Abra a seção Canais

  • No menu lateral, localize e clique em Canais para ver os canais já configurados.

 

4) Adicione um novo canal — escolha Webchat

  • Clique em Adicionar canal → selecione Webchat

 

 

5) Preencha as informações solicitadas (campos importantes)

  • Nome do Canal: um nome descritivo (Ex.: “Chat Site — Vendas”).
  • Website: informe o domínio onde o chat ficará ativo (Ex.: https://www.suaempresa.com).
  • Usuários/Agentes: selecione quais usuários na Poli poderão receber as conversas.

 

6) Gerar e copiar o script

  • Após salvar, a plataforma deverá gerar um pequeno script JavaScript (um trecho para colar no site).
  • Copie o script — ele contém o identificador do seu canal/conta.

 

 

7) Inserir o script no código do site (onde colar)

  • Recomendado: cole o script antes do fechamento </body> da sua página (ou no arquivo footer do tema).
  • Porque: evita bloquear o carregamento da página — o widget carrega depois do conteúdo principal.
  • Exemplos práticos:
    • HTML estático: abra index.html e cole antes de </body>.
    • WordPress: cole em footer.php do seu tema (ou use plugin “Insert Headers and Footers” para rodar no footer).
    • React / Vue / Angular (SPA): adicione ao public/index.html ou importe/append dinamicamente em um componente que carregue apenas uma vez.
    • Shopify: edite theme.liquid e cole antes de </body>.

 

 

8) Teste imediato (verificação)

  • Abra seu site (limpe cache ou use aba anônima).
  • Verifique se o widget aparece (desktop e mobile).

 

Erros comuns & soluções rápidas

  • Widget não aparece: script não foi colado / cache antigo / script bloqueado por adblock ou CSP.
    Solução: verifique Network e Console, teste em aba anônima e adicione exceção no CSP.
  • Aparece erro 404: URL do script incorreta. Copie novamente da Poli.
  • Widget carrega lento: coloque script ao final do body e use async.
  • Formulário não envia: problema de CORS ou rota de API incorreta — checar console.
  • Notificações não chegam aos agentes: verifique permissões e configurações de notificação do usuário.

Vantagens de implementar o chat no site

  • Aumenta conversão: visitante tem uma resposta imediata que reduz abandono.
  • Geração de leads qualificados: coleta dados em tempo real (e-mail, dúvidas específicas).
  • Atendimento mais rápido e escalável: automações e respostas rápidas reduzem carga humana.
  • Melhora a experiência do usuário: suporte instantâneo gera confiança.
  • Redução de custo com contact center: resolve problemas simples via chat em vez de telefone.
  • Dados para otimização: identifica páginas com problemas (ex.: muitos chats na página de checkout).
  • Disponibilidade 24/7 (com bots): pode capturar leads fora do horário comercial.
  • Integração omnichannel: conecta conversa do site ao mesmo fluxo do WhatsApp, e-mail e CRM.

 

 

Isso respondeu sua pergunta?