如何在小程序中添加实用的在线客服功能？

本文共计1053个文字，预计阅读时间需要5分钟。

小程式新增客服功能（学习视频分享：编程视频）

一、需在程式中加入客服消息按钮，程式接入微信客服消息功能模块，开发者只需调用按钮，即可触发展示微信客服消息功能。

小程序添加客服功能

（学习视频分享：编程视频）

一、需要在小程序中加入一个客服消息按钮

小程序接入微信「客服消息」功能模块，开发者只需要调用按钮，触发微信的客服消息功能即可，不需要自行在小程序中实现。

加入客服消息按钮有两个方法，大家可以根据自己的实际需求，任选一种方法。

1. 插入固定样式的客服消息按钮

微信为客服消息按钮，设计了一个初始样式。

想要调用它也很简单，只需要在 WXML 代码中，插入 <contact-button></contact-button>，固定样式的客服按钮就会出现在界面中。

利用这种方法做出的客服消息按钮，其样式已经被固定，且颜色只能选择黑白两色。唯一可以真正自定义的项目，则是这个按钮的尺寸大小。

2. 插入自定义样式的客服消息按钮

利用 WXML 中 <button> 组件的 open-type 属性，我们也可以在小程序的界面中，插入自定义样式的客服消息按钮。

<button open-type='contact'>联系客服</button>

相比较第一种方法，使用这种方法，你可以在 WXSS 中为按钮添加自己的样式，让客服消息按钮与整体页面更和谐。

无论使用哪一种方法，用户都可以通过点击客服消息按钮，进入聊天界面，与你的小程序客服直接沟通。