指南无代码

在 Squarespace 中使用 ElevenAgents

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

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

前提条件

  • 按照本指南创建的 ElevenLabs Agents 智能体
  • Squarespace Business 或 Commerce 方案（自定义代码必需）
  • 熟悉 Squarespace 编辑器的基本操作

操作指南

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. 前往要添加小组件的页面
  2. 点击 + 添加区块
  3. 在菜单中选择 Code
  4. 将 <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> 代码段粘贴到 Code Block 中
  5. 保存区块
3

全局添加脚本

  1. 前往 Settings > Advanced > Code Injection
  2. 将代码段 <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> 粘贴到 Footer 部分
  3. 保存更改
  4. 发布网站即可查看更改

注意：小组件仅会显示在已发布的网站上，编辑器预览中不会显示。

故障排除

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

  • <script> 代码段位于 Footer Code Injection 部分
  • <elevenlabs-convai> 代码段已正确放入 Code Block
  • 更改后已发布网站

后续步骤

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

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