SealReply
登录 免费试用 进入工作台

Shopify 独立站在线客服设置教程（一步步来）

在 Shopify 模板的 theme.liquid 里贴一行代码，店铺每个页面就有了在线客服。下面讲怎么贴、怎么验证域名，以及怎么设置才适合接待海外买家。

作者：Admin

给 Shopify 独立站加在线客服，只要把聊天插件的代码贴到模板文件 layout/theme.liquid 的 </body> 前面，店铺每个页面右下角就会出现聊天按钮。整个过程 5 分钟左右，不需要去 Shopify 应用商店装应用。

下面以 SealReply 为例一步步讲，也会讲清楚独立站卖家最容易卡住的两件事：域名和结账页。

准备

  • 能登录 Shopify 后台，并且有编辑模板的权限。
  • 店铺已经绑定了自己的域名（例如 shop.example.com），原因见第 4 步。
  • 一个 SealReply 免费账号。免费版没有使用期限。

第 1 步：添加店铺，复制代码

  1. 注册后，工作台会打开“设置在线客服”引导。
  2. 在“你的网站”里填站点名称，网站地址填店铺的域名，点“继续”。
  3. 在“安装插件”这一步，“网站使用的平台”选 Shopify，点“复制”。

代码大概是这样：

<script src="https://cdn.sealreply.com/widget.js" data-site-key="sk_…" async></script>

第 2 步：贴到 theme.liquid 里

  1. 在 Shopify 后台进入“在线商店 → 模板”。
  2. 在当前模板旁边点“…” → “编辑代码”。
  3. 在 layout 文件夹里打开 theme.liquid。
  4. 按 Ctrl+F（Mac 是 Cmd+F）找到文件末尾的 </body>。
  5. 把代码贴在它的上一行。
  6. 点“保存”。

贴好后文件结尾是这样的：

    …
    <script src="https://cdn.sealreply.com/widget.js" data-site-key="sk_…" async></script>
  </body>
</html>

注意两点：

  • 换模板要重贴。 代码在这个模板里。以后发布了别的模板，要在新模板的 theme.liquid 里再贴一次。
  • 不放心可以先在副本里试。 点“…” → “复制”，在副本里改好、预览没问题再发布。

第 3 步：把店铺的其他地址也加上

买家可能从好几个地址进店：example.com、www.example.com，还有 Shopify 给每家店的 你的店铺.myshopify.com。聊天插件只在允许的域名上显示。

在工作台打开“站点 → 你的店铺 → 基本设置”，在“允许的域名”里每行填一个。自己的域名放第一行：第一个是主域名，验证的就是它。

第 4 步：验证域名

在证明主域名是你的之前，插件不会显示。Shopify 不能在域名根目录放文件，所以用 DNS 方式验证：

  1. 在工作台“域名验证”里，复制 TXT 记录的“主机记录”和“记录值”。
  2. 到管理这个域名 DNS 的地方添加一条 TXT 记录：
    • 域名是在 Shopify 买的：进入“设置 → 域名”，打开这个域名，找到 DNS 设置。
    • 域名是在阿里云、腾讯云、GoDaddy、Namecheap 等地方买的：在那边的 DNS 解析里添加。
  3. 等几分钟，点“立即检查”。

这就是为什么要有自己的域名：.myshopify.com 地址没法添加 DNS 记录。自己的域名验证通过后，只要 .myshopify.com 也在允许的域名里，那个地址上的聊天也能正常用。

第 5 步：发一条测试消息

  1. 在引导页点“打开我的网站”，店铺打开时聊天窗口已经打开。
  2. 假装自己是买家，发一条消息。
  3. 在工作台里回复。

测试对话不计入每月会话数，也不进报表。

结账页为什么没有聊天按钮

Shopify 的结账页不属于模板，theme.liquid 里的代码不会在那里运行。首页、商品集合、商品详情页和购物车都会显示聊天，这些也正是买家问问题最多的地方；结账过程中不显示。

如果有的页面不想显示聊天（例如订单状态页），在“站点 → 你的店铺 → 页面规则 → 不显示聊天的页面”里添加。

接待海外买家的 5 个设置

独立站的咨询来来回回就那几个问题。下面 5 个设置能让回答快很多：

  1. 按页面欢迎语。 在“页面规则”里，给地址包含 /products/ 的页面加一条欢迎语，例如“尺码或运费有疑问？在这里问我们。”欢迎语按语言分别填写，英文买家看英文，其他语言没填的显示站点默认语言。
  2. 首页常见问题。 把发货时间、退换货、付款方式写进聊天窗口首页的常见问题，很多买家不用问就能找到答案。
  3. 快捷回复。 把“我的订单到哪了”“你们发货到某某国家吗”的回答存成快捷回复，聊天时输入 / 就能插入。
  4. 等待提醒。 时差问题躲不掉：买家在白天问，你可能正在睡觉。在“工作时间与等待”里打开等待提醒，超时没人回复时插件会请买家留下邮箱，你回复后通过邮件发给他，问题不会丢。
  5. 线索跟进。 看起来要下单的聊天，设一个下次跟进时间。这位买家再回到店铺时，你会收到提醒。

如果你的团队英文不够熟练，Pro 和 Business 套餐可以打开消息翻译（DeepL）：买家的消息翻成中文给你看，你用中文写的回复翻成买家的语言发出去。

插件没出现怎么办

工作台提示 怎么办
还没有检测到插件 确认改的是已发布的模板，而不是草稿副本，并且已经保存。
请先验证域名 完成第 4 步。DNS 可能要几分钟才生效。
插件加载在了其他域名上 你打开的地址不在允许的域名里，在“修改允许域名”里加上。

延伸阅读：人不在电脑前，怎么不漏客户；其他建站平台见网站怎么添加在线客服。