> ## 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>
  **IMPORTANT:**\
  Feature available only on PRO, Business, and Enterprise plans.
</Warning>

Make your Tess agent available directly within websites and applications, as a chat widget or embedded component. Ideal for customer support, lead capture, onboarding, and internal assistants.

### **What is it?**

The Embedding feature allows you to embed a Tess agent into:

* institutional websites
* customer logged-in areas
* your own products / SaaS
* intranets and internal portals

Tess generates an embed code (usually a script or iframe) for you to paste into your website/app. From there, your users can chat with the agent directly within that interface.

### Why it matters

<AccordionGroup>
  <Accordion title="Native experience">
    The user does not need to leave your website to talk to the agent.
  </Accordion>

  <Accordion title="24/7 Support">
    Support, FAQ, and onboarding agents always available.
  </Accordion>

  <Accordion title="Conversion">
    Sales agents help qualify and guide leads in real time.
  </Accordion>

  <Accordion title="Flexibility">
    The same agent can be used across multiple channels (website, app, internal and external).
  </Accordion>
</AccordionGroup>

### How to generate an embed code?

<Steps>
  <Step title="Create the agent in Agent Studio">
    The first step is creating and testing the agent (prompt, Knowledge Base, Tools, etc.).
  </Step>

  <Step title="Adjust the visibility">
    Configure the visibility, as your agent cannot be private in order to enable the Embed feature.
  </Step>

  <Step title="Access the agent's detailed settings">
    In the Agent Studio agent list, click the publication settings to access the agent's detailed settings.

    <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>

    Scroll to the bottom "Configure Embedding" option.

    <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="Choose the format">
    Choose the embed format and use the code in the HTML of your website/app and activate the public access option.

    <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>

    This way, the chat widget or component will start appearing for visitors, connected to your agent.
  </Step>
</Steps>

<Tip>
  **Best practices**

  * Start by embedding in test/staging environments before going to production.
  * Make sure the agent is configured and tested for external use.
  * Verify that your company's privacy policies cover interactions with AI agents.
</Tip>