Demo - Chat Embed Inline

📋 Como Usar

Para incorporar o chat inline em seu site, siga estes passos:

1. Adicione um container HTML onde o chat será exibido:

2. Configure o chat (opcional):

          <script> window.chatEmbedConfig = { apiBaseUrl:
          'http://localhost:3000', containerId: 'chat-embed-container', height:
          '600px', width: '100%', title: 'Assistente Virtual', subtitle: 'Como
          posso ajudar você?', welcomeMessage: 'Olá! Como posso te ajudar hoje?'
          }; </script>
        

3. Carregue o script do embed:

          <script
          src="http://localhost:3000/chat-embed-inline.js"></script>
        

🎯 Demonstração

Aqui está o chat funcionando diretamente incorporado na página:

💬 Chat Embed Inline - Demonstração

⚙️ Opções de Configuração

Configurações Básicas:

apiBaseUrl - URL da sua API
containerId - ID do container HTML
height - Altura do chat
width - Largura do chat

Personalização:

title - Título do cabeçalho
subtitle - Subtítulo do cabeçalho
welcomeMessage - Mensagem inicial

🔧 API JavaScript

O embed expõe uma API JavaScript para controle programático:

          // Enviar mensagem programaticamente ChatEmbed.sendMessage('Olá, como
          você está?'); // Limpar todas as mensagens ChatEmbed.clearMessages();
        

📝 Exemplo Completo

          <!DOCTYPE html> <html lang="pt-BR"> <head> <meta
          charset="UTF-8"> <meta name="viewport"
          content="width=device-width, initial-scale=1.0"> <title>Meu
          Site com Chat</title> </head> <body>
          <h1>Bem-vindo ao meu site!</h1> <p>Conteúdo do seu
          site aqui...</p> <h2>Fale Conosco</h2> <div
          id="chat-embed-container"></div> <!-- Configuração do Chat
          Embed --> <script> window.chatEmbedConfig = { apiBaseUrl:
          'http://localhost:3000', containerId: 'chat-embed-container', height:
          '500px', width: '100%', title: 'Atendimento', subtitle: 'Estamos aqui
          para ajudar!', welcomeMessage: 'Olá! Em que posso ajudá-lo hoje?' };
          </script> <script
          src="http://localhost:3000/chat-embed-inline.js"></script>
          </body> </html>
        