Chat Incorporado

Exiba o widget de chat diretamente na sua página em vez de uma bolha flutuante

Todos os Planos

Visão Geral

Por padrão, o widget de chat Asyntai aparece como uma bolha flutuante no canto do seu site. Com o Chat Incorporado, você também pode exibir o chat diretamente na sua página — por exemplo, em uma seção "Fale conosco" na sua página inicial.

A bolha flutuante continua funcionando junto com o chat incorporado. Visitantes que não rolarem até a seção incorporada ainda podem usar a bolha. Ambos compartilham a mesma conversa.

Como funciona

Adicione uma tag de script Coloque-a onde você quiser que o chat apareça no seu HTML

O chat é renderizado inline O widget aparece naquela posição, sempre visível, do mesmo tamanho que o chat normal

A bolha continua ativa A bolha flutuante permanece no canto para visitantes que não veem o chat incorporado

Conversa compartilhada As mensagens sincronizam entre o chat incorporado e o widget flutuante em tempo real

Configuração

Adicione esta única linha de HTML onde você quiser que o chat apareça na sua página:

<script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Substitua YOUR_WIDGET_ID pelo ID do seu widget. Você pode encontrar seu código de incorporação com seu ID preenchido na página de configuração do Chat Incorporado.

Nota: O script principal chat-widget.js também deve estar na página. Se você já instalou o widget Asyntai no seu site, isso já está resolvido.

Exemplo

Veja como você pode usá-lo em uma página inicial:

<section style="max-width: 500px; margin: 0 auto;">
    <h2>Chat with us</h2>
    <p>Ask us anything — our AI assistant is here to help.</p>

    <!-- The chat will appear right here -->
    <script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</section>

Detalhes

Dimensionamento

O chat incorporado é renderizado no mesmo tamanho que o widget flutuante: 400px de largura e 650px de altura no desktop, largura total e 550px de altura no mobile. Você pode controlar onde ele fica estilizando o contêiner pai.

Comportamento da Bolha Flutuante

Quando o chat incorporado está visível na tela e um visitante clica na bolha flutuante, a página rola até o chat incorporado. Se o chat incorporado não estiver à vista, a bolha abre a sobreposição normal do chat flutuante.

Sincronização de Mensagens

Tanto o chat incorporado quanto o flutuante compartilham a mesma conversa. Mensagens enviadas de qualquer um aparecem em ambos. A mesma sessão, contexto de IA e histórico de chat são utilizados.

Múltiplas Páginas

Você pode usar o chat incorporado em algumas páginas e o widget flutuante normal em outras. Basta incluir o script de incorporação nas páginas onde você quer o chat inline. A conversa continua entre as páginas como de costume.

Visualização ao Vivo

Aqui está um chat incorporado ao vivo para que você possa ver como fica:

Requisitos

O widget de chat principal do Asyntai (chat-widget.js) deve estar instalado na página

Funciona em todos os planos — sem necessidade de upgrade

Compatível com todos os navegadores que suportam Shadow DOM (todos os navegadores modernos)

Dica: Teste o chat incorporado colocando-o em uma página de teste primeiro. Certifique-se de que ele fica bem no layout da sua página antes de enviar para produção.

Documentação