- ---
- sidebar_position: 3
- slug: /embed_agent_into_webpage
- ---
-
- # Embed agent into webpage
-
- You can use iframe to embed an agent into a third-party webpage.
-
- :::caution WARNING
- If your agent's **Begin** component takes a variable, you *cannot* embed it into a webpage.
- :::
-
- 1. Before proceeding, you must [acquire an API key](../models/llm_api_key_setup.md); otherwise, an error message would appear.
- 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.
|