seo实用代码:如何在你的主页面上加在线客服电话跳转
时间:2021-03-25 作者:甲文科技
很多时候需要在页面上加个在线客户,跳转电话,给他家推荐一个非常实用的代码:
<style>
.uukjsi6a_zpZccrqYiI3k {
width: 6rem;
height: 2.2rem;
position: fixed;
bottom: 5rem;
left: calc(50% - 3rem);
background: rgb(255, 80, 0);
box-shadow: 0 23px 50px 0 rgb(78 110 242 / 50%);
border-radius: 69px;
z-index: 100;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.uukjsi6a_zpZccrqYiI3k a{color:#ffffff;}
.uukjsi6a_zpZccrqYiI3k img {width: 1rem;height: 1rem}
</style>
<div class="uukjsi6a_zpZccrqYiI3k"><img src="/wap/img/bottom-phone.png"><a href="tel:1233665588888" rel="nofollow">咨询客服</a></div>
把以上代码电话位置换成你的电话,加到页面包含文件里即可。