Nhúng live chat vào website

Chat nhanh với khách hàng đang truy cập website của bạn. Tối ưu hoạt động chăm sóc khách hàng.

Giao diện Live chat của Caresoft được nhúng trên trang chủ

Các bước chuẩn bị

• Tạo domain chat.

• Tạo dịch vụ

• Chọn đúng domain chat cần lấy mã và copy mã

• Nhúng vào ứng dụng/website

Trình tự thực hiện

Các bước này cần tài khoản Admin truy cập vào CareSoft và thực hiện trên giao diện CareSoft

Tạo domain chat

Thông thường mỗi website sẽ nhúng 1 box chat riêng (có định danh riêng) để nhận diện và cấu hình độc lập nhau. Caresoft có thể tạo nhiều box chat riêng dành cho nhiều website.

Các domain có tiền tố là domain gốc CareSoft cung cấp cho khách hàng, Admin khai báo hậu tố và submit thông tin.

Mặc định sẽ có một domain tương ứng với domain gốc của khách hàng.

Nên đặt các domain chat theo website/ứng dụng nơi nó được nhúng tới đảm bảo tính gợi nhớ thông tin dễ tra cứu sau này

Tạo dịch vụ chat để tiếp nhận yêu cầu.

1 Box chat trên 1 website có thể điều hướng luồng chat tới nhiều bộ phận/chuyên viên tiếp nhận khác nhau. CareSoft gọi thành phần này là "Dịch vụ". Nếu bạn chỉ tạo 1 dịch vụ Hộp chat sẽ mặc định nhận dịch vụ đó và ẩn đi lựa chọn dịch vụ khi chat. Nếu bạn tạo nhiều hơn 1 dịch vụ. Thì trên giao diện khách hàng sẽ có thêm lựa chọn "Chọn dịch vụ". Tương tự như tình huống vào 1 doanh nghiệp khách muốn gặp "Phòng Bán Lẻ" hay "Phòng CSKH".

Dịch vụ là bắt buộc và cần tối thiểu 1 dịch vụ khi chat. Dịch vụ không khởi tạo mặc định nên cần phải cấu hình.

Sau khi tạo dịch vụ Thông qua tính năng gán độ ưu tiên, Admin có thể gán luồng chat cho chuyên viên tiếp nhận theo từng dịch vụ được tạo

Nên đặt tên dịch vụ gần với tên website/ứng dụng nơi hộp chat được nhúng vào

Cấu hình hộp chat

Trong tab "Thông tin". Admin có thể tùy chỉnh thông tin hộp chat theo nhiều tùy chọn được cung cấp như "Logo", Màu Sắc, Vị trí, Nội dung hiển thị.

Lưu ý chọn đúng domain chat cần cấu hình (Ô khoanh đỏ trong hình)

Chọn mã nhúng và không gian nhúng (App hay Web)

Ở Tab Mã Nhúng, Admin lựa chọn không gian nhúng và các tùy chọn cụ thể với hộp chat sau đó copy code.

Cần lưu ý chọn đúng Domain cần nhúng (Phần khoanh đỏ) trong hình..

Copy đoạn code được CareSoft render và chuyển cho Lập trình viên thực hiện nhúng vào ứng dụng

Thông thường đoạn code nên đặt ở phần header của giao diện trang web. Nơi được Include thông suốt vào các trang con của toàn trang web. Cần đảm bảo code nhúng được đặt vào vị trí có thể render ra giao diện HTML và có thể kiểm tra qua http request.

Kiểm tra hoạt động

Truy cập vào website/Ứng dụng đảm bảo hiển thị thông tin như mong muốn.

Trong hình dưới đây Box chat được nhúng có sẵn phần chọn dịch vụ với 2 dịch vụ được tạo phía trên.