Tích hợp chát zalo vào website thời gian gần đây khá HOT và đang được ưu chuộng, bởi tương tự như tích hợp chát facebook thì việc thêm chát zalo vào website cũng khá đơn giản, không quá phức tạp. Bài viết này mình sẽ hướng dẫn tích hợp chát zalo vào website sử dụng mã nguồn wordpress hay bất kỳ các mã nguồn khác đều được.
Ở đây mình sẽ hướng dẫn tích hợp chát zalo vào website thông qua 2 cách : Cách 1 là nhúng code chát zalo và cách 2 là sử dụng plugin zalo chát của wordpress. Nếu bạn thiết kế web bằng wordpress thì sử dụng cách 2 cho nhanh cũng được hoặc sử dụng cách 1 thì tiết kiệm được tài nguyên hơn.
Cách 1 : Tích hợp chát zalo vào website không sử dụng plugin
Bước 1 : Tạo một Zalo Official Account. Các bước tạo như sau :
Truy cập đường link này http://developers.zalo.me/ . Click Official Account của tôi.
Nếu bạn chưa có Account thì click vào Đăng ký.
Tiếp theo bạn chọn loại tài khoản và nhập thông tin danh mục, thể loại của bạn vào.
Upload hình ảnh đại diện của box chát và banner. Sau đó chọn Hoàn Tất
Bước 2 : Lấy code nhúng
Truy cập đường dẫn sau http://developers.zalo.me/docs/social/zalo-chat-widget.
Ở đây bạn sẽ thấy các thông tin tài khoản của bạn như Offficial Account, tiêu đề chát, thời gian hiển thị box chát, tùy chỉnh độ rộng chiều cao của box chát. Sau đó click Lấy mã
Một cửa sổ mở lên, bạn hãy copy toàn bộ đoạn code này.
Dán đoạn code này vào trước thẻ body đóng </body> trong file footer.php
Lưu lại và ra ngoài tận hưởng thành quả. Nhớ xóa cache rồi check.
Cách 2 : Tích hợp chát Zalo vào website wordpress sử dụng plugin
Với cách này bạn sử dụng plugin OT Zalo. Chỉ cần Get ID nhập vào và viết tiêu đề box chát là xong. Sử dụng plugin sẽ nhanh hơn tuy nhiên khá tốn tài nguyên bởi chỉ cần thêm 1 đoạn code nhỏ như cách 1 là đã xong còn nếu bạn cài thêm plugin sẽ thêm cả đống code. Ngoài ra sử dụng plugin chắc chắn sẽ không linh hoạt bằng nhúng code, plugin chỉ hỗ trợ bạn ở widget hay sidebar mà không tùy ý như cách 1. Vì vậy hãy cân nhắc kỹ trước khi lựa chọn. Mình thì vẫn khuyên chọn cách thứ nhất để tiết kiệm tối đa tài nguyên hosting.
Tham khảo : Hướng dẫn tích hợp chát Facebook vào website wordpress
Trước giờ mình chỉ nghĩ đến việc tích hợp chat Facebook vào web mà không biết Zalo của Việt Nam mình cũng làm được tính năng này. Giờ thì không biết nên cài của Facebook hay Zalo nữa 😀
làm the nao de xuat hien: Dán đoạn code này vào trước thẻ body đóng trong file footer.php
Chào Lợi ! Bạn dùng gói mở rộng gì cho nút call gì cho trang bạn vậy ?
cảm ơn ad. bài viết rất hữu ích
Cảm ơn ad vì bài viết rất hữu ích
Ad ơi cho em hỏi là em làm hết như những bước ở trên cách 1 nhưng khi khách hàng nhắn tin thì tin nhắn không hiện lên ở khung chat, rồi khách trả lời khách hàng khách hàng cũng không nhận được thì em đang bị lỗi gì vậy ạ?