商品卡片

如果需要跳转到独立的聊天页面时自动或手动发送商品卡片,可以使用本文档接口实现。

image.png

示例:

对话链接请在客服工作台「客户接入渠道」里创建「对话链接」类型的渠道生成,浏览器访问对话链接 URL 就可以联系客服。
以下面的对话链接 URL 为例,请务必使用自己的对话链接。

//默认链接只能用于测试!
https://chat.aiheconglinkb.com/chat/h5/chatLink.html?channelId=xxxxxx

//换成自己的域名链接后,获取默认链接的地方有更换域名的教程
https://xxxx.xxxx.com/chat.html

上面的对话链接 URL 需要实现商品卡片只需要往后继续追加 shopcard 参数。

//默认链接演示如下
https://chat.aiheconglinkb.com/chat/h5/chatLink.html?channelId=xxxxxx&shopcard={"url":"商品链接网址","picurl":"商品图片网址","title":"商品标题","price":"商品价格"}

//自己的域名链接传递顾客资料演示如下
https://xxxx.xxxx.com/chat.html?shopcard={"url":"商品链接网址","picurl":"商品图片网址","title":"商品标题","price":"商品价格"}

上面 URL 的 shopcard={"url":"商品链接网址","picurl":"商品图片网址","title":"商品标题","price":"商品价格"} 部分就是追加的商品卡片参数。
商品卡片支持的字段参数如下。

{
  //必填参数
  url: "商品链接 URL",        //必填
  picurl: '商品图片 URL',     //必填 图片将自动等比裁剪为 75 * 75 px
  title: "商品标题",          //必填
  price: "商品价格",          //必填
  //以下为可选参数
  isSend: false,              //是否自动发送商品卡片
  buttonTitle: "发送商品",     //手动发送按钮文字
  buttonStyle: "danger",      //手动发送按钮样式,值范围 link/success/danger
  description: "商品描述",     //选填
  sales: "商品销量",           //选填
}

建议 URL 传参时将 URL 进行 encodeURIComponent 编码后使用会更好(内容加密、兼容性更强)。

没找到想要的答案?您还可以通过以下方式咨询我们

在线客服

在线时间:周一至周六 9:00 - 21:00

发起对话

微信公众号

支持时间:周一至周六 9:00 - 21:00

扫码关注

咨询电话

支持时间:周一至周五 9:00 - 18:00

0731 8412 1031