## 问题背景
默认微信客服会话小窗,是不支持发送小程序消息卡片的,客户咨询问题的时候,如果能附带具体的小程序页面,会减少很多沟通成本,比如:
![](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)
- 初始设置
- 创建团队
- 渠道接入&创建
- 接入微信公众号
- 接入微信小程序
- 创建网页在线客服
- 创建聊天名片
- 开始对话
- 邀请同事
- 人工回复
- 对话分配
- 快捷回复
- 对话置顶
- 对话转接
- 内部消息
- 消息收藏
- 历史对话
- 自动回复
- 新用户回复
- 被关注回复
- 对话开启时回复
- 对话结束时回复
- 离线时回复
- 关键词回复
- 消息过滤
- 排队设置
- 公众号管理
- 裂变海报(裂变宝)
- 裂变海报-简介&活动示例
- 裂变海报-使用步骤
- 裂变海报-活动案例模版
- 模版消息群发
- 公众号群发
- 连续推送
- 公众号发放券码
- 渠道二维码
- 智能菜单
- 自定义菜单
- 个性化菜单
- 数据统计
- 今日实时数据
- 用户数/对话数
- 按渠道统计
- 客服工作量
- 客服工作状态
- 客户资料对接
- 使用文档
- 接口说明
- 手机回复
- 小程序版(移动端)
- 接收公众号提醒
- 常见问题
- 如何获取微信头像和昵称
- 自动回复小程序点击不跳转
- 客户发送小程序详情页给客服
- 为什么收不到消息提醒
- 电脑浏览器如何实现通知提醒
- 如何回复未认证公众号消息?
- 手机电脑均可接收消息
- 为什么收不到用户消息
- 网页在线客服插件-高级设置文档
- 什么是聊天名片
- 如何在平台收藏常用的消息
- 公众号模版消息会被警告或禁用吗?
- 模版消息中「标签」的灵活使用