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

Shopify 商店的分步指南

获取嵌入代码

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

首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:

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

注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。

第 2 步:将代码添加到您的 Shopify 主题

按照以下步骤将聊天机器人添加到您的 Shopify 商店:

  1. 登录您的 Shopify Admin 面板
  2. 前往 Online Store → Themes
  3. 找到您当前的主题并点击 "..." 按钮(三个点)
  4. 从下拉菜单中选择 "Edit code"
  5. 在左侧边栏的 Layout 下,点击 theme.liquid
  6. 向下滚动找到 </body> 闭合标签
  7. 将您的Asyntai嵌入代码粘贴到</body>标签之前
  8. 点击右上角的"保存"

提示: 使用 Ctrl+F(Windows)或 Cmd+F(Mac)在 theme.liquid 文件中快速搜索 </body>

替代方案:使用 Shopify 应用

如果您不想编辑代码,可以使用 Shopify 应用来添加自定义脚本:

  1. 前往 Shopify App Store
  2. 搜索 "Custom Script Injector""Header & Footer Scripts"
  3. 安装您选择的应用
  4. 使用该应用将您的 Asyntai 嵌入代码添加到页脚部分

步骤3:验证安装

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

看不到小部件? Shopify 可能会缓存您的主题文件。尝试在无痕/隐私浏览器窗口中打开商店,或等待几分钟后刷新页面。

Shopify Plus 用户

如果您使用的是 Shopify Plus,还可以通过 checkout.liquid 文件添加脚本,以在结账页面显示聊天机器人。但请注意,大多数商店只需要在主店面页面上使用。