> For the complete documentation index, see [llms.txt](https://library.zoom.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://library.zoom.com/technical-library/vi/dich-vu-kinh-doanh/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md).

# 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

* Trung tâm liên hệ Zoom
* 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à một 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 trải nghiệm đó trông như thế nào và hoạt động ra sao trên trang web của bạn.

Hướng dẫn này sẽ đưa bạn qua tất cả các công cụ có sẵn (Đ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 luôn 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 mang lại 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ên 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 chủ đạo và màu nhấn của công ty bạn là gì? Hãy dùng những màu này cho các thành phần khác nhau của trải nghiệm cuộc trò chuyệ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 việc có sẵn mã thương hiệu sẽ rất hữu ích.
* **Phông chữ:** Hãy đồng bộ kiểu chữ của cơ sở của bạn để 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 phông chữ tùy chỉnh.
* **Biểu trưng:** Hãy cân nhắc thêm logo hoặc hình ảnh công ty 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ó 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 agent. Đối với tin nhắn của bot hoặc hệ thống, hãy dùng logo của bạn hoặc một nhân vật/ảnh đại diện thể hiện 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 nhỏ nhưng tạo nên khác biệt cho trải nghiệm khi được khớp tốt với thương hiệu công ty. Ảnh đại diện 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 Campaign 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 lẫn khả năng hiển thị của nó trên cơ sở hoặc ứng dụng của bạn.

Trong Campaigns, 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 agent 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à phần đầu trang. Cửa sổ cuộc trò chuyện có tác động lớn đến giao diện 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 nên có sẵn (Đang rảnh) trên cơ sở của bạn (hãy nhớ nhúng Campaign SDK 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 bao gồm hay loại trừ dựa trên URL.
* **lời mời:** Cách người dùng khởi chạy hoặc mở trung tâm liên hệ của bạn trên website hoặc ứng dụng Kinh doanh của bạn. Có hai loại lời mời: Sticky và Embedded.
  * **Cố định:** 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 thấy một biểu tượng hoặc widget trên màn hình; khi nhấp vào, nó 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, và thậm chí Thêm văn bản.
  * **Nhúng:** 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 mình thành một liên kết có thể nhấp vào để mở Hỗ trợ.
* **Tin nhắn chủ động:** Những lời chào mà bạn có thể dùng để gửi 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 xác định. Tin nhắn chủ động có thể được Thêm vào bất kỳ Campaign nào bằng loại lời mời Cố định.

  **Ví dụ:** "Cần trợ giúp chọn gói?"

Ngoài ra, bạn cũng sẽ thiết lập một **ảnh đại diện**, tức là hình ảnh đại diện của bot hoặc agent. Khách hàng của bạn sẽ thấy những ảnh đại diện này của bot hoặc agent đạ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ề cách 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="/pages/819dcfb4d8f70cf74cd1a96460047b3ef1a26e44" %}
[Xây dựng trải nghiệm cuộc trò chuyện của bạn](/technical-library/vi/dich-vu-kinh-doanh/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md)
{% endcontent-ref %}

### Tóm tắt

Zoom trung tâm liên hệ và Zoom Virtual Agent giúp bạn tạo ra một cuộc trò chuyện hỗ trợ mang cảm giác đúng với 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, và Thêm các tin nhắn 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 một trải nghiệm cuộc trò chuyện giúp Khách hàng và đại diện cho thương hiệu của bạn.

### Tài nguyên liên quan

* [Thiết lập một chiến dịch kỹ thuật số của 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 của Zoom trung tâm liên hệ vào trang web của bạn](/technical-library/vi/dich-vu-kinh-doanh/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md)
* [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)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://library.zoom.com/technical-library/vi/dich-vu-kinh-doanh/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
