> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# 在 WordPress 中使用 ElevenAgents

本教程将指导你将 ElevenLabs Agents 智能体添加到 WordPress 网站。

## 前提条件

* 按照[本指南](/docs/zh/eleven-agents/quickstart)创建的 ElevenLabs Agents 智能体
* 具备以下任一条件的 WordPress 网站：
  * WordPress.com Business/Commerce 方案，或
  * 自托管 WordPress 安装

## 指南

#### 获取嵌入代码

前往 [ElevenLabs 控制台](https://elevenlabs.io/app/agents)，找到智能体的嵌入小组件。

```html
<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
```

#### 将小组件添加到页面

1. 在 WordPress 中编辑目标页面
2. 添加一个 Custom HTML 区块
3. 将 `<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>` 代码段粘贴到该区块中
4. 更新/发布页面

#### 全局添加脚本

**选项 A：使用插件**

1. 安装 Header Footer Code Manager
2. 将代码段 `<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>` 添加到 Footer 部分
3. 将其设置为在 All Pages 上运行

**选项 B：直接编辑主题**

1. 前往 Appearance > Theme Editor
2. 打开 footer.php
3. 在 `</body>` 前粘贴脚本代码段

## 故障排除

如果未显示小组件，请确认：

* `<script>` 代码段已全局添加
* `<elevenlabs-convai>` 代码段已正确放置在页面中
* 更改后已发布网站

## 后续步骤

将 ElevenLabs 智能体添加到 WordPress 后，你可以：

1. 在 ElevenLabs 控制台中自定义小组件，使其符合品牌风格
2. 添加更多语言
3. 添加工具和知识库等高级功能