指南无代码

在 Ghost 中使用 ElevenAgents

了解如何将 ElevenLabs 智能体部署到 Ghost

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

前提条件

  • 按照本指南创建的 ElevenLabs Agents 智能体
  • Ghost 网站（付费套餐或自行托管）
  • Ghost 管理面板访问权限

指南

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

1

获取嵌入代码

访问 ElevenLabs 控制台，复制智能体的 HTML 小组件代码。

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

选择实现方式

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

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

方案 B：添加至特定页面

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

测试集成

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

故障排除

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

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

后续步骤

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

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