> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tess.im/llms.txt
> Use this file to discover all available pages before exploring further.

# Embedding

<Warning>
  **IMPORTANTE:**\
  Recurso disponível apenas nos planos PRO, Business e Enterprise.
</Warning>

Disponibilize seu agente da Tess diretamente dentro de sites e aplicativos, como um widget de chat ou componente embutido. Ideal para atendimento ao cliente, captura de leads, onboarding e assistentes internos.

### **O que é?**

O recurso de Embedding permite incorporar (embedar) um agente da Tess em:

* sites institucionais
* áreas logadas de clientes
* produtos / SaaS próprios
* intranets e portais internos

A Tess gera um código de incorporação (geralmente um script ou iframe) para você colar no seu site/app. A partir daí, seus usuários podem conversar com o agente diretamente naquela interface.

### Por que é importante

<AccordionGroup>
  <Accordion title="Experiência nativa">
    O usuário não precisa sair do seu site para falar com o agente.
  </Accordion>

  <Accordion title="Suporte 24/7">
    Agentes de suporte, FAQ e onboarding sempre disponíveis.
  </Accordion>

  <Accordion title="Conversão">
    Agentes comerciais ajudam a qualificar e orientar leads em tempo real.
  </Accordion>

  <Accordion title="Flexibilidade">
    Um mesmo agente pode ser usado em múltiplos canais (site, app, interno e externo).
  </Accordion>
</AccordionGroup>

### Como gerar um código para embedding?

<Steps>
  <Step title="Crie o agente no Agent Studio">
    O primeiro passo é a criação e teste do agente (prompt, Knowledge Base, Tools, etc).
  </Step>

  <Step title="Ajuste a visibilidade">
    Configure a visibilidade, pois o seu agente não pode ser privado para liberar o Embed
  </Step>

  <Step title="Acesse as Configurações detalhadas do agente">
    Na lista de agentes do Agent Studio,  clique em "Configurações de publicação" para acessar as configurações detalhadas do agente.

    <Frame>
      <img src="https://mintcdn.com/tess-dfe1edf0/vouQ-Jl5Un-Ap-4j/images/Captura-de-Tela-2026-05-29-a%CC%80s-14.16.56.png?fit=max&auto=format&n=vouQ-Jl5Un-Ap-4j&q=85&s=d5b03df9621e83fa173fbde84704ff10" alt="Captura De Tela 2026 05 29 Às 14 16 56" width="1032" height="243" data-path="images/Captura-de-Tela-2026-05-29-às-14.16.56.png" />
    </Frame>

    Role até a opção "Configurar incorporação" no final da página.

    <Frame>
      <img src="https://mintcdn.com/tess-dfe1edf0/vouQ-Jl5Un-Ap-4j/images/Captura-de-Tela-2026-05-29-a%CC%80s-14.18.58.png?fit=max&auto=format&n=vouQ-Jl5Un-Ap-4j&q=85&s=d7b9a2d26275296f350ed0b04758e266" alt="Captura De Tela 2026 05 29 Às 14 18 58" width="814" height="225" data-path="images/Captura-de-Tela-2026-05-29-às-14.18.58.png" />
    </Frame>
  </Step>

  <Step title="Escolha o formato">
    Escolha o formato de incorporação, use o código no HTML do seu site/aplicativo e ative a opção de acesso público.

    <Frame>
      <img src="https://mintcdn.com/tess-dfe1edf0/vouQ-Jl5Un-Ap-4j/images/Captura-de-Tela-2026-05-29-a%CC%80s-14.19.54.png?fit=max&auto=format&n=vouQ-Jl5Un-Ap-4j&q=85&s=b19b92dc54122181685f2e264d6bb820" alt="Captura De Tela 2026 05 29 Às 14 19 54" width="467" height="354" data-path="images/Captura-de-Tela-2026-05-29-às-14.19.54.png" />
    </Frame>

    Dessa forma, o widget ou componente de chat passa a aparecer para os visitantes, conectado ao seu agente.
  </Step>
</Steps>

<Tip>
  **Boas práticas**

  * Comece embedando em ambientes de teste/staging antes de ir para produção.
  * Certifique-se de que o agente está configurado e testado para uso externo.
  * Verifique se as políticas de privacidade e LGPD da sua empresa cobrem interações com agentes de IA.
</Tip>