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

### 1. Giới Thiệu <a href="#id-1-gioi-thieu" id="id-1-gioi-thieu"></a>

LiveChat sử dụng [Service Worker](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) để 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 <a href="#id-2-huong-dan-cai-at" id="id-2-huong-dan-cai-at"></a>

#### 2.1. Cách Upload trên Hosting <a href="#id-21-cach-upload-tren-hosting" id="id-21-cach-upload-tren-hosting"></a>

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.

<figure><img src="https://408401242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_lMBbRU2HXBnCnDHJ-%2Fuploads%2F48yiQKbfsUoK65KRXvMp%2F02-wordpress-database-credentials-cpanel.webp?alt=media&#x26;token=926b7b72-9d8c-462b-808e-794eff1caafc" alt=""><figcaption></figcaption></figure>

#### 2.2. Cách Upload trên WordPress <a href="#id-22-cach-upload-tren-wordpress" id="id-22-cach-upload-tren-wordpress"></a>

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`.

<figure><img src="https://408401242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_lMBbRU2HXBnCnDHJ-%2Fuploads%2Fe1ME2iDSfAD59mRhq8gw%2Fa-screenshot-of-the-WordPress-Dashboard.png?alt=media&#x26;token=79e5b947-b5f8-4182-a095-ac04ce9afec8" alt=""><figcaption></figcaption></figure>

**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`.

<figure><img src="https://408401242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_lMBbRU2HXBnCnDHJ-%2Fuploads%2FP0AZdAO04qrQaM2VgNNp%2Fssh-web-base-connect.png?alt=media&#x26;token=cdfe0540-de2f-4588-9d03-676481428d43" alt=""><figcaption></figcaption></figure>

#### 2.3. Cách Upload trên VPS <a href="#id-23-cach-upload-tren-vps" id="id-23-cach-upload-tren-vps"></a>

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`&#x20;

<figure><img src="https://408401242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_lMBbRU2HXBnCnDHJ-%2Fuploads%2FFlvxcXDMRmzFm79c0zWT%2Fa-screenshot-of-the-WP-File-Manager-plugin-1024x567.webp?alt=media&#x26;token=c7723fdf-ad3d-4d7d-b788-8c8bd35e5dd4" alt=""><figcaption></figcaption></figure>

### 3. Kiểm Tra Tệp Service Worker <a href="#id-3-kiem-tra-tep-service-worker" id="id-3-kiem-tra-tep-service-worker"></a>

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** <a href="#id-31-kiem-tra-qua-devtools" id="id-31-kiem-tra-qua-devtools"></a>

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.

<figure><img src="https://408401242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_lMBbRU2HXBnCnDHJ-%2Fuploads%2FZnR8GYAp7oQAiqKX2ale%2FScreenshot_2025-03-29_at_01.37.50.png?alt=media&#x26;token=2877ffd7-9dd4-4e3f-bea2-50fb1c1fbbbd" alt=""><figcaption></figcaption></figure>

#### **3.2. Kiểm Tra Bằng URL** <a href="#id-32-kiem-tra-bang-url" id="id-32-kiem-tra-bang-url"></a>

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 <a href="#id-4-ket-luan" id="id-4-ket-luan"></a>

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](http://m.me/doopagecrm) hoặc [Zalo OA](https://zalo.me/1357058467586222863) DooPage để thông báo vấn đề cho chúng tôi.