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

# Embed via iFrame

Embed a TruGen conversational agent directly into your product frontend using a simple iframe.
No complex setup, SDK installation, or infrastructure configuration required - just drop it into your application and your agent is live instantly.

```html theme={null}
<iframe
  src="https://app.trugen.ai/embed/{agent_id}?username=USER_NAME&id=USER_ID&context=CONTEXT"
  width="100%"
  height="600"
  frameborder="0"
  allow="camera; microphone; autoplay"
></iframe>
```

> **The fastest way to get started**
> This lightweight integration is the simplest path to launching a fully interactive video AI agent. Perfect for prototypes, internal tools, customer demos, or production apps where speed matters. Add it to any frontend framework - React, Next.js, Vue, Angular, or even plain HTML - and it works immediately.

### Why use the iframe embed?

* **Zero setup required** - No WebRTC, signaling servers, or media pipelines to configure.
* **Works anywhere** - Any web application or CMS environment that accepts custom HTML.
* **Instant functionality** - Camera, microphone, speech, vision perception, and live responses out of the box.
* **Production-ready** - Secure, optimized, and supported across browsers globally.

Just plug in your `agentId`, deploy, and you’re ready to interact with a real-time conversational video agent in under a minute.