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

Shopify 商店的分步指南

平台：

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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 搜索框完整指南