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

Squarespace 网站的分步指南

平台：

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

第 2 步：使用代码注入添加代码（Business 和 Commerce 套餐）

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

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

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

替代方案：使用代码块（所有套餐）

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

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

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

步骤3：验证安装

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

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

添加 AI 搜索框

AI 搜索框是一个独立挂件，有自己的代码。可以和聊天一起加，也可以单独加。它需要 Standard 或更高套餐：低于该套餐时搜索框会出现，但不会返回结果。

在 script 标签上加入 data-replace 属性，这个搜索框就会取代主题原有的那个。在 Settings、Code Injection、Footer 中添加，和聊天代码同一个位置。Squarespace 只在 Business 或 Commerce 套餐上提供 Code Injection，所以需要该套餐才能安装。

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