此頁面內容由機器翻譯。Zoom 不保證機器翻譯內容的準確性。
For the complete documentation index, see llms.txt. This page is also available as Markdown.

自訂使用者聊天支援體驗

作者:Maggie Munson

產品

  • Zoom Contact Center

  • Zoom 虛擬代理

先決條件

將 Campaign SDK 嵌入您的網站或行動應用程式

概覽

您的聊天視窗通常是客戶與貴公司之間的第一個實際互動——無論他們是與虛擬代理還是真人代理聊天。透過 Zoom Contact Center 和 Zoom Virtual Agent,您可以完全掌控這段體驗在您的網站上呈現與運作的方式。

本指南將帶您了解所有可用工具,協助您設計符合品牌形象、提升易用性並保持客戶參與度的聊天體驗。

建立規劃

您的聊天 UI 應該像是網站或應用程式的自然延伸。在規劃聊天 UI 設計時,請考量以下項目:

  • 顏色: 貴公司的主色與強調色是什麼?請將這些顏色用於聊天體驗的不同元素,例如聊天泡泡、圖示、按鈕與背景顏色。您會使用十六進位色碼選擇顏色(例如 #FFFFFF),因此最好先備妥品牌的色碼。

  • 字型: 為了保持一致性,請配合您網站的字體排版。您可以從多種常見字型中選擇,或上傳自己的 TTF 檔案以新增自訂字型。

  • 標誌: 請考慮在聊天體驗中加入您的標誌或公司圖片。您可以上傳 JPG/JPEG、PNG、SVG 或 GIF 檔案,大小上限為 10MB。根據您選擇的聊天設計,系統會提供建議的圖片尺寸——下方將有更多說明。

  • 頭像: 頭像是機器人或代理的圖片呈現。對於機器人或系統訊息,請使用您的標誌或代表品牌的角色/頭像。與網頁瀏覽器中的網站圖示類似,這些圖示雖小,但如果與公司品牌搭配得宜,會對體驗產生顯著影響。頭像尺寸為 40x40 像素,您可以上傳 JPG/JPEG、PNG、SVG 或 GIF 檔案,大小上限為 2MB。

各個部分

Zoom 的 Campaign Builder 可用來自訂您網站或應用程式上的聊天設計及其可用性。

在 Campaign 中,您會設定:

  • 聊天互動視窗: 供使用者與您的機器人或代理聊天使用。您可以選擇所有泡泡、按鈕、圖示以及頁首設計的樣式。聊天視窗會大幅影響您數位支援體驗的整體外觀與感受。

  • 位置: 讓您控制支援應該在網站的哪些位置提供(請務必先嵌入 Campaign SDK)。您可以在整個網站提供支援,或根據 URL 指定應包含或排除的頁面。

  • 邀請: 使用者在貴公司的網站或應用程式上啟動或開啟聯絡中心的方式。共有兩種邀請類型:Sticky 和 Embedded。

    • Sticky: 邀請使用者使用數位支援的簡單方式。使用者會在畫面上看到一個圖示或小工具,點擊後即可開啟支援體驗。您可以控制顏色、形狀與圖示,甚至還能加入文字。

    • Embedded: 使用嵌入式邀請,您可以將網站上的任何按鈕或連結變成可點擊的連結,以開啟支援。

  • 主動訊息: 在使用者造訪指定頁面一段指定時間後,可用來傳送訊息的問候語。使用 Sticky Invitation 類型時,可將主動訊息加入任何 Campaign。

    例如: 「需要幫您選擇方案嗎?」

此外,您也會設定一個 頭像,也就是機器人或代理的圖片呈現。您的客戶會看到這些代表品牌的機器人或代理頭像。

打造您的聊天體驗

深入了解如何打造您的聊天體驗,包括尺寸、圖片、設計、訊息內容及其他設定。

建立您的聊天體驗

摘要

Zoom Contact Center 和 Zoom Virtual Agent 可協助您建立符合品牌且易於使用的支援聊天。您可以完全自訂設計、選擇聊天出現的位置與時間,並加入主動訊息,在最適當的時機吸引使用者。嵌入 Campaign SDK 後,您可以從 Admin UI 或透過程式碼控制一切。它靈活、簡潔,並且專為您的網站量身打造。

您已準備好推出一個能協助客戶並展現品牌形象的聊天體驗。

相關資源

最後更新於

這有幫助嗎?