返回仪表板
文档
了解如何使用 Asyntai
如何将 Asyntai AI 聊天机器人添加到 Shopify
Shopify 商店的分步指南
平台:
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
Moodle
SilverStripe
Grav
October CMS
ProcessWire
Sanity
ExpressionEngine
Sylius
Backdrop CMS
MODX
Bagisto
PayloadCMS
e107
CrafterCMS
Kirby
MedusaCMS
DatoCMS
GoDaddy
Framer
Bubble
Carrd
Jimdo
Strikingly
Kajabi
Teachable
Thinkific
ClickFunnels
Hostinger
Unbounce
Leadpages
Systeme.io
Instapage
Weebly
步骤1:获取您的嵌入代码
首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 文件添加脚本,以在结账页面显示聊天机器人。但请注意,大多数商店只需要在主店面页面上使用。