> 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.

# 在 Ghost 中使用 ElevenAgents

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

## 前提条件

* 按照[本指南](/docs/zh/eleven-agents/quickstart)创建的 ElevenLabs Agents 智能体
* Ghost 网站（付费套餐或自行托管）
* Ghost 管理面板访问权限

## 指南

有两种方法可将小组件添加到 Ghost 网站：

#### 获取嵌入代码

访问 [ElevenLabs 控制台](https://elevenlabs.io/app/agents)，复制智能体的 HTML 小组件代码。

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

#### 选择实现方式

**方案 A：全局添加（所有页面）**

1. 前往 Ghost 管理后台 > 设置 > 代码注入
2. 将代码粘贴到网站页脚
3. 保存更改

**方案 B：添加至特定页面**

1. 编辑目标页面/文章
2. 点击 + 号添加 HTML 块
3. 将第 1 步中智能体的 HTML 小组件代码粘贴到 HTML 块。请确保正确填写 agent-id 属性。
4. 保存并发布

#### 测试集成

1. 访问 Ghost 网站
2. 确认小组件显示并正常运行
3. 在不同设备和浏览器中测试

## 故障排除

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

* 代码已正确放置在“代码注入”或 HTML 块中
* Ghost 套餐支持自定义代码
* 不与其他脚本产生 JavaScript 冲突

## 后续步骤

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

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