**问题背景** 默认小程序会话小窗,是不支持发送小程序消息卡片的,客户咨询问题的时候,如果能附带具体的小程序页面,会减少很多沟通成本 **解决办法** 要实现这个效果,需要在小程序里对客服按钮做一些设置,支持【会话内消息卡片】,微信官方文档介绍如下 https://developers.weixin.qq.com/miniprogram/dev/component/button.html **代码示例** ``` <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> ``` **注意点** 1、上面代码请不要直接照搬,根据实际需求调整。其中 show-message-card 参数必须传 true,其他参数可不传,不传的话,默认会是进入客服窗口会话前那个小程序卡片的标题、截图与路径。 2、以上修改需提交发布上线后才生效。 3、生效后在客服端聊天窗口看到的效果如下:(因微信限制,只能查看该卡片的标题和图片,暂不支持打开卡片) ![](https://box.kancloud.cn/74fe0a7b6c529355c3d3f2cf9f434402_540x1080.png) 电脑网页端以及小程序端均可以看到用户发来的卡片消息 **代码详细链接**: https://github.com/hotapp8/xiaokefu 由于微信限制,还不能打开卡片消息,只能看到该卡片的标题和图片 **电脑端显示效果** ![](https://box.kancloud.cn/be73551e9413b7bca3492ff86d70e9c6_937x661.png) **手机端显示效果** ![](https://box.kancloud.cn/c7494e15bce161086bc0eb557cbd1ac0_483x469.png)