如何将 Asyntai AI 聊天机器人添加到 Ecwid
Ecwid 商店的分步指南
步骤1:获取您的嵌入代码
首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。
步骤2:选择安装方法
有多种方式可以将聊天小部件添加到您的 Ecwid 商店。请选择最适合您配置的方法:
方法 1:使用 Instant Site 编辑器(推荐)
如果您使用 Ecwid 的 Instant Site,可以直接通过站点编辑器添加自定义代码部分。此方法适用于 Venture、Business 和 Unlimited 计划。
添加自定义代码部分
- 登录您的 Ecwid 管理面板
- 转到网站 → 编辑站点(或概览 → 管理 Instant Site)
- 从左上角的"页面:首页"下拉菜单中,选择要添加聊天机器人的页面(或保留首页以应用于全站)
- 点击"添加板块"
- 向下滚动到"高级方案"
- 在"嵌入和自定义代码"模块中,点击"添加自定义代码板块"
- 粘贴您的Asyntai嵌入代码
- 点击"保存"
提示: 将代码添加到主页将使其出现在所有页面上。为获得最佳性能,请将 JavaScript 添加到 body 部分而不是 header。
方法 2:使用自定义 JavaScript 代码部分
您可以通过 Ecwid 仪表板中的高级网站设置添加自定义 JavaScript 代码。此方法需要付费 Ecwid 计划。
- 登录您的 Ecwid 管理面板
- 转到网站(或概览 → 管理 Instant Site)
- 向下滚动到"高级网站设置"
- 在"自定义 JavaScript 代码"下,点击"添加代码"
- 将您的 Asyntai 嵌入代码粘贴到出现的字段中
- 点击"保存"
- 在浏览器中刷新 Instant Site 页面以查看更改
注意: 自定义 JavaScript 代码部分有 4000 字符限制。Asyntai 嵌入代码远在此限制之内。在此添加的代码将出现在 <body> 部分的底部。
方法 3:嵌入 Ecwid 商店的外部网站
如果您已将 Ecwid 商店嵌入到外部网站(WordPress、Wix、自定义 HTML 等),则应将 Asyntai 代码添加到该网站。
WordPress 搭配 Ecwid 插件
- 请参阅 WordPress 安装指南
- 使用 WPCode 插件或主题文件将 Asyntai 嵌入代码添加到 WordPress 网站
- 聊天机器人将出现在所有页面上,包括包含 Ecwid 商店的页面
其他平台
如果您的 Ecwid 商店嵌入在其他平台上:
- 查找适合您平台的安装指南
- 将 Asyntai 嵌入代码添加到该平台
- 聊天机器人将与嵌入的 Ecwid 商店一起运行
为什么要将代码添加到外部网站? 当 Ecwid 嵌入到另一个网站时,父网站控制着页面。将聊天机器人添加到父网站可确保其正确加载并出现在所有页面上。
步骤3:验证安装
添加代码后,在新的浏览器标签页或无痕窗口中访问您的 Ecwid 商店。您应该会在商店右下角看到聊天小部件按钮。点击它以确保能正常打开和使用。
看不到小部件? 清除浏览器缓存并刷新页面。确保您拥有付费 Ecwid 计划,因为自定义 JavaScript 功能需要 Venture、Business 或 Unlimited 计划。
Weebly