🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 问题背景 默认微信客服会话小窗,是不支持发送小程序消息卡片的,客户咨询问题的时候,如果能附带具体的小程序页面,会减少很多沟通成本,比如: ![](https://box.kancloud.cn/237059be7dd5db1b2c2ddb2cc21e6ad9_664x699.png =420x370) ## 解决办法 要实现这个效果,需要在小程序里对客服按钮做一些设置,支持【会话内消息卡片】,微信官方文档介绍如下 https://developers.weixin.qq.com/miniprogram/dev/component/button.html 这里我们也给出具体代码示例: ~~~xml <button open-type='contact' show-message-card="true" send-message-title="消息卡片标题" send-message-path="/pages/index/index" send-message-img="https://www.baidu.com/img/bd_logo1.png">联系客服</button> ~~~ >[info]上面代码请不要直接照搬,根据实际情况调整参数。其中 show-message-card 参数必须传 true,其他参数可不传,不传的话,默认会是进入客服窗口会话前那个小程序卡片的标题、截图与路径。 >[warning]注意:以上修改需提交发布上线后才生效。 生效后在客服端聊天窗口看到的效果如下:(因微信限制,只能查看该卡片的标题和图片,暂不支持打开卡片) ![](https://box.kancloud.cn/12b11713ac74b29b44cf25a7fccbacf0_319x370.png =319x370)