Este guia mostra como inserir corretamente o código do seu agente Bubble na sua aplicação. O processo é simples e envolve três etapas: copiar o código, adicionar o script principal e inserir o componente do chat.
Passo 1: Acesse seu agente e copie o código Bubble
Entre no painel do Smart Player.
Acesse o seu agente de IA.
Vá até Canais.
Clique em Configurar e copie o código disponibilizado.
Passo 2: Adicione o Script do Web Component
Este script é responsável por carregar e fazer o chat funcionar.
Ele deve ser inserido no topo da página, preferencialmente dentro da tag <head>.
Código do script
<!-- Adicione o script do web component -->
<script src="//agently.me/seuagente.js"></script>
Exemplo dentro do <head>
<head>
<script src="//agently.me/wc/seuagente.js"></script>
</head>
Passo 3: Adicione o componente do chat
Agora insira o componente no local onde o chat aparecerá — normalmente na parte inferior do <body>.
Código do componente
<!-- Use o componente -->
<chat-bubble></chat-bubble>
Exemplo dentro do <body>
<body>
<!-- Use o componente -->
<chat-bubble></chat-bubble>
</body>
Tudo pronto!
Após adicionar esses dois trechos de código ao seu site, o seu agente Bubble estará funcionando corretamente.