使用事例: 切り替え要素を使用した条件付きロジックに基づく画面の表示

切り替え画面要素を使用して、コンテンツを動的に表示または非表示にします。1 つの項目値を 1 つ以上の指定された値と比較し、完全に一致する最初の値に関連付けられたコンテンツを表示します。一致が見つからない場合は、事前設定されたデフォルト値が返されます。If 要素とは異なり、Switch では 1 つの項目に対して完全一致比較を実行することに制限され、AND や OR などの複雑な論理演算子はサポートされません。

必要なエディション

サポートされているエディションを表示する。
この記事の適用対象:	拡張 WhatsApp チャネル、統合 WhatsApp
この記事の適用対象外:	拡張アプリケーション内チャット、拡張 Web チャット、標準および拡張 Facebook Messenger、標準および拡張 SMS、拡張 Apple Messages for Business、拡張 LINE、Bring Your Own チャネル

必要なユーザー権限
メッセージングコンポーネントを作成する	「アプリケーションのカスタマイズ」および「設定・定義を参照する」またはシステム管理者
メッセージングでメッセージを送受信する	メッセージングエージェント

必要なユーザー権限

メッセージングコンポーネントを作成する

「アプリケーションのカスタマイズ」および「設定・定義を参照する」

または

システム管理者

メッセージングでメッセージを送受信する

メッセージングエージェント

Switch の使用方法を説明するために、次の例を考えてみましょう。あなたは、Healthy Pets (健康なペット)、動物病院の管理者です。ジョブは WhatsApp フローを作成することです。このフローでは、最初の画面で顧客に動物の種別を尋ね、動物に関する詳細を入力する画面に顧客を送信します。各動物種別に関する特定の詳細を共有するには、種別ごとに異なる画面を作成します。たとえば、顧客が [猫] を選択した場合、[次へ] ボタンをクリックすると、[猫] 画面に移動します。動物固有の情報を入力すると、顧客は最終画面に移動し、そこでアカウント情報を確認します。

この例は、次の画面で WhatsApp フローをすでに作成していることを前提としています。

WhatsApp フローには、コンテンツを含む 5 つの画面が含まれます。

[フォームメッセージング] コンポーネントの [コンポーネント形式] セクションで、[フロー] を選択します。
[画面] セクションで、[動物の種類] 画面を展開し、[猫]、[犬]、[鳥]、[その他の動物] を表示するドロップダウン画面要素を追加します。
[動物の種類] 画面をプレビューするには、右サイドバーの [コンポーネントのプロパティ] で、画面ノードを選択して展開します。
[動物種別] 画面での動物種別の選択に基づいてユーザーを次の画面に進むには、[切替] 要素を追加します。
[Component Properties of the Animal Type (動物種別のコンポーネントプロパティ)] 画面で、[Add Content (コンテンツを追加)] をクリックし、[Conditional Logic (条件付きロジック)] の下の [Switch (切り替え)] を選択して、[完了] をクリックします。
切り替え要素を設定するには、「切り替え」ノードを展開し、「編集」をクリックします。
[項目を選択] で、顧客が動物の種類を選択するために使用する項目を選択します。
選択できる動物種別ごとに個別のケースを追加します。
[リテラル値] 項目に、[動物種別] 画面の [ドロップダウン選択] 画面要素で定義したすべての選択肢の表示ラベルではなく ID を入力します。
[次へ] をクリックします。
ケースごとに、その条件が true の場合に表示するコンテンツを選択します。
たとえば、顧客が動物の種類として [猫] を選択した場合に [猫] ページに顧客を移動する [次へ] ボタンをフッターに追加します。
1. 動物種別画面に進むボタンを追加するには、[コンテンツを追加] をクリックし、[その他のコンテンツタイプ] を展開して [フッター] を選択します。
2. ボタンの表示ラベルとして「次へ」と入力し、[次の画面] 項目で動物種別画面を選択するなど、フッターの詳細を入力します。
3. [次へ] をクリックします。
  [切り替えロジックと条件付きコンテンツを定義] モーダルでは、表示するコンテンツを設定するために、すべてのケースが説明されます。これらすべてについて、動物種別のページにジャンプする [次へ] ボタンを追加します。
4. 完了したら、[保存] をクリックします。
  [コンポーネントのプロパティ] の [切り替え] ノードには、ケースと各ケースの結果のコンテンツが表示されます。