Hướng dẫn tích hợp plugin chat đa kênh cho website

1. Giới thiệu chức năng

Việc thêm plugin live chat vào website giúp bạn trả lời các thắc mắc của khách truy cập. Bạn cũng có thể tích hợp các kênh lưu lượng từ bên thứ ba vào plugin chat để hỗ trợ các kịch bản chuyển hướng và phân phối traffic hiệu quả.

Bài viết này sẽ hướng dẫn chi tiết cách thêm plugin chat vào website của bạn.

2. Quy trình thực hiện

Lưu ý quan trọng

Nếu bạn tự xây dựng website, bạn có thể cài đặt plugin chat của SaleSmartly thông qua mã JavaScript.

2.1 Sao chép mã code

• Truy cập mục Tích hợp - Plugin Chat, chọn plugin bạn muốn cài đặt từ danh sách và sao chép mã code.

• Hoặc tại khu vực thao tác bên phải của plugin muốn cài đặt, nhấp Chỉnh sửa Plugin > Tích hợp/Cài đặt > tìm đến vị trí Cài đặt Plugin Chăm sóc khách hàng, tại đây bạn cũng có thể xem mã code.

2.2 Dán mã code

Lưu ý quan trọng

Sau khi sao chép mã, hãy truy cập website để cài đặt SaleSmartly. Chúng tôi khuyến nghị nên nhờ kỹ thuật viên hỗ trợ bước này.

Sau khi truy cập server lưu trữ website, tìm file chứa thẻ (thường là index; vui lòng tham khảo ý kiến kỹ thuật viên phát triển website để biết chi tiết), mở file, dán mã JavaScript trước thẻ này, lưu thay đổi và quá trình cài đặt sẽ hoàn tất.

2.2.1 Ví dụ nhúng mã JavaScript cho Framework Vue

• Đặt trong file index.html của dự án (vị trí file có thể khác nhau).

2.2.2 Ví dụ nhúng mã JavaScript cho Framework React

• Đặt trong file index.html của dự án (vị trí file có thể khác nhau).

2.2.3 Ví dụ nhúng mã JavaScript cho file HTML

• Đặt trong file index.html của dự án (vị trí file có thể khác nhau).

2.2.4 Ví dụ nhúng mã JavaScript cho Framework Uni-app

2.2.5 Ví dụ nhúng mã JavaScript cho PHP

• Đặt trong file index.html của dự án (vị trí file có thể khác nhau).

• Hiển thị kết quả.

2.2.6 Ví dụ nhúng mã JavaScript cho Angular

• Đặt trong file index.html của dự án (vị trí file có thể khác nhau).

2.3 Bản demo

• Truy cập tại: Nhấn để xem

3. Câu hỏi thường gặp

3.1 Tối ưu tốc độ tải trang khi cài đặt plugin chat

Plugin chat SaleSmartly không ảnh hưởng đến tốc độ tải website. Nếu website của bạn tải chậm, hãy thử các phương pháp sau:

1. Sử dụng defer (khuyến nghị)

Trong file HTML, sử dụng:

<script src="https://.../js/project_xxxxx_xxxxx_xxxxxxxx.js" defer></script>

2. Khi sử dụng async

Script sẽ tải và chạy mà không chặn quá trình phân tích HTML, nhưng thứ tự thực thi không được đảm bảo:

<script src="https://.../js/project_xxxxx_xxxxx_xxxxxxxx.js" async></script>

3. Tải SDK sau khi tất cả tài nguyên trang được tải hoàn tất

SDK có thể tải chậm hơn trong trường hợp này:

window.addEventListener('load', () => {
  // Thủ công tải SDK tại đây
});

4. Tải script theo nhu cầu

💡 Mẹo: Chèn script thủ công khi cần thiết.