如何将 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 计划。

添加自定义代码部分

  1. 登录您的 Ecwid 管理面板
  2. 转到网站 → 编辑站点(或概览 → 管理 Instant Site)
  3. 从左上角的"页面:首页"下拉菜单中,选择要添加聊天机器人的页面(或保留首页以应用于全站)
  4. 点击"添加板块"
  5. 向下滚动到"高级方案"
  6. "嵌入和自定义代码"模块中,点击"添加自定义代码板块"
  7. 粘贴您的Asyntai嵌入代码
  8. 点击"保存"

提示: 将代码添加到主页将使其出现在所有页面上。为获得最佳性能,请将 JavaScript 添加到 body 部分而不是 header。

方法 2:使用自定义 JavaScript 代码部分

您可以通过 Ecwid 仪表板中的高级网站设置添加自定义 JavaScript 代码。此方法需要付费 Ecwid 计划。

  1. 登录您的 Ecwid 管理面板
  2. 转到网站(或概览 → 管理 Instant Site)
  3. 向下滚动到"高级网站设置"
  4. "自定义 JavaScript 代码"下,点击"添加代码"
  5. 将您的 Asyntai 嵌入代码粘贴到出现的字段中
  6. 点击"保存"
  7. 在浏览器中刷新 Instant Site 页面以查看更改

注意: 自定义 JavaScript 代码部分有 4000 字符限制。Asyntai 嵌入代码远在此限制之内。在此添加的代码将出现在 <body> 部分的底部。

方法 3:嵌入 Ecwid 商店的外部网站

如果您已将 Ecwid 商店嵌入到外部网站(WordPress、Wix、自定义 HTML 等),则应将 Asyntai 代码添加到该网站。

WordPress 搭配 Ecwid 插件

  1. 请参阅 WordPress 安装指南
  2. 使用 WPCode 插件或主题文件将 Asyntai 嵌入代码添加到 WordPress 网站
  3. 聊天机器人将出现在所有页面上,包括包含 Ecwid 商店的页面

其他平台

如果您的 Ecwid 商店嵌入在其他平台上:

  1. 查找适合您平台的安装指南
  2. 将 Asyntai 嵌入代码添加到该平台
  3. 聊天机器人将与嵌入的 Ecwid 商店一起运行

为什么要将代码添加到外部网站? 当 Ecwid 嵌入到另一个网站时,父网站控制着页面。将聊天机器人添加到父网站可确保其正确加载并出现在所有页面上。

步骤3:验证安装

添加代码后,在新的浏览器标签页或无痕窗口中访问您的 Ecwid 商店。您应该会在商店右下角看到聊天小部件按钮。点击它以确保能正常打开和使用。

看不到小部件? 清除浏览器缓存并刷新页面。确保您拥有付费 Ecwid 计划,因为自定义 JavaScript 功能需要 Venture、Business 或 Unlimited 计划。