iFrame Integration

Embed the full AI agent interface in any web page using an iframe. This provides complete isolation and allows you to embed the agent in third-party websites or applications.

Features

• Complete isolation
• Cross-domain support
• Responsive design
• PostMessage API
• Custom styling
• Domain whitelist security

Requirements

• Active agent
• HTTPS iframe source
• Domain whitelist configured

Setup

1. 1Connect "iFrame Integration"
2. 2Select your agent
3. 3Configure domain whitelist
4. 4Copy the iframe URL
5. 5Embed iframe in your HTML
6. 6Configure iframe dimensions
7. 7Handle postMessage communication if needed

Code Examples

<iframe 
  src="https://your-domain.com/api/embed/widget?agent_id=YOUR_AGENT_ID&token=YOUR_TOKEN"
  width="100%" 
  height="600" 
  frameborder="0"
  allow="microphone; camera"
></iframe>