Como configurar o Webchat

O Webchat permite que os visitantes conversem com sua equipe diretamente pelo seu site. Basta adicionar um pequeno script às páginas em que deseja exibir o botão de atendimento.

As mensagens recebidas são centralizadas no painel como atendimentos normais e podem utilizar filas, automações do Flowbuilder e IA.

✅ Vantagens

• Atendimento diretamente pelo site
• O visitante não precisa informar um número de telefone
• Conversas centralizadas na tela de atendimento
• Compatibilidade com Flowbuilder e IA

⚙️ Habilitar o Webchat

Antes de criar uma conexão, habilite o recurso nos dois locais abaixo:

1. Em Configurações > Planos, ative o Webchat no plano da empresa.
2. No Painel SaaS, acesse a aba Configurações > Canais Disponíveis e ative o Webchat.

Após habilitar o recurso, a opção Webchat ficará disponível ao criar uma nova conexão.

1. Criar o Webchat

1. No menu lateral, acesse Conexões.

2. Clique em Adicionar conexão.

3. Escolha Webchat.

4. Na aba Configuração, informe o Nome do widget. Esse é o nome exibido ao visitante.

5. Se desejar, preencha também:

   • Subtítulo e Mensagem de boas-vindas;
   • Título do formulário inicial;
   • Mensagem fora do horário de atendimento;
   • Posição do widget (direita ou esquerda);
   • A fila que receberá os atendimentos.

6. Ative Exigir nome e/ou Exigir telefone somente se quiser solicitar esses dados antes do início da conversa.

7. Mantenha Widget ativo ligado para permitir novos atendimentos.

8. Em Domínios permitidos, informe os domínios em que o chat será usado, separados por vírgula. Exemplo: meusite.com.br, loja.meusite.com.br.

   • Não inclua https://, caminhos ou barras no final.
   • Deixar esse campo vazio permite que o código seja carregado em qualquer domínio.

9. Clique em Salvar.

2. Ajustar aparência e comportamento

Após salvar, clique em Editar na conexão Webchat criada.

• Na aba Aparência, escolha a cor principal e, se quiser, envie uma imagem para o avatar. A imagem só pode ser enviada depois que o widget for salvo.
• Na aba Comportamento, você pode configurar abertura automática, tempo de abertura, simulação de digitação e som de notificação.
• Na aba Fluxos, associe uma integração do tipo Flowbuilder ou um fluxo de boas-vindas, caso queira utilizar flowbuilder no atendimento.
• Clique em Salvar após concluir os ajustes.

3. Instalar o Webchat no site

1. Em Conexões, localize o Webchat criado e clique em Editar.
2. Abra a aba Instalação.
3. Clique em Copiar código.
4. Cole o código copiado imediatamente antes da tag </body> nas páginas do site em que o botão deve aparecer.
5. Publique ou atualize o site.

Exemplo de posicionamento no HTML:

<!-- Outros conteúdos da página -->

<script src="https://seu-dominio.com/webchat.js"></script>
</body>

Substitua o exemplo acima pelo código copiado na aba Instalação.

Também é possível copiar o código pelo botão Widget exibido na própria lista de conexões.

4. Testar o Webchat

1. Abra uma página publicada do site em uma janela anônima ou outro navegador.
2. Clique no botão do chat e envie uma mensagem.
3. Confirme se um novo atendimento aparece no painel, na fila configurada.
4. Responda pelo painel e confirme se a mensagem aparece no widget.

📌 Operação diária

• Para interromper temporariamente novos atendimentos, use o botão Desconectar da conexão Webchat. Para reativá-la, clique em Conectar.
• A aba Sessões, dentro de Editar Webchat, mostra os visitantes e atendimentos registrados nesse widget.
• Cada visitante mantém a própria conversa no navegador. Atualizar a página normalmente preserva a sessão.

🛠️ Solução de Problemas

O Webchat não aparece

Verifique se o widget está ativo, se o código foi inserido antes de </body> e se o domínio acessado está cadastrado em Domínios permitidos.

Caso a opção Webchat não apareça ao adicionar uma conexão, confirme se o recurso está habilitado no plano da empresa e em Painel SaaS > Configurações > Canais Disponíveis.

✅ Configuração concluída

Pronto! Agora você já sabe como habilitar, configurar e instalar o Webchat no seu site.