Site do cliente com chat integrado

Esta página simula o site de uma empresa cliente. O widget de chat no canto inferior foi instalado com uma única tag <script> — sem framework, sem build.

Instalação (automática)

Basta a tag abaixo — o widget inicializa sozinho lendo os atributos data-*:

<script
  src="http://localhost:4000/widget/chat-widget.js"
  data-project-id="proj_demo"
  data-public-key="pk_test_demo_public_key_123456">
</script>

Esta página é servida pela própria API em http://localhost:4000/demo/.

Instalação (manual)

Para controlar quando inicializar e identificar o usuário logado:

<script src="http://localhost:4000/widget/chat-widget.js"></script>
<script>
  ChatService.init({
    projectId: "proj_demo",
    publicKey: "pk_test_demo_public_key_123456",
    // userToken gerado pelo SEU backend (PHP/Node) com a chave secreta
    userToken: "..."
  });
</script>

Como testar o fluxo completo

1. Abra o chat aqui e envie uma mensagem. 2. Acesse o painel em http://localhost:5173 com ana@demo.com / Atendente@123. 3. A conversa aparece na fila em tempo real — responda por lá e veja a resposta chegar nesta página.