网站接入步骤

Step1. 获取JS

前往管理面板工作台面板点击网站接入参数 网站接入参数 得到弹窗如下

网站接入参数 点击复制按钮即可将数据复制到剪切板。

Step2. 植入代码到目标站点

将步骤1获得的代码粘贴到需要展示客服界面的body标签中即可。相关代码接单说明如下

//首先引入js
<script type="text/javascript" id="techidea8kefujs" src="http://kefu.techidea8.com/asset/js/kefu.js?siteid=2"></script>
<!--自定义dom,dom通过onclick搬动showkefu函数即可-->
<div style="display: flex;position: fixed;z-index: 999;right: 0px;top: 320px;">
                      <div onclick="showkefu()" style="display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border: 1px solid rgba(0, 0, 0, .1);border-radius: 31px;box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);cursor: pointer;text-decoration: none;background-color: #00a6f1;;">
                          <img style="width:42px;height:42px;" src="data:image/png;base64,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" />
                      </div>
                  </div>

Step3 效果预览

集成后右侧出现一个聊天小图标,用户点击即可弹出聊天界面 网站接入参数

results matching ""

    No results matching ""