【干货分享】如何利用企微插件，快速添加好友？ - WXOPEN Club

一、需求背景：加好友、拉粉丝进群

大部分商家在做私域运营的，都会想方设法的把客户拉倒企微群或者单独添加为好友，以便后续的精细化运营，利用群发消息或者朋友圈的动态来进行更多曝光，维系与客户之间的关系。

但如何在小程序中，方便的添加客户为好友，并且不会违规呢？企微微信给了解决方案。

二、效果预览：利用“联系我”插件

我们可以利用企微提供的 “联系我” 插件来实现。

官方文档见：https://work.weixin.qq.com/api/doc/90000/90136/93582

先来看一下效果图示

1、点击头像区域，可发送微信的消息通知

2、回到微信聊天列表，就能收到一个黄色的服务通知了

3、点击进去看到邀请通知

4、这里的二维码可以在企业微信的后台设置，可以是企微个人微信，也可以是企微群二维码

三、开发实战：配置+前端开发

1、登陆企业微信管理员后台，账号需要有“客户联系”模块的权限： https://work.weixin.qq.com/wework_admin/frame#customer/config/interactive

新建联系方式可以选择 二维码 和 按钮两种样式

点击使用指引获取到配置的ID：

四、小程序插件接入

1、经过上面的配置，获得了对应的配置ID后，开发者在小程序管理后台申请使用插件，添加路径：设置 ->第三方服务 -> 插件管理 -> 添加插件，搜索并添加插件ID： wx104a1a20c3f81ec2，无需审核确认。

2、开发者在小程序app.json 文件中添加对插件的引用

//index.wxml

bind:completemessage="completemessage"

plugid='82f3b7edf91xxxxxxxxxx'

buttonText='1' iconStyle='light' />

//index.json

{

"usingComponents": {

"cell": "plugin://contactPlugin/cell"

}

}

//app.json

"plugins": {

"contactPlugin": {

"version": "1.4.3",

"provider": "wx104a1a20c3f81ec2"

}

}

其中 completemessage 回调接收的参数格式如下：

{

errcode: 0, // 消息发送状态

name: '', // 推送的客服人员姓名

headurl: '' // 推送的客服人员头像

notifytype: 0, // 0: 表示消息通知的方式 1：表示二维码的方式

}

至此，就完成了基本的对接，就能在小程序中使用了。

tips：

企微提供的默认样式是这样样子的

但是，这个样式点击面积、样式效果都不是特别好，前端同学可以开动小脑瓜，通过css样式的覆盖。把透明度改为0，覆盖在自定义样式上，如文章最开始的图片展示。就可以实现自己想要的效果了。

五、加入群聊小程序按钮

同样，企微还提供了加入群聊的功能，详细见：https://work.weixin.qq.com/api/doc/90000/90136/93884，这里就不赘述了。