联系客服时发送小程序卡片

最新推荐文章于 2025-08-02 10:57:58 发布

原创最新推荐文章于 2025-08-02 10:57:58 发布 · 798 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何在联系客服时利用小程序的button组件发送带有图片、标题和路径的小程序卡片。详细讲解了show-message-card属性的设置，以及send-message-img、send-message-title和send-message-path的用法，特别是如何在send-message-path中处理参数。

参考小程序文档的button组件

show-message-card：设置为true,
send-message-img,send-message-title：可设置，
send-message-path：默认值不带参数，如需带参需要设置，

<button  hover-class="none"  open-type='contact'  send-message-img='{{kefuData.shareimg}}' send-message-title='{{kefuData.title}}'  send-message-path='{{send_path}}' show-message-card='true' session-from=''>
</button>

获取小程序当前路径与参数的方法如下：

function getCurrentPageUrlWithArgs() {
  const pages = getCurrentPages()
  const currentPage = pages[pages.length - 1]
  const url = currentPage.route
  const options = currentPage.options
  let urlWithArgs = `/${url}?`
  for (let key in options) {
    const value = options[key]
    urlWithArgs += `${key}=${value}&`
  }
  urlWithArgs = urlWithArgs.substring(0, urlWithArgs.length - 1)
  return urlWithArgs
}