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

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

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

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

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

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

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

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

建立表單

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

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

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

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

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

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