Hướng Dẫn Cấu Hình Thông Báo LiveChat

Cấu hình thông báo cho khách hàng có tin nhắn mới trên live chat ngay cả khi khách hàng đã rời khỏi website.

1. Giới Thiệu

LiveChat sử dụng Service Worker để xử lý thông báo đẩy (push notification). Bạn cần tải tệp Service Worker bằng cách truy cập vào đường dẫn bên dưới:

https://my.doopage.com/livechat/static/sw.js

Click chuột phải hoặc nhấn phím tắt Ctrl + S để lưu tệp về, sau đó đổi tên thành doopage-livechat-sw.js và upload nó lên trang web của bạn.

---

2. Hướng Dẫn Cài Đặt

2.1. Cách Upload trên Hosting

Nếu bạn sử dụng Hosting có trình quản lý file (File Manager), hãy làm theo các bước sau:

1. Truy cập vào trình quản lý file trên Hosting (thường là cPanel hoặc DirectAdmin).

2. Đi đến thư mục gốc của website (thư mục public_html hoặc www).

3. Tải lên tệp doopage-livechat-sw.js vừa tải về.

4. Kiểm tra tệp đã upload thành công bằng cách truy cập: https://yourdomain.com/doopage-livechat-sw.js Nếu tệp hiển thị nội dung JavaScript, bạn đã upload thành công.

2.2. Cách Upload trên WordPress

Nếu bạn đang sử dụng WordPress, bạn có thể upload tệp doopage-livechat-sw.js theo cách sau:

Cách 1: Sử dụng Plugin File Manager

1. Cài đặt plugin File Manager (WP File Manager, Advanced File Manager, v.v.).

2. Mở File Manager và truy cập thư mục gốc (public_html).

3. Upload tệp doopage-livechat-sw.js vào thư mục này.

4. Kiểm tra tệp bằng cách truy cập https://yourdomain.com/doopage-livechat-sw.js.

Cách 2: Upload Qua FTP

1. Cài đặt phần mềm FTP như FileZilla.

2. Kết nối vào Hosting bằng tài khoản FTP.

3. Điều hướng đến thư mục gốc của website (public_html).

4. Kéo và thả tệp doopage-livechat-sw.js vào đó.

5. Kiểm tra bằng cách truy cập https://yourdomain.com/doopage-livechat-sw.js.

2.3. Cách Upload trên VPS

Nếu bạn sử dụng VPS, hãy làm theo các bước sau:

1. Kết nối SSH vào VPS: bash ssh user@your-vps-ip

2. Tải tệp doopage-livechat-sw.js về VPS: bash wget -O /var/www/html/doopage-livechat-sw.js https://my.doopage.com/livechat/static/sw.js

3. Kiểm tra quyền tệp (nếu cần): bash chmod 644 /var/www/html/doopage-livechat-sw.js

4. Kiểm tra bằng cách truy cập: https://yourdomain.com/doopage-livechat-sw.js

3. Kiểm Tra Tệp Service Worker

Sau khi upload doopage-livechat-sw.js, bạn cần kiểm tra xem Service Worker đã được đăng ký thành công hay chưa.

3.1. Kiểm Tra Qua DevTools

1. Mở trang web của bạn trên Chrome.

2. Nhấn F12 để mở DevTools.

3. Chuyển đến tab Application → Service Workers.

4. Kiểm tra xem doopage-livechat-sw.js có xuất hiện không.

3.2. Kiểm Tra Bằng URL

Truy cập:

https://yourdomain.com/doopage-livechat-sw.js

Nếu bạn thấy nội dung JavaScript thay vì lỗi 404, nghĩa là file đã được upload thành công.

---

4. Kết Luận

Sau khi hoàn tất các bước trên, trang web của bạn sẽ có thể nhận thông báo đẩy từ LiveChat thông qua Service Worker. Nếu gặp lỗi, hãy kiểm tra lại quyền tệp hoặc clear cache trình duyệt.

---

Nếu bạn cần thêm hỗ trợ, hãy liên hệ với team DooPage thông qua Fanpage hoặc Zalo OA DooPage để thông báo vấn đề cho chúng tôi.