微信小程序

button 开放能力之联系客服

  1. 联系客服功能
    将按钮的open-type设置为contact
    你还可以使用bindcontact用来绑定点击该按钮之后的回调函数
<button open-type="contact">联系客服</button>

要想实现联系客服的功能需要先完成如下步骤

  1. 前往微信公众平台上注册微信小程序账号,获取AppID
    注意,不能使用测试号提供的AppID,因为测试号提供的AppID没有提供相应的权限
    进入小程序账号首页,点击开发设置
    微信小程序_第1张图片
    复制这里的AppID
    微信小程序_第2张图片
    2.修改微信开发者工具中的AppID
    详情,点击AppID后面的修改
    微信小程序_第3张图片
    3.完成AppID的修改之后,还需要返回微信公众平台的小程序账号内
    点击客服,添加一个微信账号,作为客服账号
    微信小程序_第4张图片
    添加成功之后,就能看到相应的客服账号
    微信小程序_第5张图片
    4.完成以上操作之后,就可以点击预览按钮,使用手机微信扫码,在手机上面点击查看运行效果
    微信小程序_第6张图片
    注意,这里需要用手机才能查看到运行效果,直接在微信开发者工具中点击联系客服按钮会提示没有权限
    微信小程序_第7张图片
    5.手机扫码之后,就能够看到这样的结果
    就是这里的联系客服按钮
    微信小程序_第8张图片
    6.点击它之后,就能够跳转到相应的客服账号,并可以消息联系客服人员了
    微信小程序_第9张图片

你可能感兴趣的:(微信小程序)