2025-01-06 20:25:47 +08:00
|
|
|
---
|
|
|
|
sidebar_position: 3
|
|
|
|
slug: /embed_agent_into_webpage
|
|
|
|
---
|
|
|
|
|
2025-03-04 19:21:28 +08:00
|
|
|
# Embed agent into webpage
|
2025-01-06 20:25:47 +08:00
|
|
|
|
|
|
|
You can use iframe to embed an agent into a third-party webpage.
|
|
|
|
|
2025-03-06 09:55:27 +08:00
|
|
|
:::caution WARNING
|
2025-03-17 14:17:34 +08:00
|
|
|
If your agent's **Begin** component takes a variable, you *cannot* embed it into a webpage.
|
2025-03-06 09:55:27 +08:00
|
|
|
:::
|
|
|
|
|
2025-03-03 15:42:39 +08:00
|
|
|
1. Before proceeding, you must [acquire an API key](../models/llm_api_key_setup.md); otherwise, an error message would appear.
|
2025-01-06 20:25:47 +08:00
|
|
|
2. On the **Agent** page, click an intended agent **>** **Edit** to access its editing page.
|
|
|
|
3. Click **Embed into webpage** on the top right corner of the canvas to show the **iframe** window:
|
|
|
|
|
|
|
|

|
|
|
|
|
|
|
|
4. Copy the iframe and embed it into a specific location on your webpage.
|