Embed as iFrame

Embed the Marseil AI agent as a standalone iframe

Add AI Agent as iFrame

If you prefer a standalone agent embedded as an iframe instead of the floating icon, use the following code snippets.

Get your project-id from the Settings page.

Agent Widget

The iframe uses the same responsive agent widget as the floating embed. A 450 × 700 frame is a practical default.

<div style="display: flex; justify-content: center;">
  <iframe
    src="https://app.marseil.ai/embed/chat/<your_project_id>"
    style="border: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 12px;"
    width="450"
    height="700">
  </iframe>
</div>

Note: The widget uses the agent’s configured branding automatically.

iframe view

Full-Page Agent

For a full-page agent experience, embed the public chat page. It uses the same agent widget and conversation behavior.

<div style="display: flex; justify-content: center;">
  <iframe
    src="https://app.marseil.ai/chat/<your_project_id>"
    style="border: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 12px;"
    width="1024"
    height="700">
  </iframe>
</div>

conversation view