微信小程序客服会话发送页面卡片
使用微信小程序客服时,可能需要带上如下图所示的分享页面。
可参考微信官方文档实现上述效果。
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
send-message-title | string | 当前标题 | 否 | 会话内消息卡片标题,open-type="contact"时有效 | 1.5.0 |
send-message-path | string | 当前分享路径 | 否 | 会话内消息卡片点击跳转小程序路径,open-type="contact"时有效 | 1.5.0 |
send-message-img | string | 截图 | 否 | 会话内消息卡片图片,open-type="contact"时有效 | 1.5.0 |
show-message-card | boolean | false | 否 | 是否显示会话内消息卡片,设置此参数为 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 指定的页面。