Hướng dẫn sửa lỗi nút zalo bị chặn. Hãy nhấn thử nút Zalo trên máy tính và điện thoại xem hoạt động không nhé, nếu không hoạt động thì báo lại cho mình fix.
Cho đoạn code dưới vào footer flatsome. Nếu bạn không dùng flatsome thì có thể cài plugin header footer để sử dụng. Bạn nhớ thay lại số điện thoại của bạn nhé.
<button title="Zalo" id="nutzalo">ZALO</button>
<style>
#nutzalo {
border: none;
border-radius: 100%;
width: 50px;
height: 50px;
background: #0065f7;
color: #fff;
font-weight: bold;
position: fixed;
display: grid;
align-items: center;
text-align: center;
font-size: 12px;
padding: 0px;
bottom: 10px;
left: 10px;
animation: zalo 1000ms infinite;
z-index:999999999;
}
#nutzalo:hover{
opacity:0.6;
}
@keyframes zalo {
0% {
transform: translate3d(0, 0, 0) scale(1);
}
33.3333% {
transform: translate3d(0, 0, 0) scale(0.9);
}
66.6666% {
transform: translate3d(0, 0, 0) scale(1);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
}
0% { box-shadow: 0 0 0 0px #0065f7,0 0 0 0px #0065f7;}
50% { transform: scale(0.8); }
100% { box-shadow: 0 0 0 15px rgba(0,210,255,0),0 0 0 30px rgba(0,210,255,0); }
}
</style>
<script>
function isMobileDevice() {
return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
}
const nutzalo = document.getElementById('nutzalo');
function ZaloClick() {
let link;
if (isMobileDevice()) {
if (navigator.userAgent.includes('Android')) {
// android
link = 'https://zaloapp.com/qr/p/1riodiamu9r6v';
// với link này để mở zalo điện thoại anh em chỉ cần vào cá nhân / lấy "Mã QR của tôi" sau đó lưu mã lấy đt quét mã đó rồi copy link ở trình duyệt dán vào đây
} else {
// ios
link = 'zalo://qr/p/1riodiamu9r6v';
// lấy đoạn link phía sau ở phần quét mã qr thay vào "1riodiamu9r6v" là được
}
} else {
// link mở zalo pc
link = 'zalo://conversation?phone=0369355369';
// với link này để mở zalo pc anh em chỉ cần thay sđt zalo phía sau "0359355369"
}
window.open(link, '_blank');
}
nutzalo.addEventListener('click', ZaloClick);
</script>
Nguồn: Sưu tầm