# Tùy chỉnh trải nghiệm hỗ trợ cuộc trò chuyện của người dùng ### Sản phẩm * Zoom Trung tâm liên hệ * Zoom Virtual Agent ### Điều kiện tiên quyết [Nhúng Campaign SDK vào trang web hoặc ứng dụng di động của bạn](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) ### Tổng quan Cửa sổ cuộc trò chuyện của bạn thường là tương tác thực tế đầu tiên mà khách hàng có với công ty của bạn—dù họ đang trò chuyện với tác nhân ảo hay tác nhân trực tiếp. Với Zoom trung tâm liên hệ và Zoom Virtual Agent, bạn có toàn quyền kiểm soát giao diện và cách thức trải nghiệm đó hoạt động trên trang web của mình. Hướng dẫn này sẽ đưa bạn qua tất cả các công cụ Đang rảnh để giúp bạn thiết kế một trải nghiệm cuộc trò chuyện phù hợp với thương hiệu của bạn, cải thiện khả năng sử dụng và giữ Khách hàng gắn kết. ### Tạo kế hoạch Giao diện người dùng cuộc trò chuyện của bạn nên tạo cảm giác như một phần mở rộng tự nhiên của trang web hoặc ứng dụng của bạn. Khi lập kế hoạch thiết kế giao diện người dùng cuộc trò chuyện, hãy cân nhắc những điều sau: * **Màu sắc:** Màu sắc chính và màu nhấn của công ty bạn là gì? Hãy sử dụng những màu này cho các thành phần khác nhau trong trải nghiệm cuộc trò chuyện của bạn, chẳng hạn như bong bóng cuộc trò chuyện, biểu tượng, nút và màu nền. Bạn sẽ Chọn màu bằng mã hex (ví dụ #FFFFFF), vì vậy sẽ hữu ích nếu bạn có sẵn mã thương hiệu của mình. * **Phông chữ:** Khớp kiểu chữ của cơ sở của bạn để đảm bảo tính nhất quán. Bạn có thể Chọn từ một số phông chữ phổ biến, hoặc tải lên tệp TTF của riêng bạn để Thêm một phông chữ tùy chỉnh. * **Logo:** Hãy cân nhắc thêm logo hoặc hình ảnh công ty của bạn vào trải nghiệm cuộc trò chuyện của bạn. Bạn có thể tải lên tệp JPG/JPEG, PNG, SVG hoặc GIF có dung lượng tối đa 10MB. Tùy thuộc vào thiết kế cuộc trò chuyện mà bạn Chọn, sẽ có các kích thước hình ảnh được khuyến nghị — xem thêm bên dưới. * **Ảnh đại diện:** Avatar là hình ảnh đại diện của bot hoặc tác nhân. Đối với các tin nhắn của bot hoặc hệ thống, hãy sử dụng logo của bạn hoặc một nhân vật/avatar đại diện cho thương hiệu của bạn. Tương tự như favicon trong trình duyệt web, những biểu tượng này có kích thước nhỏ nhưng tạo ra sự khác biệt trong trải nghiệm khi được khớp tốt với thương hiệu công ty. Avatar có kích thước 40x40 pixel, và bạn có thể tải lên tệp JPG/JPEG, PNG, SVG hoặc GIF có dung lượng tối đa 2MB. ### Các phần [Trình tạo chiến dịch của Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) được dùng để tùy chỉnh cả thiết kế cuộc trò chuyện của bạn và khả năng hiển thị của nó trên trang web hoặc ứng dụng của bạn. Trong Chiến dịch, bạn sẽ thiết lập: * **Cửa sổ tương tác cuộc trò chuyện:** Được người tiêu dùng dùng để trò chuyện với bot hoặc tác nhân của bạn. Bạn có thể Chọn thiết kế của tất cả bong bóng, nút, biểu tượng và thiết kế đầu trang. Cửa sổ cuộc trò chuyện có tác động lớn đến diện mạo tổng thể của trải nghiệm Hỗ trợ kỹ thuật số của bạn. * **Vị trí:** Cho phép bạn kiểm soát nơi Hỗ trợ của bạn sẽ Đang rảnh trên cơ sở của bạn (hãy nhớ nhúng SDK Campaign trước). Bạn có thể cung cấp Hỗ trợ trên toàn bộ cơ sở của mình hoặc chỉ định những trang nào nên được đưa vào hoặc loại trừ dựa trên URL. * **Lời mời:** Cách người dùng của bạn khởi chạy hoặc mở trung tâm liên hệ của bạn trên trang web hoặc ứng dụng của Kinh doanh bạn. Có hai loại lời mời: Sticky và Embedded. * **Sticky:** Một cách đơn giản để mời mọi người sử dụng Hỗ trợ kỹ thuật số của bạn. Người dùng sẽ thấy một biểu tượng hoặc tiện ích trên màn hình mà khi nhấp vào sẽ mở trải nghiệm Hỗ trợ. Bạn có thể kiểm soát màu sắc, hình dạng và biểu tượng, thậm chí thêm văn bản. * **Embedded:** Với lời mời nhúng, bạn có thể biến bất kỳ nút hoặc liên kết nào trên trang web của bạn thành một liên kết có thể nhấp để mở Hỗ trợ. * **Tin nhắn chủ động:** Lời chào mà bạn có thể dùng để gửi một tin nhắn sau khi người dùng của bạn truy cập một trang được chỉ định trong một khoảng thời gian được chỉ định. Tin nhắn chủ động có thể được Thêm vào bất kỳ Campaign nào bằng cách sử dụng loại Lời mời Sticky. **Ví dụ:** "Cần giúp đỡ chọn một gói?" Ngoài ra, bạn cũng sẽ thiết lập một **ảnh đại diện**, đây là hình ảnh đại diện cho bot hoặc tác nhân. Khách hàng của bạn sẽ thấy những ảnh đại diện này của bot hoặc tác nhân đại diện cho thương hiệu của bạn. ### Xây dựng Trải nghiệm Cuộc trò chuyện của Bạn Tìm hiểu thêm về việc xây dựng trải nghiệm cuộc trò chuyện của bạn, bao gồm kích thước, hình ảnh, thiết kế, nhắn tin và các Cài đặt cấu hình bổ sung. {% content-ref url="customize-user-chat-support-experience/build-your-chat-experience" %} [build-your-chat-experience](https://library.zoom.com/technical-library/vi/dich-vu-kinh-doanh/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience) {% endcontent-ref %} ### Tóm tắt Zoom trung tâm liên hệ và Zoom Virtual Agent giúp bạn tạo một cuộc trò chuyện Hỗ trợ mang đậm dấu ấn thương hiệu và dễ sử dụng. Bạn có thể tùy chỉnh hoàn toàn thiết kế, Chọn nơi và thời điểm cuộc trò chuyện xuất hiện, đồng thời Thêm các thông điệp chủ động để thu hút người dùng vào đúng thời điểm. Sau khi Campaign SDK được nhúng, bạn có thể kiểm soát mọi thứ từ giao diện quản trị viên hoặc bằng mã. Nó linh hoạt, gọn gàng và được xây dựng để phù hợp với cơ sở của bạn. Bạn đã sẵn sàng ra mắt trải nghiệm cuộc trò chuyện giúp đỡ Khách hàng của bạn và đại diện cho thương hiệu của bạn. ### Tài nguyên liên quan * [Thiết lập chiến dịch kỹ thuật số Zoom trung tâm liên hệ](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Tích hợp các tính năng Zoom trung tâm liên hệ vào trang web của bạn](https://library.zoom.com/technical-library/vi/dich-vu-kinh-doanh/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website) * [Nhúng Campaign SDK vào trang web hoặc ứng dụng di động của bạn](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)