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

# 在 Squarespace 中使用 ElevenAgents

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

## 前提条件

* 按照[本指南](/docs/zh/eleven-agents/quickstart)创建的 ElevenLabs Agents 智能体
* Squarespace Business 或 Commerce 方案（自定义代码必需）
* 熟悉 Squarespace 编辑器的基本操作

## 操作指南

#### 获取嵌入代码

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

#### 全局添加脚本

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