商品卡片

通常商城网站都需要在顾客咨询时发送商品卡片给客服,让客服清楚顾客咨询的商品。合从支持手动或自动发送商品卡片。 注意:使用开放接口需要一定技术能力,请由网站技术人员参考本文代码对接实现。

image.png

接口函数:_AIHECONG('shopcard')

请确保在页面底部</body>前插入「网页接入代码」再按需调用。
网页接入代码在客服工作台「客户接入渠道」里创建「网页」类型的渠道生成。

示例代码:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>测试</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
    <!-- 点击下面的按钮展开聊天窗并发送商品卡片 -->
    <button onclick="openChat()">商品咨询按钮</button>

    <script>
      //点击按钮处理事件
      function openChat(){
        //在确保网页加载接入代码后按需执行下面代码
        //调用商品卡片接口
        _AIHECONG('shopcard', {
          //必填参数
          url: "商品链接 URL",        //必填
          picurl: '商品图片 URL',     //必填 图片将自动等比裁剪为 75 * 75 px
          title: "商品标题",          //必填
          price: "商品价格",          //必填
          //以下为可选参数
          isSend: false,              //是否自动发送商品卡片
          buttonTitle: "发送商品",     //手动发送按钮文字
          buttonStyle: "danger",      //手动发送按钮样式,值范围 link/success/danger
          description: "商品描述",     //选填
          sales: "商品销量",           //选填
        })
        //JS 可以直接调用全局函数 _AIHECONG('showChat') 实现弹出聊天窗口
        _AIHECONG('showChat')
      }
     </script>

     <script>
      //请确保在页面底部 </body> 前插入接入代码
      //下面的接入代码在客服工作台「客户接入渠道」里创建生成
      (function(d, w, c) {
        var s = d.createElement('script');
        w[c] = w[c] || function() {
          (w[c].z = w[c].z || []).push(arguments);
        };
        s.async = true;
        s.src = 'https://static.ahc.ink/hecong.js';
        if (d.head) d.head.appendChild(s);
      })(document, window, '_AIHECONG');
      _AIHECONG('ini',{ channelId : 'xxxxx' });
      //以上是接入代码示例,请务必使用自己创建生成的接入代码。
    </script>
</body>
</html>

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

在线客服

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

发起对话

微信公众号

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

扫码关注

咨询电话

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

0731 8412 1031