评论

【干货分享】如何利用企微插件,快速添加好友?

做私域运营的商家都会想方设法的把客户拉倒企微群或者单独添加为好友,那如何在小程序中,方便的添加客户为好友,并且不会违规呢?企微微信给了解决方案。

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

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

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

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

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

官方文档见: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
<cell  bind:startmessage='startmessage' 
       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,这里就不赘述了。

最后一次编辑于  2021-11-02  
点赞 1
收藏
评论
登录 后发表内容