step-by-stepガイドのリソースに Amazon Connect のノーコード UI ビルダーを使用する - Amazon Connect

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

step-by-stepガイドのリソースに Amazon Connect のノーコード UI ビルダーを使用する

Amazon Connect のノーコード UI ビルダーを使用して、step-by-stepガイドで使用されるビューリソースを作成できます。UI ビルダーを使用すると、次のことができます。

  • UI コンポーネントをキャンバスにドラッグアンドドロップします。

  • レイアウトを整理します。

  • 各コンポーネントのプロパティとスタイルを編集します。

次の図は、ノーコード UI ビルダーページの例を示しています。

ノーコード UI ビルダーユーザーインターフェイス。
  1. Create パネル。UI コンポーネントのライブラリから選択するか、使用可能なテンプレートのいずれかを使用します。

  2. コンポーネントは折りたたみ可能なコンテナ内にグループ化されます。これらのコンポーネントをビューリソースのキャンバスにドラッグアンドドロップします。

  3. ビューリソースのキャンバス。

  4. カスタマイズパネルとグローバル設定アイコン。ここでは、列、整列、色など、ページのグローバルプロパティを設定します。また、キャンバス上の個々のコンポーネントのプロパティを設定する場所でもあります。

    次の図は、アドレスコンポーネントのプロパティタブの例を示しています。動的アイコン (稲妻ボルト) を選択すると、実行時に フィールドが入力されます。

    カスタマイズパネル、プロパティタブ、動的アイコン。

ノーコード UI ビルダーにアクセスする

  1. https://instance name.my.connect.aws/ で Amazon Connect 管理者ウェブサイトにログインします。管理者アカウント、またはチャネルとフローを持つアカウントを使用する - セキュリティプロファイルでアクセス許可を表示します

  2. Amazon Connect 管理ウェブサイトで、ルーティングフロービューを選択します。次の図は、フローページのビュータブの例を示しています。

    フローページ、ビュータブ。ノーコードビルダー UI にアクセスします。
  3. [新規作成] を選択します。次の図に示すように、空のノーコード UI ビルダーページが表示されます。

    空のノーコード UI ビルダーページ。