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

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

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

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

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

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

使用容器來移動和組織元件

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

為了在自訂最上層檢視設定時保持頁面的內容相對一致,我們建議您在所有檢視中使用容器。容器也隨附資料欄配置。資料欄配置可讓您在容器內組織內容。

建立表單

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

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

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

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

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

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