指南无代码

在 WordPress 中使用 ElevenAgents

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

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

前提条件

  • 按照本指南创建的 ElevenLabs Agents 智能体
  • 具备以下任一条件的 WordPress 网站：
    • WordPress.com Business/Commerce 方案，或
    • 自托管 WordPress 安装

指南

1

获取嵌入代码

前往 ElevenLabs 控制台，找到智能体的嵌入小组件。

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

将小组件添加到页面

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

全局添加脚本

选项 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. 添加工具和知识库等高级功能