AX - プログレスインジケーター
概要
AX - プログレスインジケーター は、Experience Sites ページ上の選択リスト項目の値に基づいて、プロセス段階を視覚的なステップトラッカーとして表示する Experience Cloud コンポーネントです。
注文ステータス、申請段階、オンボーディング手順、承認プロセスなど、レコードがワークフローのどこにあるかをポータルユーザーに示すために使用します。ユーザーは現在の進捗と完了したステップを確認できます。横型、縦型、またはパス形式のレイアウトから選択でき、Experience Builder で設定します。
注文追跡、申請ステータスの表示、オンボーディングの進捗、承認ワークフロー、またはポータルユーザーが複数ステップのプロセス状況を視覚的に把握する必要があるあらゆる場面に最適です。
注
このコンポーネントは 表示専用 です。現在の選択リスト値を読み取り、対応するステップを視覚的に表示しますが、ユーザーがステップをクリックしてもレコードは更新されません。ユーザーにレコードのステータスを変更させるには、レコード更新を処理する別のコンポーネントまたはカスタムソリューションと組み合わせる必要があります(以下の FAQ セクションを参照)。
はじめに
このシンプルなチュートリアルを使って、Progress Indicator コンポーネントの基本を学び、ユースケースの構築を始めましょう。
設定
タイプ
次から選択 ベース, 垂直, バー, 円, Path、または 垂直 ナビゲーションスタイル。
形式
リニア:標準的な進行フロー。
非リニア:進行は順次の順序に従いません
影付き
コンポーネントにシェーディング効果を適用します
現在のステップ
進行フローにおける現在のステップを定義します。
アイコンの配置
中央:ステップ内でアイコンを中央揃えにします。
上:アイコンをステップの上部に配置します
アイコンサイズ
Small、Medium、Large から選択します。
ステップ番号を表示
各ステップの番号を表示します。
ステップラベルを表示
各ステップのラベルを表示します。
バーの値を非表示
進捗バー上の値/パーセンテージを非表示にします。
データソース
手動:進捗データを手動で入力します。
選択リスト値:選択リストの値を使って進捗を定義します
バー
色と完了色をカスタマイズします。
アイコン
次のような幅広い色のカスタマイズが可能です:
フォーカス,通常,塗りつぶし,枠線,アクティブ,完了、およびエラーカラー(およびそれぞれの Fill と Border のバリエーション)。
ステップラベル
文字色:ラベルテキストの色を設定します。
フォントサイズ:フォントサイズを定義します。
フォントファミリー:ラベルの書体を選択します。
フォントの太さ:フォントの太さを選択します。
テキストシャドウ:テキストに影の効果を追加します。
行数制限:ラベルテキストの行数を制限します
ユースケース例
例 1:営業プロセスのパス
視覚的で直感的なパスで、パートナーユーザーを営業プロセスの各段階へ導き、採用を促進し、案件を前進させます。
達成できること
ガイド付き営業体験: パートナーユーザーに、各商談が営業プロセスのどの段階にあるかを明確に視覚化して表示します
採用率の向上: Experience サイト内で適切な段階情報を直接表示し、混乱を減らしてエンゲージメントを向上させます
パイプラインの可視性: ポータルを離れずに、パートナーが次のステップを把握し続けられるようにします
設定方法
リンク
AX - レコード詳細例 2:顧客注文ステータス
すっきりとして見やすい縦型の進捗インジケーターで、注文受付から完了まで、注文状況を顧客に即座にわかりやすく伝えます。
達成できること
リアルタイムの注文可視化: 最新の注文ステータス情報を顧客ポータル内に直接表示します
サポート問い合わせの削減: 顧客が自分で注文追跡できるようにし、サポートへの連絡の必要性を減らします
設定方法
FAQ
ユーザーはステップをクリックしてレコードのステータスを更新できますか?
いいえ。AX - Progress Indicator は読み取り専用の表示コンポーネントです。選択リスト項目の現在値は反映しますが、ユーザーがステップをクリックしても Salesforce に書き戻しません。Progress Indicator 自体は、Experience Cloud 版では操作やアクションを公開しません。
ヒント: Lightning ページ上で構築している場合(Experience Site ではない場合)、 Avonni Dynamic Components 版 の 進捗インジケーター はサポートします インタラクション Interaction タブを通じたレコード更新アクション
リンク
AX - マップ最終更新
役に立ちましたか?
