画面フローを構築する

学習の目的

この単元を完了すると、次のことができるようになります。

• 簡単な画面フローを作成する。
• シンプルな画面コンポーネントを使用して質問をする。
• フロー画面に誘導情報を追加する。

メモ

日本語で受講されている方へ
このバッジの Trailhead ハンズオン Challenge は英語で受講していただく必要があります。英語の意味についてはかっこ内の翻訳をご参照ください。Trailhead Playground では (1) [Locale (地域)] を [United States (米国)] に、[Language (言語)] を [English (英語)] に切り替えて、(2) 英語の値のみをコピーして貼り付けてください。こちらの指示に従ってください。

翻訳版の Trailhead を活用する方法については、自分の言語の Trailhead バッジをご覧ください。

このバッジは、Flow Builder のスキルを習得するための過程の一部です。「Flow Builder を使用したフローの作成」トレイルでは、初めから終わりまで Flow Builder について学習します。このトレイルで推奨されるバッジの順序に従えば、プロセスの自動化に関する確固たるスキルが身に付き、Flow Builder のエキスパートになります。

ハンズオン Challenge

Flow Builder のハンズオン

ではここで Trailhead Playground を起動し、このモジュールの手順を実行してみましょう。Trailhead Playground を開くには、ハンズオン Challenge までスクロールダウンし、[起動] をクリックします。また、ハンズオン Challenge を実行するときにも Playground を使用します。

前の単元で計画したフローの詳細が下表にまとめられています。この単元では、このフローを構築します。

画面要素

[レコードを作成] 要素

画面フローを作成して画面要素を追加する

まず、画面フローを作成して画面を追加します。

1. Flow Builder で、画面フローを作成します。
2. 画面要素を追加します。
3. [画面のプロパティ] ペインで、[表示ラベル] に Questions (質問) と入力します。
   この表示ラベルは Flow Builder キャンバスに表示され、ユーザーには表示されません。ユーザーにはフローの名前が画面の上部に表示されます。
   
   

誘導テキストを追加する

続いて、画面に必要なものを追加していきます。質問する前に、サポートエージェントがお客様との会話を進めるためのスクリプトを用意します。サポートチームが適切に対応できるようにすることが目的であるため、まず誘導テキストを設定します。

1. [コンポーネント] リストから [表示テキスト] を画面キャンバスにドラッグします。また、コンポーネントの名前をクリックすると、画面キャンバスの末尾にそのコンポーネントが追加されます。
   
   メモ: 画面に [Display Text (表示テキスト)] コンポーネントを追加したときに、右ペインが変化したことに気が付きましたか? コンポーネントを選択すると、プロパティペインにそのコンポーネントの情報と設定オプションが表示されます。コンポーネントが選択されていないときは、プロパティペインに現在の画面の情報と設定が示されます。
   
   
2. [API 参照名] に、SayThisText と入力します。
3. API 参照名の下に、名前のないリッチテキスト項目があります。ここにユーザーに表示するテキストを入力します。次のように入力します。
   (Say this to the caller)
Thank you for calling Pyroclastic, Inc.We're sorry you're having trouble with our products and we want to help you as quickly as possible.Can you please describe the problem you're having? ((通話者に伝える内容) Pyroclastic, Inc. にお電話いただきありがとうございます。弊社商品につきまして、ご不便をおかけして申し訳ございません。できる限り速やかに対応いたしますので、問題の詳細をお聞かせいただけますか?)
4. テキストの書式を変更して、フォントを Salesforce Sans、サイズを 14 にします。1 行目の書式を明るい赤の太字に変更して、他のテキストより目立つようにします。
   
   

質問を追加する

次に、サポートエージェントが回答する質問を追加しましょう。

