微信小程序客服会话发送页面卡片

使用微信小程序客服时,可能需要带上如下图所示的分享页面。


可参考微信官方文档实现上述效果。

属性类型默认值必填说明最低版本
send-message-titlestring当前标题会话内消息卡片标题,open-type="contact"时有效1.5.0
send-message-pathstring当前分享路径会话内消息卡片点击跳转小程序路径,open-type="contact"时有效1.5.0
send-message-imgstring截图会话内消息卡片图片,open-type="contact"时有效1.5.0
show-message-cardbooleanfalse是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示"可能要发送的小程序"提示,用户点击后可以快速发送小程序消息,open-type="contact"时有效1.5.0
示例代码
<button open-type="contact" session-from="{{sessionFrom}}"
      send-message-title="小罐茶【清香铁观音】2.0金罐 10罐装  高碰来大师监制作品"
      send-message-path="/pages/tea/127"
      send-message-img="https://teastore.xiaoguantea.com/upfiles/admin/2019-01-30/20190130150931_583.jpg"
      show-message-card="true"
      > 在线客服 </button>


注意,你可能会发现,即使 send-message-path 指定的不是当前页面,点击卡片也会直接返回上一页而非指定页面。截止到本文档编辑之时(2019年07月12日),这的确是微信小程序客服卡片的行为。只有从最外部的客服窗口进入时,才会进入 send-message-path 指定的页面。