Hướng dẫn thêm các nút chat Zalo FB và hotline không cần cài thêm plugin

Hôm nay topweb.store hướng dẫn các bạn thêm các nút chat Zalo, FB và hotline mà không cần cài thêm plugin nào

Để thực hiện được việc này bạn chỉ cần copy đoạn code sau vào file footer.php

<style>
.float-contact{position:fixed;bottom:20px;left:20px;z-index:99999}
.chat-zalo{background:#8eb22b;border-radius:20px;padding:0 18px;color:#fff;display:block;margin-bottom:6px}
.chat-face{background:#125c9e;border-radius:20px;padding:0 18px;color:#fff;display:block;margin-bottom:6px}
.float-contact .hotline{background:#d11a59!important;border-radius:20px;padding:0 18px;color:#fff;display:block;margin-bottom:6px}
.chat-face a,.chat-zalo a,.hotline a{font-size:15px;color:#fff;font-weight:400;text-transform:none;line-height:0}
</style>
<div class="float-contact">
<button class="chat-zalo"><a href="https://zalo.me/0966901221" target="_blank" >Chat Zalo</a></button>
<button class="chat-face"><a href="https://www.facebook.com/messages/t/phongtd21vn" target="_blank" >Chat Facebook</a></button>
<button class="hotline"><i class="fa fa-phone"></i> <a id="callnowbutton" href="tel:0966901221">096 690 1221</a></button>
</div>

Bạn thay các thông tin zalo, fb và hotline sang của bạn nhé

Chúc các bạn thành công!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *