送料無料プログレスバーと会員ランクバー：客単価アップの実践ガイド

送料無料まであと$12の買い物客は立ち去りません——もう1点カートに追加します。これが目標勾配効果です。人は報酬に近づくほど、それを手に入れようと努力します。プログレスバーはその引力を画面に映し出し、基準額をモチベーションに変えます。Personyzeはこれを、いくつかの表示スタイルの既製テンプレートとして提供しています。単一目標の送料無料ステータスバー、複数のマイルストーンを持つ段階式ロイヤルティバー、そしてステータスカード（またはポップアップ）——いずれも同じライブ値で動きます。

プログレスバーが効く理由

よく知られた2つの行動がこれを支えています。まず目標勾配効果とは、ゴールが近づくほどモチベーションが高まることです——「あと$18」の買い物客は、始めたばかりの人よりずっとカートに追加しやすくなります。そして目に見えるバーは、ささやかで満足感のある達成感を生みます。だからこそ同じ仕組みが、ロイヤルティプログラム、ポイント、ゲーミフィケーションのマイルストーンにも使われているのです。 ECサイトで最も一般的な使い方は、送料無料の基準額で客単価を引き上げることですが——このパターンはどんな数値目標にも使えます。

送料無料ステータスバー：1つの目標とリアルタイムの進捗

送料無料バーは、訪問者が1つの目標にどれだけ近いかを示します——「送料無料まであと$65」——カートの金額が増えるにつれてバーが伸び、パーセンテージも自動で更新されます。目標に達すると成功メッセージに切り替わり、お祝いの演出（紙吹雪、チェックマーク、光）が再生されます。送料だけのものではありません：

• 送料無料の基準額——「もう1点」を後押しする定番の施策。
• 特典とロイヤルティの目標——「次の特典まであと120ポイント」。
• 購入金額や注文数のマイルストーン——訪問者が目指している、あらゆる単一の数値目標。

詳しい設定方法は 送料無料ステータスバー テンプレートのドキュメントをご覧ください。

段階式ステータスバー：ロイヤルティのマイルストーン

段階式バーは、複数のマイルストーンに対応したバージョンです。訪問者がまだ到達していない次のランク——ブロンズ、シルバー、プラチナ（または独自の名称）——への進捗を表示し、通過済みのランクをすべて点灯させ、最上位に達したらお祝いします。3つのランクの値とラベル（例：50／ブロンズ、150／シルバー、300／プラチナ）を設定でき、各ランクのチップには個別の色、アイコン、画像を指定できます。

マイルストーンが複数あるとき——ロイヤルティランク、複数の購入特典、ゲーミフィケーションされたジャーニーなど——に使いましょう。詳細は 段階式ステータスバー テンプレートのドキュメントをご覧ください。

カード型がお好み？ステータスカード

ステータスカードは、同じ考え方をカード／ポップアップで表現したバージョンです——細いバーではなく、中央に配置された目立つカード（またはポップアップ）です。同じライブのプロファイル値を読み取り、同じ目標を追跡し、同じお祝い演出を再生します。変わるのは見た目だけで、円形リング（中央にパーセンテージを表示）か横向きバー（カード内に表示）を選べます。

さらにサイズ（コンパクト、デフォルト、ゆったり）と、任意のCTAボタンも追加できるため、カートページで使ったり、上部の細いバーより強く後押ししたいときにポップアップで使ったりするのに向いています。単一目標版のほか、ロイヤルティランク向けの 段階式ステータスカードもあります。詳しい設定方法は ステータスカード テンプレートのドキュメントをご覧ください。

仕組み：ライブのプロファイル値

どちらのバーも、1つの要素で動きます——訪問者のPersonyzeプロファイル上のライブな数値（カート合計、ポイント、購入金額、注文数）です。バーは表示時にそのフィールドを読み取り、目標やランクと比較して、メッセージ、バーの長さ、パーセンテージを更新します。重要なのは、このウィジェットは値を表示して反応するだけで、カートの計算そのものは行わないという点です。そのため、フィールドに値が入っている必要があります。

この値は訪問者の統合プロファイルに保存され、最新に保つ方法がいくつかあります：

• サイトから取得する——Personyzeに、現在のカート金額（またはポイント、注文数）をページ、Cookie、URLパラメーターから直接読み取らせます。キーは不要なので、匿名の買い物客にも初回訪問から機能します。
• Personyzeの商品トラッキングから——すでに 商品レコメンドを使っていれば、Personyzeは各訪問者がカートに追加した商品を追跡しているため、そのトラッキングから直接ライブのカート金額を算出できます——追加の連携は不要です。
• 外部から送る——API、ファイルアップロード、フィード、CRM同期（メールアドレスまたはCRM IDで訪問者と照合）で値を送ります。

フィールドのタイプを数値に設定すると、バーが計算できるようになります。プロファイルフィールドの作成と入力の詳しい手順は プロファイルデータ設定ガイドをご覧ください。