1. サポートエージェントが通話者の問題を説明する十分なスペースを確保するために、ロングテキストコンポーネントを追加します。
   1. [コンポーネント] リストから [ロングテキストエリア] を画面キャンバスにドラッグします。
   2. [表示ラベル] に、Problem Description (問題の説明) と入力します。
   3. [ロングテキストエリア] プロパティで、[API 参照名] に ScreenDescription と入力します。
      そう、ここでは表示ラベルと API 表示名が一致しない画面コンポーネントを作成しているのですよね。フローのユーザーが理解しやすい表示ラベルと、自分や他のシステム管理者にわかりやすい API 表示名で画面コンポーネントを作成するのが妥当という場合もあります。この単元では、このコンポーネントを API 表示名 (ScreenDescriptio) で呼ぶことにします。
   4. [必須] チェックボックスをオンにして、ユーザーがこの質問に回答しないとフローを完了できないようにします。
      
      
2. エージェントがケース件名を入力する、テキストの質問を追加します。
   1. [コンポーネント] リストから [テキスト] を画面キャンバスにドラッグします。
   2. [テキスト] プロパティで、[表示ラベル] に Case Subject (ケース件名) と入力します。
   3. [API 参照名] に、ScreenSubject と入力します。
      後で混同しないように、ここでは一意の名前にしています。
   4. [必須] チェックボックスをオンにします。
3. サポートエージェントが通話中にお客様の問題を解決した場合は、ケースの作成と同時にクローズする切り替えを追加します。
   1. [コンポーネント] リストから [切り替え] を画面キャンバスにドラッグします。
   2. [API 参照名] に、CloseCase と入力します。
   3. [表示ラベル] に、Were you able to solve the customer's problem during this call? (連絡窓口) と入力します。
   4. [[有効] の表示ラベル] に、Yes, Solved (はい、解決しました) と入力します。
   5. [[無効] の表示ラベル] に、No, Not Solved (いいえ、解決していません) と入力します。
       
4. [完了] をクリックして画面要素を閉じます。

これで 3 つの質問をする画面が出来上がりました。 

回答に基づいてケースを作成する

画面要素にユーザーが入力する [説明]、[件名]、[状況] ([Solved (解決済み)] または [Not Solved (未解決)]) が設定されました。次は、切り替えの [True] と [False] 値をそれぞれ [クローズ] と [New (新規)] に変換する数式を作成しますが、1 つ問題があります。(またです!)切り替えから直接ユーザーの選択肢を取得することができません。そのため、次の方法で切り替えの値プロパティを参照する必要があります。 

また、現在の取引先責任者レコードの取引先 ID と取引先責任者 ID を使用するために、フローに各 ID を受け入れる変数が必要です。

1. 数式リソースを作成します。
   • API 参照名: frmStatus
   • データ型: テキスト
   • 数式: IF({!CloseCase.value} = TRUE, "Closed", "New")
     メモ: おそらくご存知のとおり、数式のベストプラクティスは、必要な結果を他の方法で取得できない場合にのみ使用することです。ここでは、そのルールを拡大解釈します。この場合、決定要素と 2 つの割り当て要素を使用するという方法がありますが、このシンプルなユースケースでは数式のほうがはるかに効率的に処理できます。
2. 現在の取引先責任者の ID を受け取る変数を作成します。
   • API 参照名: inputContactId
   • データ型: テキスト
   • [入力で使用可能] を選択
3. 現在の取引先責任者の取引先を受け取る変数を作成します。
   • API 参照名: inputAccountId
   • データ型: テキスト
   • [入力で使用可能] を選択
4. 画面要素の後に、ケースを作成する [レコードを作成] 要素を追加します。
   • 表示ラベル: Create Case (取引先責任者を取得)
   • [個別のリソースおよびリテラル値を使用] を選択
   • オブジェクト: ケース
   • 項目値を設定:
     • 項目: AccountId、値: inputAccountId
     • 項目: ContactId、値: inputContactId
     • 項目: Description、値: ScreenDescription
     • 項目: Status、値: frmStatus
     • 項目: Subject、値: ScreenSubject
5. フローを保存します。[表示ラベル] に、Create Case for Contact (取引先責任者のケースを作成) と入力します。

ツールボックスとフローキャンバスは次のようになります。

リソース

• Salesforce ヘルプ: フロー要素: 画面
• Salesforce ヘルプ: 標準フロー画面コンポーネント
• Salesforce ヘルプ: フロー画面入力コンポーネント: 切り替え
• Trailhead: 画面フローの配布