2263 lượt xem

Tạo các nút liên hệ đẹp cho website wordpress không cần plugin

Tạo nút gọi điện, chat Facebook, chat Zalo.

Trong bài viết trước chúng tôi đã có hướng dẫn một các làm nút liên hệ đẹp cho website wordpress rồi. Hôm nay chúng tôi laị hướng dẫn thêm cho các bạn một cách khác nữa nhé.

tao nut lien he dep cho website wordpress

Các bước thực hiện

Bước 1: Các bạn vào đường dẫn Flatsome > Advanced > Global Setting vào ô Footer Script nhé.

Bước 2: Coppy đoạn code dưới đây và dán vào ô Footer Script bên trên nhé.

<style>.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}
.chat-zalo {
background: #8eb22b;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-face {
background: #125c9e;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #d11a59!important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
@media (max-width: 549px){
.float-contact{
display:none
}
}</style>
<div class="float-contact">
<button class="chat-zalo">
<a href="http://zalo.me/0365995626">Chat Zalo</a>
</button>
<button class="chat-face">
<a href="http://m.me/alowebtot">Chat Facebook</a>
</button>
<button class="hotline">
<a href="tel:0365995626">Hotline: 0365995626</a>
</button>
</div>

Các bạn để ý trong đoạn code trên có các link thông tin của chúng tôi. Các bạn nhớ thay đổi theo thông tin của các bạn nhé.

Lưu lại và hưởng thành quả thôi !!!

Chúc các bạn một ngày tốt lành.