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

Wix 网站分步指南

平台：

步骤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：使用 Custom Code 添加代码（推荐）

Custom Code 可一次性将聊天机器人添加到所有页面。Wix 为已发布且已连接域名的网站提供此功能，这需要 Premium 套餐：

登录您的Wix 账户并前往网站的仪表板
点击左侧边栏中的设置
在Development & integrations部分，点击Custom Code
点击右上角的"+ 添加自定义代码"
将您的 Asyntai 嵌入代码粘贴到文本框中
输入代码名称（例如"Asyntai Chatbot"）
在"将代码添加到页面"下，选择"所有页面"
在"放置代码于"下，选择"Body - end"
点击"应用"以保存

提示： 选择"Body - end"会将脚本放在 </body> 关闭标签之前，这是聊天小部件的推荐位置。

替代方案：使用 Embed HTML 元素（免费套餐）

没有 Premium 套餐时，您可以通过 Embed HTML 元素将代码添加到页面。Wix 会将此元素显示为 iframe，因此聊天小部件会停留在元素的框内，不会悬浮在页面上方。请将框设置得足够大，以容纳打开后的聊天窗口。

在Wix 编辑器中打开您的网站
点击左侧工具栏中的"Add Elements"（"+"按钮）
选择"Embed Code"，然后选择"Popular Embeds"，再选择"Embed HTML"
点击"Enter Code"，然后粘贴您的 Asyntai 嵌入代码
点击"应用"
拖动元素的四角，使其足够大以容纳打开后的聊天窗口
点击"发布"以保存更改

重要提示： 使用 Embed HTML 方法时，您需要将该元素添加到每个希望显示聊天机器人的页面。若要一次性添加到所有页面，请使用上面的 Custom Code 方法。

步骤3：验证安装

添加代码后，发布您的网站并在新的浏览器标签页或无痕窗口中访问。您应该会在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。

看不到小部件？ 请确保您的网站已发布（不仅仅是保存）。Wix 可能需要几分钟来应用自定义代码更改。尝试清除浏览器缓存或在无痕窗口中查看。

添加 AI 搜索框

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

在 script 标签中添加 data-replace 属性，该搜索栏就会替换主题原有的搜索栏。在 Settings、Custom Code 中添加它，与聊天代码位置相同。Wix 仅在已连接域名的 Premium 套餐中提供 Custom Code，因此安装此项需要该套餐。

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