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

Shopify 商店的分步指南

平台：

步骤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 步：将代码添加到您的 Shopify 主题

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

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

提示： 使用 Ctrl+F（Windows）或 Cmd+F（Mac）在 theme.liquid 文件中快速搜索 </body>。

替代方案：使用 Shopify 应用

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

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

步骤3：验证安装

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

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

Shopify Plus 用户

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

添加 AI 搜索框

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

在 script 标签中添加 data-replace 属性，该搜索栏就会替换主题原有的搜索栏。把它粘贴到 theme.liquid 里紧邻结束 body 标签的位置，和聊天代码在同一个文件。你的主题仍保留自己的搜索结果页，所以按 Enter 的行为和以前完全一样。

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

阅读 AI 搜索框完整指南