Hướng dẫn cách sửa lỗi link zalo.me{sđt} trên website

Tính tới nay (07.10.2023) cũng đã gần nửa năm rồi mà không hiểu vì sao zalo chưa fix vấn đề lỗi khi truy cập vào link zalo.me/{sđt}. Gây ảnh hưởng rất nghiêm trọng tới lượng khách hàng của các website có gán link này trên web. Khách ấn vào chat zalo nhưng không thể chat được thế là khách out luôn => mất khách

Sau nhiều nguồn tham khảo và tìm hiểu, test các kiểu thì mình đúc kết lại được đoạn mã dưới đây. Sẽ giúp bạn sửa được lỗi link chat zalo.me trong thời gian chờ zalo fix nhé

huong-dan-sua-loi-link-zalo

Hướng giải quyết:

Tận dụng mã qr code của zalo
Truy cập trực tiếp tới zalo app qua Deep link chứ không thông qua web zalo nữa

Ưu điểm của code này:

Tương thích với mọi button/link zale.me/{sđt} trên website đang có
Không cần sửa lại code của button/link zalo đang có của website
1 hay nhiều sđt zalo trên website đều được
Không cần tạo trang trung gian
Hỗ trợ iOs, android, pc và trình duyệt nếu pc chưa cài phần mềm zalo

Trước khi vào code:

suy nghĩ 1 chút nếu để code sửa lỗi zalo mà phải viết lại button call action hay những nhưng link chat zalo có sẵn trong các bài viết… thì hơi bất cập. Nên mình đã nghĩ cách để code tương thích với mọi kiểu button/link đang có của bất kỳ website nào. Chỉ cần button/link đó có dạng zalo.me/{sđt} là đều dùng được màkhông cầnthay/thêm/sửa code đang có trên website

Code sửa lỗi link zalo.me/{sđt}

Chú ý là bạn không cần sửa gì ở button/link chat zalo của mình cả. Cứ để nguyên như cũ dạng zalo.me/{sđt} nhé

Code này cần thay lại sđt và mã qr code cho đúng. Có thể thêm 01 hoặc nhiều số zalo tuỳ vào web của bạn nha

Cách lấy mã qrcode xem video cuối bài nha

Cách chèn code cho bạn không chuyên

Code trên là javascript nên các bạn chèn trực tiếp vào file .js của theme là được. Và dưới đây là hướng dẫn cho các bác không chuyên code nhé

Làm sao để chèn vào Footer.php của web WordPress?

Các bạn có thể dùng code sau để chèn vàoFootercủa theme đang kích hoạt nhé. Nhớ đổi thông tin cho đúng

<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/1hp2jaq0vc2tk';

// 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/1hp2jaq0vc2tk';

// lấy đoạn link phía sau ở phần quét mã qr thay vào "1hp2jaq0vc2tk" là được

}

} else {

// link mở zalo pc

link = 'zalo://conversation?phone=0968337579';

// với link này để mở zalo pc anh em chỉ cần thay sđt zalo phía sau "0968337579"

}

window.open(link, '_blank');

}

nutzalo.addEventListener('click', ZaloClick);

</script>

Trong đoạn code trên bạn cần chú ý tới đoạn sau:

link = 'zalo://qr/p/1hp2jaq0vc2tk';

// lấy đoạn link phía sau ở phần quét mã qr thay vào "1hp2jaq0vc2tk" là được

}

} else {

// link mở zalo pc

link = 'zalo://conversation?phone=0968337579';

// với link này để mở zalo pc anh em chỉ cần thay sđt zalo phía sau "0968337579