適切な買い物客に、適切なタイミングで表示する

Personyzeのターゲティングエンジン上で動くため、いつ、誰にバーを表示するかを正確に決められます——サイト全体に一律で出す大雑把なバナーにはなりません。カートとチェックアウトのページだけに表示する、まだ基準額に届いていない買い物客だけに表示する（表示開始の設定で、近づくまで非表示にすることもできます）、段階式バーならログイン中のロイヤルティ会員だけに表示する、あるいは離脱意図で表示する、といった使い方ができます。パーソナライゼーション全体を動かしているのと同じターゲティングが、後押しが本当に効くタイミングを判断します。

数ステップで設定

• ポップアップアクションで、送料無料ステータスバー、段階式ステータスバー、またはステータスカードを選びます。
• 設定項目の値で、現在値フィールド（プロファイルの数値）を選び、エディターのプレビュー用にテスト値を設定して、単位の接頭辞／接尾辞（例：$ またはpt）を選びます。
• 次に、ゴールに金額を入力します——段階式バーの場合は、3つのランクの値とラベルを入力します。
• スタイルを設定します：プリセット、バーの幅、アニメーション、達成時のエフェクト。通常時のメッセージと達成時のメッセージも入力します。
• アクションのロケーションステップで表示場所を選び、ターゲティングで表示する相手を決めます。

デザインとお祝い演出

ゼロから作る必要はありません——最初から洗練された状態で届きます。5つの既製プリセット（ダーク、ネイビー、ブランド、ライト、サクセス）から選べ、全幅表示か中央寄せのバーを選択でき、読み込み時にはバーがアニメーションで伸びます。

買い物客の記憶に残るのは達成時のお祝い演出です。目標に到達した瞬間、バーは紙吹雪を舞わせたり、チェックマークを表示したり、光でパルスしたりできます——もっと買おうと決めたまさにその瞬間の、ちょっとした喜びです。プリセットとエフェクトはすべて作り込み済みで設定も自由なので、見栄えのよいバーは数クリックで完成し、デザインプロジェクトは不要です。さらにPersonyzeの オンサイト・パーソナライゼーションの一部なので、 レコメンドと組み合わせて、目標までの差額を埋める商品を的確に提案することもできます。

どのスタイルを使うか

決め手は2つです：目標の数（1つか複数か）と目立たせ方（細いバーかカードか）。

• 目標は1つ、細いバー（送料無料、単一の特典）→送料無料ステータスバー。
• 目標は1つ、目立つカードまたはポップアップ→ステータスカード（リングまたはバー）。
• 複数のマイルストーン（ロイヤルティランク、複数の特典）→段階式ステータスバー、または段階式ステータスカード。

ステータスバー：よくある質問

送料無料プログレスバーは本当に客単価を上げますか？

目標勾配効果を活用しています。報酬に近づくほどモチベーションが高まるため、送料無料まであと数ドルの訪問者は、もう1点追加する可能性が高くなります。客単価を上げるための最も一般的な施策の1つです。

バーはどうやって訪問者のカート合計を知るのですか？

訪問者のPersonyzeプロファイルからライブの数値を読み取り、それに反応します。カートそのものを計算するわけではありません。このフィールドは、ページ（またはCookie／URLパラメーター）からカート合計を取得するか、CRMからポイントや購入金額を同期して入力します。

ログインしていない匿名の買い物客にも使えますか？

はい。値を自社サイトから取得する場合、Personyzeはどの訪問者かをすでに把握しているため、キーなしでその人のプロファイルに保存されます。匿名のカートにも初回訪問から対応します。

送料ではなくロイヤルティポイントにステータスバーを使えますか？

はい。値にはポイント、購入金額、注文数を使えます。単一の目標（次の特典など）には送料無料バーを、ブロンズ、シルバー、プラチナのような複数のロイヤルティのマイルストーンには段階式バーを使います。

送料無料バーと段階式バーの違いは何ですか？

送料無料バーは1つの目標への進捗を追跡します。段階式バーは複数のマイルストーンを同時に追跡し、まだ到達していない次のランクへの進捗を表示し、通過したランクを点灯させ、最上位でお祝いします。

目標に達するとどうなりますか？

バーはトラックとパーセンテージを非表示にして達成時のメッセージを表示し、選択したお祝い演出（紙吹雪、チェックマーク、光のパルス）を再生したうえで、成功メッセージを中央に表示します。

始める

送料無料の基準額やロイヤルティプログラムを、リアルタイムの後押しに変えましょう。デモを予約、または プランをご覧ください。

関連記事

• EC向けパーソナライゼーション——客単価アップの全体像の中でのプログレスバーの位置づけ。
• 送料無料ステータスバー テンプレート——完全な設定ガイド。
• 段階式ステータスバー テンプレート——ロイヤルティランクをステップごとに。
• ステータスカード テンプレート——リング型またはバー型のカード／ポップアップ版。