Configurações de Agentes de IA
      Voltar para o início
      1. Central de Ajuda
      2. Agentes de IA
      3. Configurações de Agentes de IA

      Como injetar o código do agente (Bubble) no seu site

      Aqui você vai aprender como inserir corretamente o código do seu agente na aplicação. Esse processo é bem simples e envolve duas partes:

       

       

      Passo 1: Acesse seu agente e pegue seu código do bubble.

      Clique no seu agente e vá até canais e depois configurar.

      Passo 2: Adicione o Script do Web Component

      É o script que garante que o chat funcione corretamente. Ele precisa ser colocado no topo do código da página (site), de preferência dentro da tag <head>.

      Código do script:

      <!-- Adicione o script do web component -->
      <script src="//agently.me/seuagente.js"></script>


      Exemplo de como deve ficar no seu código:

      <head>
          <script src="//agently.me/wc/seuagente.js"></script>
      </head>

      Passo 3: Adicione o componente do chat

      Agora você precisa inserir o componente do chat no local onde deseja que ele apareça na sua página — geralmente no final do <body>.

      Código do componente:

      <!-- Use o componente -->

      <chat-bubble></chat-bubble>

      Exemplo de como deve ficar:
      <body>
          <!-- Use o componente -->
      <chat-bubble></chat-bubble>
      </body>

       

      🤝 Precisa de ajuda?

      Ainda tem alguma pergunta? Não se preocupe, estamos disponíveis para ajudar em todas as etapas. Sempre há alguém pronto para atender você!
      Se tiver alguma dúvida, é só nos chamar pelo chat ou WhatsApp. Conte com a gente. 💙