Amazon Connect のノーコード ビルダー UI の動的フィールドの設定

このトピックでは、Amazon Connect のノーコード UI ビルダーを使用してエージェントインターフェイスおよびカスタマーインターフェイスを構築する際に、ハードコードされた値ではなくランタイムデータを表示するようにコンポーネントで動的フィールドを設定する方法について説明します。

エージェントまたは顧客に表示されるデータについて、ハードコードされた値ではなく、動的なデータの入力が必要な場合があります。例えば、顧客の名前とプロファイル ID を表示するスクリーンポップを作成する場合などです。これらのフィールドの値はコンタクトごとに変わるため、データは動的である必要があります。

コンポーネントフィールドを動的に入力するには、次の手順を実行します。

動的な値を必要とする最も一般的なフィールドは次のとおりです。

技術的には、エージェントに表示されるフィールドと非表示のフィールドの両方を実行時に動的に決定することができます。そのため、[プロパティ] タブのすべてのフィールドを動的 (稲妻アイコン) に設定することができます。

例えば、次の図の [AttributesBar] コンポーネントを見てみましょう。

これらの設定で [AttributesBar] の値は、実行時に ビューを表示 ブロックに渡されるデータによって決まります。

フィールドが動的に設定されている場合、その静的値は動的参照に置き換えられます。[サンプルデータ] セクションがフィールドの下に表示されます。このセクションはサンプルデータを定義します。

動的参照は、ランタイムデータを設定するときに ビューを表示 ブロックが期待するデータ構造を反映します。例えば、次の図に示すように、[AttributesBar] コンポーネントの属性 1 の [値] を考えてみましょう。

動的参照はわかりやすく編集したり、再利用したりすることができます。動的参照は、ビュー内の複数のフィールドとコンポーネント間で共有できます。例えば、次の図の AttributeBar コンポーネントでは、動的参照を $.myAttributeValue に更新します。ビューを表示 ブロックに文字列入力を期待する myAttributeValue フィールドが追加されました。

重要

動的参照のタイプは、フィールドで期待されるタイプと一致する必要があります。例えば、ブール値フィールドで文字列ベースの動的参照を使用することはできません。次の図は、動的参照が一致しない場合のエラーメッセージの例を示しています。

コンポーネントの属性のすべてのプロパティを動的として設定するオプションもあります。次の図では、ラベルを含むこの属性に関するすべては、ビューを表示 ブロックに渡された値に基づいて実行時に決定されます。例えば [顧客名] は、エージェントがガイドを使用する際に表示されるコンテンツを理解するためのサンプルデータです。ただし、この値は実際にはエージェントに表示されません。

AttributesBar などの特定のコンポーネントでは、コンポーネントのすべてのプロパティを動的として設定することもできます。例えば AttributeBar では、動的アイコン (稲妻) を選択して、すべての属性を動的に設定できます。属性は、実行時に ビューを表示 ブロックに渡される値によって決まります。