Amazon Connect のノーコード UI ビルダー用 UI コンポーネントライブラリ - Amazon Connect

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

Amazon Connect のノーコード UI ビルダー用 UI コンポーネントライブラリ

すべてのノーコード UI ビルダーコンポーネントについては、Amazon Connect UI コンポーネントのドキュメントで説明されています。このドキュメントでは、ノーコード UI ビルダーで使用できる個々の UI コンポーネントとその設定方法について説明します。

ライブラリコンポーネントには、作成パネルのノーコード UI ビルダーのライブラリタブからアクセスできます。次の図は、ライブラリタブとコンテナコンポーネントの例を示しています。

ノーコードビルダーの作成パネル、ライブラリタブ、UI コンポーネント。

コンテナを使用してコンポーネントを移動および整理する

コンテナは、ビュー作成の中核となる構成要素です。UI コンポーネント (他のコンテナを含む) をコンテナに移動して、ページ上で論理的かつ視覚的にグループ化できます。

トップレベルビュー設定をカスタマイズする際にページの内容が比較的一貫しているようにするには、すべてのビューでコンテナを使用することをお勧めします。コンテナには列レイアウトも付属しています。列レイアウトを使用すると、コンテナ内のコンテンツを整理できます。

フォームを作成する

エージェントまたは顧客が入力して送信するためのフォームを作成するには、フォームコンポーネントを使用します。次のいずれかを行うことができます。

  • UI ライブラリからフォームコンポーネントをキャンバスにドラッグアンドドロップします。

  • または、テンプレートタブからフォームサンプルテンプレートを選択します。フォームコンポーネントを使用します。

フォームコンポーネントは、入力フィールドを挿入して送信ボタンを追加できる特殊なタイプのコンテナです。ガイドを操作しているユーザーが送信ボタンを押すと、Amazon Connect はフォームフィールドに入力されたすべての値をフローに渡します。フローのこの時点で、 AWS Lambda 関数の呼び出しブロックを使用して独自のビジネスロジックをカスタマイズし、サードパーティーのシステムにデータを送受信できます。

次の図は、プレースホルダーラベルと送信ボタンを含むフォームコンポーネントの例を示しています。

プレースホルダーラベルと送信ボタンを持つフォームコンポーネント。