如何为 Squarespace 添加 AI 聊天机器人（5 分钟完成）

Nexoply 是一款 AI 助手，您在它自己的控制台中搭建，再用一行代码添加到 Squarespace 网站上。Squarespace 中只存放这一行代码；其余一切都在 Nexoply 中设置，无需代码，也无需 AI 密钥，因为 AI 由 Nexoply 运行。实际使用中，这意味着：

• 它了解您的企业。添加您的服务和价格、常见问题、政策、营业时间和服务范围，或从 Squarespace 网站的公开页面导入（免费版每次扫描 15 页）。所有内容都需经您批准后才会添加。
• 它只根据这些信息作答。它被设定为在不知道时如实说明，而不是乱猜，每次对话都保存在控制台中供您查看。
• 它与您的网站风格一致。消息按钮或侧边标签、配色、字体和标志、现成的模板、手机上的独立外观，以及预约、致电或 WhatsApp 等开始页面按钮。
• 它支持 12 种语言。使用其他受支持语言提问的访客，会收到用该语言作出的回答。
• 它不是什么。它不是供人工客服使用的在线客服收件箱，本身也不处理预约或付款；它的按钮会把访客引导到您的预约页面、电话或 WhatsApp。

免费版每月包含 50 次对话；付费方案起价为每月 $19，详见价格页面。完整的选项列表请参阅聊天机器人功能。

请先确认以下三点：

• 一个 Nexoply 账户。免费注册：免费版每月包含 50 次对话，无需信用卡。
• 在 Nexoply 中添加您的企业信息：服务和价格、常见问题、政策、营业时间和服务范围。最快的方法是输入您的 Squarespace 网站地址，让 Nexoply 导入您的公开页面，包括用 JavaScript 构建的页面。您审核建议内容，所有内容都需经您批准后才会添加。
• 包含 Code Injection 的 Squarespace 套餐：Business 套餐或更高。如果不确定，请打开下文所述的 Squarespace 设置，查看您的网站是否可以使用 Code Injection。

在 Nexoply 控制台中打开聊天机器人页面（如果还没有创建，请点击创建聊天机器人），然后复制安装代码。代码如下所示：

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

YOUR-KEY 会被替换为您的聊天机器人专属密钥，“聊天机器人”页面会自动为您填好。这个密钥是公开的：它不是密码，也无法访问您的账户。想在改动 Squarespace 之前先看看 AI 助手的效果？点击打开包含聊天机器人的测试页面，在示例页面上试用。

1. 1

   打开网站设置

   登录 Squarespace，打开目标网站，然后点击 Settings。

2. 2

   前往 Code Injection

   打开 Advanced，然后打开 Code Injection。这是全站通用的区域，放在这里的代码会在每个页面上运行。

3. 3

   粘贴到 Footer

   将 Nexoply 代码粘贴到 Footer 框中。页脚区域位于每个页面的末尾之前，正是这段代码应放的位置。

4. 4

   保存

   点击 Save。在 Squarespace 中无需安装任何内容，也无需进行其他配置。

在新的无痕窗口中打开您的线上网站，以访客的视角查看。底部角落会出现一个聊天按钮。提一个真实的问题，例如“有素食选择吗？”或“可以预订八人桌吗？”（更多示例请参阅餐厅 AI 聊天机器人指南）。几秒钟内，这段对话就会出现在 Nexoply 控制台的对话下。此后，您在控制台中所做的更改会在大约一分钟内同步到网站，无需再回到 Squarespace。

• 套餐。如果找不到 Code Injection 或它处于锁定状态，说明您网站的套餐不包含该功能。它需要 Business 套餐或更高套餐。
• 放错了框。重新打开 Code Injection，检查代码是否位于 Footer 框中，且完整未改动，从 <script 到 </script>。
• 未保存，或看到的是旧页面。确认您已点击 Save，然后在无痕窗口中重新加载线上网站，而不是在登录编辑器的状态下查看。
• 允许的域名。如果您在“聊天机器人”页面设置了仅允许在以下网站上使用，请确认已准确列出访客访问您网站时使用的每个地址（例如 mystudio.com，子域名可用 *.mystudio.com）。
• 聊天机器人已关闭，或广告拦截器。检查启用聊天机器人开关是否已打开。极少数情况下，浏览器扩展会拦截聊天小组件；请换一个浏览器试试。

外观设计在 Nexoply 控制台中设置，而不是在 Squarespace 中。在聊天机器人 → 自定义下，您可以选择消息按钮的图标（或您自己的图片）、文字标签、形状、大小、颜色和位置，也可以改用屏幕边缘的侧边标签（例如“帮助”）。您可以为手机设置不同的外观，并使用页面规则在特定页面上更改外观（例如 /menu/*）。让聊天窗口与 Squarespace 网站的字体和颜色保持一致，添加您的标志，或从现成的模板开始。开始页面可以显示您自己的按钮，例如预约、致电或 WhatsApp。小组件使用 Shadow DOM，因此网站的样式不会改变聊天窗口，反之亦然。

之后请定期查看对话：AI 助手未能解答的问题会单独列出，可以一键转为常见问题。阅读 Nexoply 的工作原理了解全貌；如果您还有其他平台上的网站，请参阅如何为任意网站添加 AI 聊天机器人。