Amazon Connect 中 UI 建置器的 UI 元件程式庫 - Amazon Connect

本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。

Amazon Connect 中 UI 建置器的 UI 元件程式庫

Amazon Connect UI 元件文件中說明所有 UI 建置器元件。本文件顯示您可以在 UI 建置器中使用的個別 UI 元件,以及如何設定這些元件。

您可以在建立面板的程式庫索引標籤中,存取 UI 建置器中的程式庫元件。下圖顯示程式庫索引標籤和容器元件的範例。

UI 建置器建立面板、程式庫索引標籤、UI 元件。

使用容器來移動和整理元件

容器是製作視圖的核心構建區塊。您可以將 UI 元件 (包括其他容器) 移動到容器中,在頁面上以邏輯和視覺化方式分類。

為了在自訂頂層視圖設定時維持相對一致的頁面內容,建議您在所有視圖中使用容器。容器也配有欄位配置。您可以透過欄位配置,在容器內整理內容。

建立表單

若要建立表單供客服人員或客戶填寫和提交,請使用表單元件。您可擇一方法:

  • 從 UI 程式庫將表單元件拖放到畫布。

  • 或者從範本索引標籤中選取表單範例範本。該範本使用表單元件。

表單元件是一種特殊容器類型,您可以在其中插入輸入欄位和新增提交按鈕。與指南互動的使用者按下提交按鈕時,Amazon Connect 會將所有輸入到表格欄位的值傳到流程。此時,您可以在流程中使用 AWS Lambda 函數 區塊,自訂自己的業務邏輯,並將資料傳送/擷取至第三方系統。

下圖顯示具預留位置標籤和提交按鈕的表單元件範例。

具預留位置標籤和提交按鈕的表單元件。