集成指南

为您的 Shopify 商店 添加实时聊天

几分钟内将 Nowdesk 嵌入您的 Shopify 店面,通过实时支持将浏览者转化为买家。

专为 集成指南

🛍️

购物车挽回

主动触达在结账页面犹豫的购物者。及时的聊天消息可以挽回原本会流失的弃单。

📦

订单追踪支持

让客户直接在聊天中查询订单状态。客服获得完整上下文,无需切换标签页即可快速回复。

🌐

多语言店面

自动检测访客语言,开箱即用地以简体中文、繁体中文、英文及 40 余种其他语言回复。

🤖

非营业时间 AI 机器人

当您的团队下线后,Nowdesk AI 自动处理商品常见问题、配送查询及潜在客户获取,确保无购物者等待。

⚡

快速嵌入,无需安装应用

在主题的 theme.liquid 文件中添加两行脚本,聊天组件即刻上线——无需在 Shopify 应用商店安装。

📊

对话数据分析

追踪哪些商品页面产生最多支持请求,衡量解决时间,并识别购买流程中的摩擦点。

如何将 Nowdesk 集成到 Shopify

1

创建 Nowdesk 账户

注册并完成入门向导。配置默认语言、营业时间,并为收件箱分配至少一名客服。然后前往设置 → 杂项 → 安装 URL,复制您的安装 URL。

2

打开 Shopify 主题编辑器

在 Shopify 后台,前往在线商店 → 主题。点击当前主题旁的三点菜单,选择编辑代码。打开布局 → theme.liquid。

3

粘贴嵌入脚本

在 theme.liquid 中找到 </body> 闭合标签,在其前方粘贴以下两行代码。将 [YOUR-SITE-URL] 替换为您的 Nowdesk 安装 URL。

<!-- Nowdesk 在线客服 -->
<script src="[YOUR-SITE-URL]/js/min/jquery.min.js"></script>
<script id="sbinit" src="[YOUR-SITE-URL]/js/main.js"></script>
4

保存并验证

点击 Shopify 代码编辑器中的保存。在新的浏览器标签页(建议使用无痕模式)中打开您的店面,几秒内即可看到 Nowdesk 聊天气泡出现。

5

传递客户数据(可选)

利用 Shopify 的 Liquid 模板语言,在访客已登录时预填其姓名和电子邮件,让客服第一时间了解对方身份。

6

自定义聊天组件

返回Nowdesk → 设置,调整组件颜色、欢迎语、营业时间及 AI 聊天机器人回复。所有更改实时同步至您的 Shopify 店面,无需修改代码。

常见问题解答

影响极小。脚本放置在 </body> 之前,不会阻塞首屏渲染。如果您的 Shopify 主题已包含 jQuery,去掉第一个脚本标签还能进一步减少加载量。

是的。Shopify 2.0 主题仍使用 theme.liquid 作为主布局包裹文件。在 </body> 之前放置的嵌入脚本无论哪个 section 或模板处于活动状态,都会在每个页面上加载。

可以。将嵌入脚本包裹在 Liquid 条件语句中,例如 {% unless template == 'cart' %},可排除特定页面模板。您也可以直接在 Nowdesk 控制台控制显示范围,无需修改代码。

您需要在新主题的 theme.liquid 文件中重新添加脚本。记下您的嵌入代码,整个过程不超过一分钟。

是的。Nowdesk 会独立于 Shopify Markets 自动检测访客浏览器语言。您也可以在 main.js URL 后附加 ?lang= 参数,为每个市场硬编码指定语言。

准备好实时支持您的Shopify 客户了吗?

开始 7 天免费试用,今天就与购物者进行第一次对话。