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

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

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

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

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

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

トップレベルのビュー設定をカスタマイズする際にページのコンテンツに一貫性を持たせるために、すべてのビューでコンテナを使用することをお勧めします。コンテナでは列レイアウトも使用できます。列レイアウトを使用すると、コンテナ内のコンテンツを整理できます。

フォームを作成する

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

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

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