Gần đây, Zalo đã gặp một số sự cố liên quan đến tính năng chat trên phiên bản web. Cụ thể, khi người dùng nhấn vào nút chat và truy cập vào đường dẫn dạng https://zalo.me/số điện thoại, một số tài khoản hiển thị thông báo lỗi, khiến không thể tìm thấy người dùng. Sự cố này không chỉ gây cản trở trong việc kết nối với khách hàng, mà còn ảnh hưởng nghiêm trọng đến mối quan hệ doanh nghiệp – khách hàng, làm gián đoạn quá trình tương tác và hỗ trợ. Điều này không chỉ làm giảm trải nghiệm người dùng mà còn đặt ra nhiều thách thức cho các doanh nghiệp trong việc duy trì kênh liên lạc hiệu quả.
Dưới đây Home Nest sẽ giới thiệu và chia sẻ 2 cách cơ bản giúp bạn dễ dàng khắc phục tình trạng này.
Cách 1: Plugin Zalo Fake để khắc phục nút chát Zalo trên web tạm thời
Plugin Zalo Fake là một công cụ hỗ trợ tạo trang Zalo giả lập trên chính tên miền của bạn, hoạt động như một cầu nối điều hướng người dùng đến trang đích mong muốn. Cụ thể, khi người dùng truy cập qua trình duyệt web, plugin sẽ hiển thị giao diện Zalo trực tiếp trên trình duyệt. Nếu truy cập từ máy tính, người dùng sẽ được chuyển hướng đến ứng dụng Zalo dành cho desktop. Tương tự, khi truy cập từ thiết bị di động, plugin sẽ tự động dẫn người dùng đến ứng dụng Zalo trên điện thoại một cách linh hoạt và tối ưu trải nghiệm.
Plugin Zalo Fake đơn giản chỉ là một ứng dụng bổ sung với chức năng tạo ra một trang Zalo giả mạo trên tên miền của bạn. Nhiệm vụ chính của nó là đóng vai trò như một trang trung chuyển, chuyển hướng người dùng đến đích mong muốn. Cụ thể, nếu người dùng truy cập Zalo trên nền web, plugin sẽ mở phiên bản Zalo trên web, nếu họ sử dụng Zalo trên máy tính, ứng dụng sẽ mở và đối với người dùng Zalo trên điện thoại di động, plugin cũng sẽ hoạt động tương tự tạo ra sự linh hoạt và thuận tiện trong trải nghiệm sử dụng.
Giao diện trang chung chuyển sẽ tạm thời hỗ trợ khách hàng dễ dàng liên hệ với bạn. Chú ý rằng, đây chỉ là một giao diện có độ tương đồng cao với Zalo, không phải là hoàn toàn giả mạo.
Tải và Cài Đặt Plugin Zalo Fake
Để bắt đầu, bạn chỉ cần tải plugin được đính kèm ở dưới bài viết này. Sau khi tải về, tiến hành cài đặt plugin lên trang web WordPress của bạn. Khi quá trình cài đặt hoàn tất, bạn sẽ thấy một trang mới xuất hiện trong mục Trang với tên là “Zalo”. Đây chính là trang Zalo Fake, được tạo ra để chuyển hướng người dùng đến đích mong muốn.
Để tùy chỉnh nội dung của trang Zalo Fake, bạn cần truy cập vào mục Cài Đặt > Zalo Fake. Tại đây, bạn có thể thêm thông tin cần thiết theo hướng dẫn đã được cung cấp.
Mục đích chính của việc tạo trang Zalo Fake là gì? Sau khi bạn hoàn tất quá trình tạo, thay thế đường link cũ trong nút liên hệ trên trang web của bạn bằng đường link của trang Zalo Fake. Như vậy, người dùng sẽ được chuyển hướng đến trang Zalo Fake khi họ nhấp vào nút liên hệ, tạo ra một trang chung cho họ để kết nối với bạn qua Zalo. Điều này giúp bạn duy trì chức năng liên hệ Zalo mà không cần phải thay đổi hoặc chỉnh sửa nút trên trang web của mình.
Cách 2: Dùng mã Code nút chát
Thêm biểu tượng chat Zalo vào trang web có thể được thực hiện bằng cách khác. Ngoài ra, bạn có thể tham khảo mã dưới đây để tạm thời thêm một biểu tượng Zalo vào trang web của mình, giúp người dùng dễ dàng liên hệ.
Mã Code nút chat + kiểm tra cài đặt Zalo trên PC (nếu chưa cài đặt, chuyển đến chat.zalo.me)
<pre>
<code id=code-js class=”code js” data-clipboard-target=”#code-js”>
// js code
<span id=”thongbaozalo” style=”display:none”>Bạn chưa cài đặt Zalo</span>
<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); }
}
#thongbaozalo {
border-radius: 7px;
background: #999999;
color: #fff;
font-weight: bold;
bottom: 80px;
left: 10px;
position: fixed;
padding: 7px 20px;
z-index:999999999;
}
</style>
<script>
function isMobileDevice() {
return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
}
var link = document.getElementById(‘nutzalo’);
var timeout;
link.addEventListener(‘click’, function(e) {
window.clearTimeout(timeout);
if (isMobileDevice()) {
var zaloLink;
if (navigator.userAgent.includes(‘Android’)) {
zaloLink = ‘https://zaloapp.com/qr/p/1riodiamu9r6v’;
} else {
zaloLink = ‘zalo://qr/p/1riodiamu9r6v’;
}
window.open(zaloLink, ‘_blank’);
} else {
var zaloScheme = ‘zalo://conversation?phone=0369355369’;
window.location.href = zaloScheme;
timeout = window.setTimeout(function() {
document.getElementById(“thongbaozalo”).style.display = “block”;
window.location.href = ‘https://chat.zalo.me/?phone=0369355369’;
}, 1000);
}
e.preventDefault();
});
window.addEventListener(‘blur’, function() {
window.clearTimeout(timeout);
});
</script>
</pre>
Chỉ có nút chát không kiểm tra Zalo máy tính (PC)
<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>
