如何将 Asyntai AI 聊天机器人添加到 Squarespace

Squarespace 网站的分步指南

获取嵌入代码

步骤1:获取您的嵌入代码

首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。

第 2 步:使用代码注入添加代码(Business 和 Commerce 套餐)

如果您拥有 Squarespace Business 或 Commerce 套餐,可以使用代码注入一次性将聊天机器人添加到所有页面:

  1. 登录您的 Squarespace 账户并打开您的站点
  2. 点击左侧边栏中的设置
  3. 点击高级
  4. 点击代码注入
  5. 向下滚动到页脚部分
  6. 将您的 Asyntai 嵌入代码粘贴到页脚文本框中
  7. 点击左上角的 "Save"

提示: 将代码添加到页脚部分会将其放置在闭合的 </body> 标签之前,这是聊天小部件的推荐放置位置,不会减慢页面加载速度。

替代方案:使用代码块(所有套餐)

如果您使用的是 Personal 套餐或只想将聊天机器人添加到特定页面,可以使用代码块:

  1. Squarespace 编辑器中打开您的站点
  2. 导航到您想添加聊天机器人的页面
  3. 在页面上点击 "Edit"
  4. 将鼠标悬停在某个部分上并点击 "+ Add Block"
  5. 向下滚动并选择 "Code"
  6. 点击铅笔图标编辑代码块
  7. 粘贴您的Asyntai嵌入代码
  8. 点击代码块外部关闭编辑器
  9. 点击左上角的 "Save"

重要提示: 使用代码块时,您需要在每个希望聊天机器人出现的页面上添加代码。如需全站安装,请使用上述代码注入方法(需要 Business 或 Commerce 套餐)。

步骤3:验证安装

保存更改后,在新的浏览器标签页或无痕窗口中打开您的网站。您应该会在右下角看到聊天小部件按钮。点击它以确保它能正常打开和运行。

看不到小部件? 请确保您已保存并发布更改。尝试清除浏览器缓存或在无痕窗口中查看站点。Squarespace 可能需要几分钟来应用代码更改。