如何在 Shopify 上安装 3Chat 即时聊天

如何在 Shopify 上安装 3Chat 即时聊天

如何在 Shopify 上安装 3Chat 即时聊天

操作指引

ru-he-zai-shopify-shang-an-zhuang-3chat

2025年7月1日

2025年7月1日

2025年7月1日

2025年7月1日

1.全文概述(适用平台:Shopify)

本指南将帮助您快速将 3Chat AI 客服接入您的电商网站,让顾客通过聊天窗口发起咨询,提升转化率和客户满意度。

如果您还不是 3Chat 的用户,请前往 3Chat 开通账号,您能够获得 7 天免费试用福利。如果在试用期间,您对我们的功能产生了浓厚的兴趣,订阅成长版套餐后,您将获得最优的功能体验。

2.安装前的准备工作

在开始之前,请确保:✅ 您已登录 Shopify 并且已经在运营一个店铺网站

3.操作步骤

3.1 获取即时聊天窗口的安装代码

  • 登录3Chat后台,在左侧导航栏依次点击【渠道】→ 【即时聊天】→ 【自定义官网安装】

  • 点击复制代码片段

3.2 进入 Shopify 代码编辑器并将 3Chat 代码导入

  • 进入 Shopify 后台

  • 点击【在线商店(Online Store)】,选择【主题(Themes)】

  • 点击当前主题左侧的【操作图标】

  • 点击【编辑代码(Edit code)】

  • 在左侧文件列表中找到theme.liquid(位于Layout目录下)。

  • 将代码粘贴到</body>标签前。

  • 点击【保存(Save)】,即可生效。

3.3 验证聊天插件生效

如果生效,您的网站右下角将会出现3chat聊天图标,请点击图标,测试交互是否成功。如能流畅收发信息,则视为成功。

4.常见问题

问题1: 修改主题后聊天窗口消失?

原因:主题更新覆盖代码

解决方案:
  1. 使用 「主题备份」 功能(操作路径:主题→操作→复制)

  2. 在新主题中 重新注入代码

问题2: 结账页面不显示按钮?

检查代码是否注入 「全局布局」(非特定模板)

关闭 「结账保护」类插件(如Growave/Segment)临时测试

5.进一步支持

如需帮助,可联系:

📧 3Chat 客服支持contact@3Chatai.com

📞 Shopify技术支持:Shopify内进入Help Center,可与Shopify客服进行联系

6.最后

✅ 恭喜!您已成功将 3Chat 智能客服接入Shopify!

现在,您的客户可以通过您的Shoify网站,直接与3Chat交互,提升客服效率!

联系我们!

联系我们!

联系我们!

地址

徐汇区 古美路1528号A6栋10层
总部·上海市

分部·新加坡·广州·成都·杭州·合肥·南京·石家庄

© 2025, 3Chat Inc - All rights reserved.上海纽酷信息科技有限公司 沪ICP备18014720号 - 10