2.3商品卡片

1.1 接口说明

需求背景：在家居安装、医疗、电商等行业中。当访客需要咨询座席时，支持自动代入预览商品的信息

1.2 访客端对接：

商品卡片
在script标签的src中拼接参数productInfo，其值必须使用encodeURIComponent编码后传递，示例如下：
var productInfo = {
  url: 'https://ykf.uincall.com/product.html',///商品页面
  style: 'iframe',// 用于指定卡片样式
};

var productInfoStr = encodeURIComponent(JSON.stringify(productInfo));

<script src="//ykf.uincall.com/implugin/uincallInit.js?    id=cc36cc3400394a92567bf54dc33fe92d&language=zh-CN&customButton=false&productInfo=${productInfoStr}" async="async"></script>

1.3访客端展示效果

1.4座席端展示效果

座席在在线咨询会话窗口中，可直接查看结构化商品卡片，无需多轮沟通即可快速确认订单详情，提升咨询处理效率。