在线客服系统接入微信小程序的3种办法

摘要：

在线客服系统可以通过在小程序在线咨询按钮插入对话链接的方式实现接入，或者通过快商通后台添加配置app key和app secret实现接入，以及通过代码嵌入的方式来接入微信小程序渠道。本文将为大家详细介绍这3种办法。

在线客服系统接入微信小程序

接入方式一：对话窗口链接跳转

我们可以在小程序商品页面现有的在线咨询按钮上添加一个在线客服的聊天窗口链接，当访客点击按钮时会自动跳转到对话页面跟企业客服人员直接进行沟通，以此实现在线客服的功能。
实现方式很简单，打开快商通，找到【设置】-【代码生成】入口进入，页面下拉获取到对话链接的URL，复制到小程序网页上的在线咨询按钮的指向链接地址上就行了。

接入方式二：客服系统后台对接微信小程序

打开快商通，找到【智慧云平台】-【微信小程序】入口进入，选择【添加小程序】，然后到小程序后台“设置-基本信息-账号信息”或‘设置-开发设置-开发者ID’中获取小程序名称、原始ID、App ID、APPSecret相关信息填入提交即可。

添加配置小程序参数

填写完配置后将商品页面上的在线咨询按钮代码按照下面给进行调整就可以了。

在进入客服对话的聊天按钮属性中添加如下字段：

session-from = "kst|访客昵称|访客头像|访客性别|访客国家|访客省份|访客城市"

代码demo如下：

<button open-type="contact" session-from='kst|{{userInfo.nickName}}|{{userInfo.avatarUrl}}|{{userInfo.gender}}|{{userInfo.country}}|{{userInfo.province}}|{{userInfo.city}}'>进入客服会话</button>

完成这步以后，就访客从对话窗口发送消息就能在快商通客服系统的客户端收到了。

接入方式三：在源代码中插入客服系统JS代码

打开快商通，进入【设置】-【代码生成】，选择手机图标，系统会自动生成适配移动端的代码，把这串代码直接复制插入到小程序页面的尾部代码中就可以直接显示了。

小程序成功接入在线客服系统后的效果展示：

小程序接入在线客服系统

从小程序渠道来的客户都会显示一个小程序的logo，非常有辨识度，方便客服人员进行客户识别和管理。

三种接入微信小程序的方式哪种更好

对话窗口链接跳转的方式非常直接，实现速度快并且简单，哪怕是完全不懂技术的人员也可以快速获取到对话链接插入到咨询按钮上，缺点是对话窗口的UI可能跟小程序本身的UI风格不太一样。

客服系统后台对接小程序的方式相对来说比较麻烦，具备一定的技术性，在快商通客服人员的指导下也能顺利完成配置。优势是可以直接调用小程序本身的UI风格，直接在自带的对话窗口内实现聊天对话数据的收发。

代码插入的方式属于比较多在网站上使用的方式，生成出来的组件需要进行自定义才能比较贴合小程序自身的风格，在小程序上也可以使用，但更多采用第二种方式进行接入。

总结：

以上便是在线客服系统接入微信小程序的3种方式，如果没有这方面的技术和操作经验，可以联系快商通人工客服提供技术支持来解决在线客服接入的问题。

相关推荐：

APP接入客服系统的三种方式

微信公众号如何接入在线客服系统