Bạn có gặp phải tình trạng lỗi link Zalo.me trên website của bạn không hiển thị số điện thoại, mà chỉ có một dấu chấm hỏi? Đừng lo lắng, trong bài viết này, tôi sẽ hướng dẫn chia sẻ cách sửa lỗi nút chat Zalo.me trên website bằng Plugin Zalo Fake một cách nhanh chóng và hiệu quả. Hãy cùng theo dõi nhé!
Zalo gặp vấn đề với chức năng chat trên phiên bản web, khiến người dùng không thể truy cập đường link https://zalo.me/số điện thoại do lỗi thông báo. Sự cố này không chỉ gây khó khăn trong kết nối với khách hàng, mà còn gây thiệt hại lớn cho mối quan hệ kinh doanh. Tình trạng này giảm trải nghiệm người dùng và tạo ra thách thức không mong muốn cho các doanh nghiệp.
Plugin Zalo Fake là gì?
Plugin Zalo Fake là một plugin cho WordPress, cho phép bạn tạo ra một trang Zalo giả lập, có thể hiển thị số điện thoại của bạn trên website mà không cần đăng nhập vào tài khoản Zalo. Chức năng cơ bản của nó là chuyển hướng người dùng đến các ứng dụng Zalo một cách linh hoạt: cụ thể là nếu người dùng sử dụng Zalo trên nền web nó sẽ mở Zalo nền web; nếu khách hàng sử dụng Zalo trên PC nó kích hoạt ứng dụng PC; và trên điện thoại, plugin cũng thực hiện chuyển đổi tương tự cho ứng dụng di động.
Giao diện trang chung chuyển được thiết kế nhằm giúp khách hàng dễ dàng liên hệ với bạn một cách thuận tiện tạm thời. Cần lưu ý rằng, đây chỉ là một giao diện có sự tương đồng với Zalo, không phải là một trang Zalo Fake hoàn toàn.
Mục đích sử dụng Plugin Zalo Fake
Trang Zalo Fake được tạo ra với mục tiêu gì? Bạn chỉ cần hoàn thành việc tạo trang này, rồi thay link cũ bằng link mới của trang Zalo Fake trong nút liên hệ ở website của bạn. Khi đó, người dùng sẽ nhảy sang trang Zalo Fake khi bấm vào nút liên hệ, và có thể liên lạc với bạn qua Zalo từ một trang duy nhất. Điều này giúp bạn giữ nguyên chức năng liên hệ Zalo mà không phải sửa đổi hay thay đổi nút ở website của mình.
Cách sử dụng Plugin Zalo Fake để sửa lỗi link Zalo.me trên website
Bước 1: Tải và cài đặt Plugin Zalo Fake
Để tải và cài đặt plugin này, bạn làm theo các bước sau:
- Truy cập vào nút [Plugin Zalo Fake] sau đây để tải về file zip của plugin
Tải xuống ⇓
- Đăng nhập vào trang quản trị WordPress của bạn, chọn Plugins > Add New > Upload Plugin.
- Chọn file zip của plugin Zalo Fake vừa tải về và nhấn vào nút Install Now.
- Sau khi cài đặt xong, nhấn vào nút Activate Plugin để kích hoạt plugin
Bước 2: Cấu hình plugin Zalo Fake
Sau khi kích hoạt plugin, bạn cần cấu hình các tùy chọn của plugin để tạo ra link Zalo giả theo ý muốn của bạn. Bạn làm theo các bước sau:
- Trong trang quản trị WordPress, chọn Settings > Zalo Fake.
- Nhập số điện thoại của bạn vào ô Phone Number. Đây là số điện thoại sẽ hiển thị trên link Zalo giả của bạn.
- Chọn màu sắc cho nút Zalo giả trong ô Color. Bạn có thể chọn màu xanh (mặc định), đỏ, cam hoặc xám.
- Chọn kích thước nhỏ, vừa hoặc lớn trong ô Size.
- Chọn vị trí cho nút Zalo giả bên phải (mặc định), bên trái hoặc giữa của website trong ô Position.
- Có thể chọn hiệu ứng rung (mặc định), xoay hoặc không có hiệu ứng trong ô Effect.
- Nhấn vào nút Save Changes để lưu lại các thiết lập.
Bước 3: Kiểm tra kết quả và hoàn thành
Sau khi cấu hình xong, bạn có thể kiểm tra kết quả bằng cách truy cập vào website của bạn và nhìn thấy nút Zalo giả xuất hiện theo các thiết lập của bạn. Bạn có thể nhấn vào nút Zalo giả để xem số điện thoại của bạn và tính năng chat Zalo trên website.
Cách khác để thêm nút chat Zalo vào trên web
Ngoài ra, có nhiều cách khác nhau để thêm biểu tượng chat Zalo vào trang web. Bạn cũng có thể sử dụng mã code dưới đây để thêm một biểu tượng Zalo tạm thời vào trang web của mình.
Mã Code nút chat + kiểm tra cài đặt Zalo trên PC
<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>
Chỉ có nút chát không kiểm tra Zalo máy tính (PC)
<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>
Ưu điểm lớn nhất là bạn không cần chỉnh sửa mã nguồn của nút chat. Chỉ cần nhúng mã vào trang web của bạn và liên kết cũ sẽ tiếp tục hoạt động như bình thường. Phương pháp này được xem là cách thức hiệu quả nhất.
Kết luận
Trong bài viết này, chúng ta đã tìm hiểu cách sử dụng plugin Zalo Fake để sửa lỗi liên kết Zalo.me trên trang web của bạn. Chúng ta đã đi qua các bước cơ bản từ việc tải và cài đặt plugin đến cấu hình nó sao cho người dùng có thể dễ dàng liên hệ thông qua Zalo.
Lợi ích lớn nhất của việc sử dụng plugin Zalo Fake là khả năng sửa lỗi mà không cần can thiệp vào mã nguồn của nút chát, giữ nguyên tính toàn vẹn của trang web. Điều này mang lại sự thuận lợi và tiết kiệm thời gian cho người quản trị trang web và đồng thời tăng cường trải nghiệm người dùng.
Cuối cùng, tôi muốn bày tỏ lòng cảm ơn sâu sắc đến bạn đã dành thời gian đọc bài viết này. Nếu bạn có bất kỳ câu hỏi nào hoặc cần hỗ trợ về việc sử dụng plugin Zalo Fake hoặc các vấn đề liên quan, đừng ngần ngại để lại bình luận hoặc liên hệ trực tiếp với chúng tôi. Chúng tôi sẽ rất hạnh phúc được giúp đỡ bạn. Cảm ơn bạn và chúc bạn thành công trong việc áp dụng kiến thức này vào trang web của mình!
Nguồn tham khảo: foxtheme.net
