微信小程序接入客服功能开发流程

原创

已于 2023-05-28 22:19:50 修改 · 2.6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2023-05-28 22:01:30 首次发布

文章介绍了如何在小程序中添加客服消息按钮组件，让用户能唤起客服会话页面与小程序互动。开发者需要在代码中插入特定的button标签，并通过微信小程序管理平台进行配置，包括添加客服和关联微信号。

首先看官方文档这样说的：1、小程序内：开发者在小程序内添加客服消息按钮组件，用户可在小程序内唤起客服会话页面，给小程序发消息。客服消息使用指南 | 微信开放文档

客服消息按钮组件

button | 微信开放文档

在线客服是通过按钮组件来绑定的。所以我们小程序代码里面可以这样写：

<view>  <button type="" class="floatIcon" open-type="contact" style="width: 100px; height: 100px;font-size: 14px;background-image: url('{
  
  {imageurl}}/customer_service.png');" ></button></view>

我这里按钮是通过背景图展示的，悬浮的样式：

.floatIcon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 250px;
  height: 50px;
  background-image: url('/images/customer_service.png');
  border-radius: 50%;
  b