docs/guides/agent/embed_into_web_pages.md

---
sidebar_position: 5
title: Embed into Web Pages
sidebar_label: Embed into Web Pages
slug: /embed_into_web_pages
sidebar_custom_props: {
  categoryIcon: RagAiAgent
}
---

# Embed into Web Pages

## Embed Agent Via Webpage
You can embed the Agent into third-party web pages using iframe.

Prerequisite: You must obtain an API Key.

Steps:
1. On the Agent page, click the target Agent to open its editing page.
2. Click **Manage > Embed Webpage** in the upper right corner of the canvas to open the iframe window.

![Embed Agent into webpage menu](https://raw.githubusercontent.com/infiniflow/ragflow-docs/main/images/embed_agent_into_webpage.jpg)
3. Copy the iframe code and embed it into your webpage.

![Embed an Agent web page](https://raw.githubusercontent.com/infiniflow/ragflow-docs/main/images/embed_an_agent_web_page.jpg)
> **Note:** Currently, only **Workflow** agents can be embedded in web pages. **Ingestion pipeline** and **Compilation Operator** agents do not support web embedding.
docs: update user guide (#17358) add model config guide word and picture add teams guide words 2026-07-29 20:46:04 +08:00			`---`
docs: remove unnecessary docs & adjust page layout (#18146) remove unnecessary docs adjust page layout fix some images layout add chat channel docs 2026-08-12 19:39:15 +08:00			`sidebar_position: 5`
			`title: Embed into Web Pages`
			`sidebar_label: Embed into Web Pages`
			`slug: /embed_into_web_pages`
docs: update user guide (#17358) add model config guide word and picture add teams guide words 2026-07-29 20:46:04 +08:00			`sidebar_custom_props: {`
			`categoryIcon: RagAiAgent`
			`}`
			`---`

docs: remove unnecessary docs & adjust page layout (#18146) remove unnecessary docs adjust page layout fix some images layout add chat channel docs 2026-08-12 19:39:15 +08:00			`# Embed into Web Pages`

			`## Embed Agent Via Webpage`
docs: update user guide (#17358) add model config guide word and picture add teams guide words 2026-07-29 20:46:04 +08:00			`You can embed the Agent into third-party web pages using iframe.`

docs: modify docs display & add images (#17575) ### Summary modify docs display add some images delete enterprise docs standardize capitalization 2026-07-30 21:24:15 +08:00			`Prerequisite: You must obtain an API Key.`
docs: update user guide (#17358) add model config guide word and picture add teams guide words 2026-07-29 20:46:04 +08:00
			`Steps:`
			`1. On the Agent page, click the target Agent to open its editing page.`
			`2. Click Manage > Embed Webpage in the upper right corner of the canvas to open the iframe window.`
docs: add compilation docs & fix some issues (#18268) add chat channel images add compilation docs fixed incorrect section organization of agent docs fixed duplicate text issues. 2026-08-14 15:46:30 +08:00
			`![Embed Agent into webpage menu](https://raw.githubusercontent.com/infiniflow/ragflow-docs/main/images/embed_agent_into_webpage.jpg)`
docs: update user guide (#17358) add model config guide word and picture add teams guide words 2026-07-29 20:46:04 +08:00			`3. Copy the iframe code and embed it into your webpage.`

docs: add compilation docs & fix some issues (#18268) add chat channel images add compilation docs fixed incorrect section organization of agent docs fixed duplicate text issues. 2026-08-14 15:46:30 +08:00			`![Embed an Agent web page](https://raw.githubusercontent.com/infiniflow/ragflow-docs/main/images/embed_an_agent_web_page.jpg)`
			`> Note: Currently, only Workflow agents can be embedded in web pages. Ingestion pipeline and Compilation Operator agents do not support web embedding.`