Code liên hệ cuối trang đẹp cho theme Flatsome giống f88.vn

Khi bạn làm kinh doanh thì việc có 1 box liên hệ cuối trang đẹp sẽ kích thích khách hàng liên hệ với bạn hơn. Hôm nay mình sẽ giới thiệu các bạn code liên hệ cuối trang đẹp cho theme Flatsome giống f88.vn

Code liên hệ cuối trang đẹp cho theme Flatsome giống f88.vn

Trong quản trị admin bạn vào Flatsome/Advance/FooterScripts xong chèn đoạn mã dưới đây vào:

/* Liên hệ đẹp cho theme Flatsome wordpress  */
<a class="social-icon social-icon--facebook" href="http://m.me/f88vietnam" target="_blank"> 
<img src="https://f88.vn/img/icon/mess.svg">
</a>
<a class="social-icon social-icon--zalo" href="https://zalo.me/861393446206589121" target="_blank">
<img src="https://f88.vn/img/icon/zalo.svg"> 
</a>

<div class="social-icon-mobile"> <div> <a href="tel:18006388"> <img src="https://f88.vn/img/icon/call.svg"> <p>Gọi ngay</p> </a> </div>

<div> <a href="http://m.me/f88vietnam" target="_blank"> <img src="https://f88.vn/img/icon/messmb.svg"> <p>Facebook Chat</p> </a> </div>

<div> <a href="https://zalo.me/861393446206589121" target="_blank"> <img src="https://f88.vn/img/icon/zalomb.svg"> <p>Zalo Chat</p> </a> </div> </div>


<style type="text/css">
.social-icon{z-index:1000}.social-icon img{width:50px}
.social-icon--zalo{position:fixed;right:15px;bottom:15px;display:block}
.social-icon--facebook{position:fixed;bottom:75px;right:15px;display:block}
.social-icon-mobile{display:none}
.social-icon-mobile img{width:25px}
.social-icon-mobile div{flex:1;display:flex;align-items:center;justify-content:center}.social-icon-mobile p{margin:0;margin-top:5px;font-size:10px;color:#fff}.social-icon-mobile a{display:flex;flex-direction:column;align-items:center;justify-content:center}.form-register{width:100%;max-width:100%;padding:0}@media (max-width:768px){.social-icon--facebook,.social-icon--zalo{display:none}.social-icon-mobile{display:flex;background-color:#00a3ff;height:60px;position:fixed;bottom:0;width:100%;z-index:1000}}
</style>

Như hình bên dưới là xong:

Sau khi dán xong lưu lại bạn sẽ có kết quả như sau:

Lưu ý: bạn có thể thay đổi lại hình ảnh icon facebook, zalo