Trong quá trình tìm hiểu cũng có rất nhiều bạn đi tìm code nhúng hỗ trợ cho website của mình và cũng có không ít bài viết chia sẻ code hỗ trợ cho website. Trong bài viết này mình cũng chia sẻ một cách chèn code hỗ trợ trực tuyến bằng html và css

Hướng dẫn, bạn chỉ cần thay thông tin liên hệ trong url dưới đoạn code (phần bôi đỏ) và thay đổi lại CSS nếu như bạn muốn và chèn vào trước thẻ </body> là được và đừng quên thay đổi icon url cho biểu tượng bạn muốn chèn:

<style>

#float-contact {
position: fixed;
bottom: 68px;
left: 5px;
z-index: 99999;
}

#float-contact {
position: left;

}

#float-contact li {
list-style: none;
position: fix;
}

#float-contact li, #float-contact a {
font-size: 0;
width: 40px;
height: 40px;
display: block;
bottom: 80px;
}

#Zalo {
left: 5px;
width: 50px;
background: url(‘/wp-content/uploads/icon-white-zalo.png‘) no-repeat;
}

#Facebook {
left: 5px;
width: 50px;
background: url(‘/wp-content/uploads/icon-white-facebook.png‘) no-repeat;
}

#Chattructuyen {
left: 5px;
width: 50px;
background: url(‘/wp-content/uploads/icon-white-chattructuyen.png‘) no-repeat;
}
</style>

<ul id=”float-contact”>
<li id=”Zalo”><a href=”http://zalo.me/0934552325” target=”_blank”></a>
<li id=”Facebook”><a href=”https://www.facebook.com/tranxuanloc1988” target=”_blank”></a>
<li id=”Chattructuyen”><a href=”https://tawk.to/chat/5f5589c64704467e89eca2f3/default” target=”_blank”></a>

Một số từ khóa tương đương khi tìm kiếm: code hỗ trợ trực tuyến html, tạo nút hỗ trợ đẹp mắt dành cho website,

Đăng ký nhận bản tin từ Website TXL

Tìm kiếm tức thì các thông tin tại website: tranxuanloc.com

Mẹo tìm kiếm: "Từ khóa cần tìm kiếm" site:tranxuanloc.com để tìm được kết quả chính xác trên công cụ tìm kiếm của google