微信接入步骤

Step1. 获取接入参数

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

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

Step2. 目标场景支持

微网站页面支持

步骤一将获得一个类似如下的连接地址,其中siteid为企业id

#pc站点和微网站站点表现形式不一样,因此我们特意对微网站样式做了适配
http://visitor.kefu.techidea8.com/pages/index/index?siteid={siteid}

HTML页面添加dom支持

<div onclick="gotokefu()" class="btn btn-kefu"></div>
<style>
.btn{
    width:60px;
    height:60px;
    border-radius: 50%;
    background-color: #2b7ce1;
    text-align:center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #f9fafc;
    font-size: 26px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px #2b7ce1;
}
.btn-kefu{

}
</style>
//js跳转采用简单的location.href方式
function gotokefu(){
    //这个URL即步骤一复制说的url
    let url = `http://visitor.kefu.techidea8.com/pages/index/wap?siteid=2`
    location.href = url
}

微信菜单支持

只需将步骤一所得连接地址嵌入到微信菜单即可

results matching ""

    No results matching ""