> 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/zh/shang-ye-ban-fu-wu/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md).

# 自定义用户聊天支持体验

### 产品

* Zoom 呼叫中心
* Zoom Virtual Agent

### 前提条件

[在您的网站或移动应用上嵌入 Campaign SDK](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)

### 概述

您的聊天窗口通常是客户与贵公司之间的第一次真实互动——无论他们是在与虚拟坐席还是人工坐席聊天。借助 Zoom 呼叫中心 和 Zoom Virtual Agent，您可以完全控制这种体验在网站上的外观和行为。

本指南将带您了解所有可用工具，帮助您设计与品牌相符、提升可用性并保持客户参与度的聊天体验。

### 制定计划

您的聊天 UI 应该像网站或应用的自然延伸。规划聊天 UI 设计时，请考虑以下几点：

* **颜色：** 您公司的主色和强调色是什么？将这些颜色用于聊天体验的不同元素，例如聊天气泡、图标、按钮和背景色。您将使用十六进制代码来选择颜色（例如 #FFFFFF），因此最好随手准备好品牌色值。
* **字体：** 让字体风格与站点的排版保持一致，以确保统一性。您可以从几种常见字体中选择，或上传自己的 TTF 文件来添加自定义字体。
* **标志：** 考虑在您的聊天体验中添加您的徽标或公司图片。您可以上传最大 10MB 的 JPG/JPEG、PNG、SVG 或 GIF 文件。根据您选择的聊天设计，系统会推荐图片尺寸——下文将详细说明。
* **头像：** 头像是机器人或坐席的图像表示。对于机器人或系统消息，请使用您的徽标或代表品牌的角色/头像。与网页浏览器中的网站图标类似，这些图标虽然小，但如果与公司品牌契合得当，会对体验产生影响。头像尺寸为 40x40 像素，您可以上传最大 2MB 的 JPG/JPEG、PNG、SVG 或 GIF 文件。

### 各部分

[Zoom 的 Campaign Builder](https://zoom.us/cci/index/admin#/admin-campaign-management) 用于自定义您的聊天设计以及其在网站或应用上的可用性。

在 Campaigns 中，您将设置：

* **聊天互动窗口：** 供消费者与您的机器人或坐席聊天。您可以选择所有气泡、按钮、图标以及标题栏的设计。聊天窗口会对您的数字支持体验的整体外观和感受产生很大影响。
* **位置：** 让您控制支持应在站点的哪些位置可用（请先嵌入 Campaign SDK）。您可以在整个站点提供支持，也可以根据 URL 指定应包含或排除哪些页面。
* **邀请：** 用户如何在您企业的网站或应用上启动或打开您的呼叫中心。邀请有两种类型：Sticky 和 Embedded。
  * **固定：** 一种邀请用户使用您的数字支持的简单方式。用户会在屏幕上看到一个图标或小部件，点击后即可打开支持体验。您可以控制颜色、形状和图标，甚至添加文本。
  * **嵌入式：** 使用嵌入式邀请，您可以将网站上的任何按钮或链接变成可点击链接，从而打开支持。
* **主动消息：** 一种问候语，您可以在用户访问指定页面并停留指定时间后发送消息。主动消息可通过固定邀请类型添加到任何 Campaign 中。

  **例如：** “需要帮助选择套餐吗？”

此外，您还将设置一个 **头像**，即机器人或坐席的图像表示。您的客户将看到这些代表您品牌的机器人或坐席头像。

### 构建您的聊天体验

了解更多有关构建聊天体验的信息，包括尺寸、图像、设计、发送消息以及其他配置设置。

{% content-ref url="/pages/0f8d9bd1a2ffb85f21e5e7717d06bd14e722f852" %}
[构建您的聊天体验](/technical-library/zh/shang-ye-ban-fu-wu/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md)
{% endcontent-ref %}

### 摘要

Zoom 呼叫中心 和 Zoom Virtual Agent 可帮助您创建符合品牌形象且易于使用的支持聊天。您可以完全自定义设计，选择聊天在何处以及何时显示，并添加主动消息，在合适的时机吸引用户。嵌入 Campaign SDK 后，您可以通过管理员界面或代码控制一切。它灵活、简洁，并专为适配您的站点而构建。

您已经准备好推出一种既能帮助客户又能代表品牌的聊天体验。

### 相关资源

* [设置 Zoom 呼叫中心 数字活动](https://zoom.us/cci/index/admin#/admin-campaign-management)
* [将 Zoom 呼叫中心 功能集成到您的网站中](/technical-library/zh/shang-ye-ban-fu-wu/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md)
* [在您的网站或移动应用上嵌入 Campaign SDK](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/zh/shang-ye-ban-fu-wu/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.