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

Squarespace 网站的分步指南

平台：

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

首先，前往您的Asyntai 控制面板，向下滚动到"嵌入代码"部分。复制您专属的嵌入代码，它看起来如下：

<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：使用 Code Injection 添加代码

如果您的网站使用 Squarespace Core、Plus 或 Advanced 套餐（或较旧的 Business 或 Commerce 套餐），您可以使用 Code Injection 一次性将聊天机器人添加到所有页面：

登录您的 Squarespace 账户并打开您的站点
点击左侧面板中的Pages
点击面板底部的Custom Code
点击代码注入
向下滚动到页脚部分
将您的 Asyntai 嵌入代码粘贴到页脚文本框中
点击"保存"

注意： 在 Squarespace 7.0 中，Code Injection 位于Pages → Website Tools下。

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

替代方案：使用代码块

若只想将聊天机器人添加到特定页面，可以使用代码块。代码块仅在 Core、Plus 或 Advanced 套餐（或较旧的 Business 或 Commerce 套餐）中运行 JavaScript。

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

重要提示： 使用代码块时，您需要将代码添加到每个希望显示聊天机器人的页面。如需全站安装，请使用上面的 Code Injection 方法。

步骤3：验证安装

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

看不到小部件？ 请确保您已保存并发布更改。尝试清除浏览器缓存或在无痕窗口中查看站点。Squarespace 可能需要几分钟来应用代码更改。登录 Squarespace 时代码有时不会运行，因此请在隐私窗口中检查网站。

添加 AI 搜索框

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

在 script 标签中添加 data-replace 属性，该搜索栏就会替换主题原有的搜索栏。在 Pages、Custom Code、Code Injection、Footer 中添加它，与聊天代码位置相同。Squarespace 仅在 Core、Plus 或 Advanced 套餐（或较旧的 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>