Phát triển tiện ích trò chuyện trực tiếp tùy chỉnh

Microsoft cung cấp tùy chọn để tạo tiện ích trò chuyện trực tiếp tùy chỉnh mà bạn có thể đính kèm vào tài khoản Dynamics 365 Customer Service của mình. Mỗi thành phần của tiện ích trò chuyện trực tiếp tùy chỉnh có thể được tùy chỉnh cho cả chức năng và giao diện người dùng.

Tùy thuộc vào yêu cầu và kết quả của bạn, bạn có thể tùy chỉnh tiện ích trò chuyện bằng một trong các tùy chọn sau:

• Sử dụng tiện ích trò chuyện trực tiếp có thể tùy chỉnh 2.0
• Phát triển tiện ích của riêng bạn

Sử dụng tiện ích trò chuyện trực tiếp có thể tùy chỉnh 2.0

Tiện ích trò chuyện trực tiếp 2.0 có thể tùy chỉnh cho phép bạn chỉnh sửa tất cả các yếu tố của tiện ích, chẳng hạn như phông chữ, màu sắc và kiểu dáng để bạn có thể khớp tiện ích với hình ảnh thương hiệu của mình. Tiện ích tùy chỉnh giúp bạn trau dồi lòng tin và uy tín, phân biệt thương hiệu, thúc đẩy kết nối cảm xúc tích cực và tăng giá trị mà khách hàng gán cho sản phẩm của bạn.

Tiện ích trò chuyện trực tiếp 2.0 mới được xây dựng dựa trên SDK trò chuyện đa kênh và Thư viện thành phần giao diện người dùng tiện ích trò chuyện trực tiếp.

Nhà phát triển cổng thông tin—Tùy chỉnh giao diện người dùng dựa trên tập lệnh có sẵn

Tùy chọn nhà phát triển cổng thông tin cho phép bạn cá nhân hóa giao diện người dùng của tiện ích trò chuyện nhưng không sửa đổi cài đặt chức năng có sẵn trong trung tâm quản trị Dịch vụ Copilot. Để tùy chỉnh, bạn có thể sử dụng tập lệnh "data-customization-callback" kết nối tiện ích có sẵn với một hàm JavaScript. Chức năng này có thể chứa các tùy chỉnh kiểu CSS cho các thành phần trò chuyện có cùng tiền lệ như thư viện Thành phần giao diện người dùng tiện ích trò chuyện trực tiếp đa kênh.

Chỉnh sửa tập lệnh tiện ích trò chuyện trực tiếp để bật tiện ích trò chuyện trực tiếp 2.0

Để sử dụng tiện ích trò chuyện trực tiếp 2.0 và tùy chỉnh dựa trên tập lệnh, hãy sửa đổi đoạn mã của tiện ích trò chuyện trực tiếp 2.0 có sẵn như sau.

1. Trong trung tâm quản trị Dịch vụ Copilot, mở luồng công việc trò chuyện và chọn Sao chép Tập lệnh tiện ích trò chuyện trực tiếp 2.0 để sao chép đoạn mã.
2. Tạo một hàm JavaScript mới với tất cả các kiểu thành phần. Thông tin thêm: Tiện ích trò chuyện đa kênh
3. Thêm "v2" sau thuộc tính script.
4. Thêm "data-customization-callback" và tham chiếu hàm JavaScript.

Đoạn mã cập nhật sẽ như sau.

Ảnh chụp màn hình ví dụ của tiện ích trò chuyện 2.0 được tùy chỉnh để tăng kích thước của nó như sau.

Xem video hướng dẫn về thiết lập tiện ích trò chuyện trực tiếp.

Sử dụng điều phối tương tác web để tùy chỉnh tiện ích

Điều phối tương tác web cho phép bạn di chuyển ghi đè cấu hình ra khỏi JavaScript của trang và vào trung tâm quản trị. Tìm hiểu thêm trong phần Triển khai tiện ích trò chuyện trên các trang web bằng một thẻ duy nhất.

Phát triển tiện ích của riêng bạn

Sử dụng thông tin trong các phần sau để xây dựng tiện ích của riêng bạn.

Thư viện thành phần giao diện người dùng tiện ích trò chuyện trực tiếp đa kênh

Thư viện Thành phần giao diện người dùng tiện ích trò chuyện trực tiếp đa kênh cung cấp một khuôn khổ gồm các thành phần React có thể tái sử dụng. Các thành phần được xây dựng bằng thư viện giao diện người dùng Fluent. Tìm hiểu thêm về thư viện Thành phần giao diện người dùng tiện ích trò chuyện trực tiếp đa kênh.

SDK trò chuyện đa kênh

SDK trò chuyện đa kênh là một gói mã nguồn mở cung cấp các phương thức và tính năng trò chuyện để thêm chức năng vào tiện ích trò chuyện trực tiếp. Tìm hiểu thêm về SDK Trò chuyện đa kênh.

Tùy chỉnh tiện ích trò chuyện trực tiếp của bạn

Sau khi bạn cài đặt phiên bản mới nhất của SDK trò chuyện đa kênh, hãy tùy chỉnh tiện ích trò chuyện trực tiếp bằng cách sử dụng phương pháp SDK trò chuyện đa kênh và bằng cách chỉnh sửa các kiểu CSS cơ bản của Thành phần giao diện người dùng tiện ích trò chuyện trực tiếp đa kênh.

Lưu ý

SDK Trò chuyện đa kênh là điều kiện tiên quyết để cài đặt thư viện Thành phần giao diện người dùng tiện ích trò chuyện trực tiếp đa kênh.

Thông tin liên quan

Tùy chỉnh tiện ích trò chuyện trực tiếp cho ứng dụng dành cho thiết bị di động
bắt đầuTrò chuyện
closeTrò chuyện
lcw:closeTrò chuyện
lcw:threadUpdate
lcw:chatTruy cập
lcw:chatQueued