Web 交互式卡片式消息API文档

概要说明

卡片式消息可用于商品、服务等信息的展示

一次会话开始时,在Web访客端若传入了必要的参数,即可触发该卡片,由访客决定是否发送给客服

效果图:

会话开始时,在访客端显示卡片

发送卡片

访客点击卡片发送按钮,把卡片消息发送给客服

卡片消息

参数说明

触发交互式卡片式消息的参数是linkCard, 参数值是一个序列化的JSON对象,包含一些配置属性,属性说明如下:

属性名说明是否必填
title主标题
sub_title副标题
image缩略图地址
description简述
url点击卡片跳转目标地址
autoSend是否自动发送,默认false

生成url参数:

// 生成linkcard参数值示例
encodeURIComponent(JSON.stringify({
  title: '啵拉金毛狗窝大型犬凉席可拆洗狗屋泰迪宠物用品狗狗 垫子猫窝夏天狗狗 垫子猫窝夏天狗狗 垫子猫窝夏天狗狗 垫子猫窝夏天狗狗 垫子猫窝夏天狗狗 垫子猫窝夏天狗狗 垫子猫窝夏天狗狗 垫子猫窝夏天',
  sub_title: '¥1024.00元',
  image: 'https://cdn.xiaoduoai.com/cvd/dist/fileUpload/1526976955723/images.jpg',
  description: '该商品参与了公益宝贝计划,卖家承诺每笔 成交将为爱心包裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动裹贫困儿童关爱行动',
  url: 'https://cvd.xiaoduoai.com',
  autoSend: false,
}))

web渠道的两种接入方式都可以通过传递参数linkCard来触发卡片式消息

独立聊天窗口:

// 示例
https://cvd.xiaoduoai.com/c?src=439&key=4ca6c1295d9f33ddb226e0247bb862fa3284c19a9218c090adfc1fedf35aae81&channel_id=2777&linkCard=%7B%22title%22%3A%22%E5%95%B5%E6%8B%89%E9%87%91%E6%AF%9B%E7%8B%97%E7%AA%9D%E5%A4%A7%E5%9E%8B%E7%8A%AC%E5%87%89%E5%B8%AD%E5%8F%AF%E6%8B%86%E6%B4%97%E7%8B%97%E5%B1%8B%E6%B3%B0%E8%BF%AA%E5%AE%A0%E7%89%A9%E7%94%A8%E5%93%81%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%22%2C%22sub_title%22%3A%22%EF%BF%A51024.00%E5%85%83%22%2C%22image%22%3A%22%2F%2Fcdn.xiaoduoai.com%2Fcvd%2Fdist%2FfileUpload%2F1526976955723%2Fimages.jpg%22%2C%22description%22%3A%22%E8%AF%A5%E5%95%86%E5%93%81%E5%8F%82%E4%B8%8E%E4%BA%86%E5%85%AC%E7%9B%8A%E5%AE%9D%E8%B4%9D%E8%AE%A1%E5%88%92%EF%BC%8C%E5%8D%96%E5%AE%B6%E6%89%BF%E8%AF%BA%E6%AF%8F%E7%AC%94%20%E6%88%90%E4%BA%A4%E5%B0%86%E4%B8%BA%E7%88%B1%E5%BF%83%E5%8C%85%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%22%2C%22url%22%3A%22https%3A%2F%2Fcvd.xiaoduoai.com%22%7D

sdk接入传参:

<!-- 示例 -->
<script type="text/javascript" src="https://cvd.xiaoduoai.com/c/sdk/sdk.min.js?src=439&key=4ca6c1295d9f33ddb226e0247bb862fa3284c19a9218c090adfc1fedf35aae81&channel_id=2777&linkCard=%7B%22title%22%3A%22%E5%95%B5%E6%8B%89%E9%87%91%E6%AF%9B%E7%8B%97%E7%AA%9D%E5%A4%A7%E5%9E%8B%E7%8A%AC%E5%87%89%E5%B8%AD%E5%8F%AF%E6%8B%86%E6%B4%97%E7%8B%97%E5%B1%8B%E6%B3%B0%E8%BF%AA%E5%AE%A0%E7%89%A9%E7%94%A8%E5%93%81%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%E7%8B%97%E7%8B%97%20%E5%9E%AB%E5%AD%90%E7%8C%AB%E7%AA%9D%E5%A4%8F%E5%A4%A9%22%2C%22sub_title%22%3A%22%EF%BF%A51024.00%E5%85%83%22%2C%22image%22%3A%22%2F%2Fcdn.xiaoduoai.com%2Fcvd%2Fdist%2FfileUpload%2F1526976955723%2Fimages.jpg%22%2C%22description%22%3A%22%E8%AF%A5%E5%95%86%E5%93%81%E5%8F%82%E4%B8%8E%E4%BA%86%E5%85%AC%E7%9B%8A%E5%AE%9D%E8%B4%9D%E8%AE%A1%E5%88%92%EF%BC%8C%E5%8D%96%E5%AE%B6%E6%89%BF%E8%AF%BA%E6%AF%8F%E7%AC%94%20%E6%88%90%E4%BA%A4%E5%B0%86%E4%B8%BA%E7%88%B1%E5%BF%83%E5%8C%85%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%E8%A3%B9%E8%B4%AB%E5%9B%B0%E5%84%BF%E7%AB%A5%E5%85%B3%E7%88%B1%E8%A1%8C%E5%8A%A8%22%2C%22url%22%3A%22https%3A%2F%2Fcvd.xiaoduoai.com%22%7D" defer async ></script>

results matching ""

    No results matching ""