> ## 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 disponible solo en los planes PRO, Business y Enterprise.
</Warning>

Pon tu agente de Tess disponible directamente dentro de sitios web y aplicaciones, como un widget de chat o componente embebido. Ideal para atención al cliente, captura de leads, onboarding y asistentes internos.

### **¿Qué es?**

El recurso de Embedding permite incorporar (embeber) un agente de Tess en:

* sitios web institucionales
* áreas de acceso restringido de clientes
* productos / SaaS propios
* intranets y portales internos

Tess genera un código de incorporación (generalmente un script o iframe) para que lo pegues en tu sitio web/app. A partir de ahí, tus usuarios pueden conversar con el agente directamente en esa interfaz.

### Por qué es importante

<AccordionGroup>
  <Accordion title="Experiencia nativa">
    El usuario no necesita salir de tu sitio web para hablar con el agente.
  </Accordion>

  <Accordion title="Soporte 24/7">
    Agentes de soporte, FAQ y onboarding siempre disponibles.
  </Accordion>

  <Accordion title="Conversión">
    Los agentes comerciales ayudan a calificar y orientar leads en tiempo real.
  </Accordion>

  <Accordion title="Flexibilidad">
    Un mismo agente puede usarse en múltiples canales (sitio web, app, interno y externo).
  </Accordion>
</AccordionGroup>

### ¿Cómo generar un código de embedding?

<Steps>
  <Step title="Crea el agente en Agent Studio">
    El primer paso es la creación y prueba del agente (prompt, Knowledge Base, Tools, etc.).
  </Step>

  <Step title="Ajusta la visibilidad">
    Configura la visibilidad, ya que tu agente no puede ser privado para habilitar el Embed.
  </Step>

  <Step title="Accede a la Configuración detallada del agente">
    En la lista de agentes de Agent Studio, haz clic en Configuración de publicación para acceder a la configuración detallada del 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>

    Desplázate hasta la opción Configurar inserción/embedding (que se encuentra al final).

    <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="Elige el formato">
    Elige el formato de inserción, inserta el código HTML de tu sitio web o aplicación y activa la opción de acceso 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>

    De esta forma, el widget o componente de chat comenzará a aparecer para los visitantes, conectado a tu agente.
  </Step>
</Steps>

<Tip>
  **Buenas prácticas**

  * Comienza incorporando en entornos de prueba/staging antes de ir a producción.
  * Asegúrate de que el agente esté configurado y probado para uso externo.
  * Verifica que las políticas de privacidad de tu empresa cubran las interacciones con agentes de IA.
</Tip>