通知パネル5種と、その優先順位 — 上にあるものだけが出ます

購入が完了した直後は、会員の関心がいちばん高い瞬間です。ここで何を伝えるかを設定するのが通知パネルです。

種類は5つあり、それぞれ表示される条件が違います。

5種類と、その条件

表示位置は5種類すべてに共通で、並び順が優先度になります。

最後のひとつだけが購入完了ページ以外で出ます。紹介リンクを踏んで来た方に、その場で案内を出すためのものです。

設定画面にはプレビューがあり、保存前に見た目を確認できます。5種類はそれぞれ別の文面と別のボタンを持ちます。

ポイント獲得のお知らせ。本文に {{獲得ポイント}} を入れると実際の数値が入ります。

特典交換のご案内。交換できる特典があるときだけ出ます。

お友達紹介のご案内。両者の特典額が本文に差し込まれます。

商品レビュー依頼。商品名が差し込まれます。

紹介リンク訪問時の案内。これだけ会員登録前の方に出るので、同意の文言が付きます。

どれも小さなカード1枚です。書ける文字数は多くありません。見出し・本文・ボタンの3つで完結させてください。

上はすべて設定画面のプレビューです。実際にお客様の画面に出たところも見ておきます。

紹介リンク（?illumenza-ref=... が付いたURL）を開くと、こう出ます。

紹介リンクを開いた直後。画面の中央に出ます。

右下の小さな吹き出しではなく、画面の中央です。通知パネルという名前から隅に出るものを想像しますが、実際は目の前に出ます。強い分、文面が雑だと邪魔にしかなりません。

実際に注文を完了すると、購入完了ページの上にこう重なります。

注文完了直後。背景が暗くなり、通知だけが見える状態になります。

このとき出ているのはお友達紹介のご案内です。同じタイミングでポイント獲得や特典交換の条件も満たしていましたが、並び順がいちばん上のものだけが表示されるためです。

紹介の通知には紹介リンクとコピーボタン、SNSの共有先まで入ります。ここから直接シェアできる形です。

背景が暗くなることにも注目してください。購入完了の内容が読めなくなります。受注番号を確認したいお客様には邪魔になりうるので、何を最優先にするかはこの見え方を踏まえて決めてください。

上の4つは、どれも購入完了ページで出ます。買い物を終えた会員は、たいてい複数の条件を同時に満たします。

ポイントは獲得しました。交換できる特典もあります。レビューも書いてほしい。紹介もしてほしい。全部出すわけにはいきません。

同じタイミングで複数の条件を満たした場合、いちばん上に並んでいる通知だけが表示されます。 並び順がそのまま優先順位です。ドラッグで変更できます。

これは「いま何を増やしたいか」で決まります。ただし、順番には向き不向きがあります。

ポイント獲得のお知らせを上に置くのは、導入直後に向いています。制度があること自体を知ってもらう段階では、獲得の事実を伝えるのがいちばん素直です。

特典交換のご案内を上に置くのは、貯まっているのに使われていないときです。会員一覧で累計と現在の残高がほぼ同じ会員が多いなら、この状態です。

商品レビュー依頼を上に置くのは、レビューを集めたい時期です。ただし購入直後は、まだ商品が届いていません。レビュー依頼の表示タイミングは、商品レビューミッション側の設定と連動しています。そちらを先に確認してください。

お友達紹介のご案内は、いちばん下でよいことが多いはずです。買ったばかりの人に紹介を頼むのは、順番として早すぎます。

左下・中央下・右下から選べますが、これは5種類すべてに共通で適用されます。通知ごとに変えることはできません。

パネルを開くボタンと同じ場所にすると重なります。ボタンを右下にしているなら、通知は左下か中央下にしてください。

5種類すべてを有効にする必要はありません。むしろ、条件が重なったときに1つしか出ない以上、下のほうの通知はほとんど表示されません。

上位2つか3つに絞って、残りは無効にするほうが管理が楽です。優先順位を考えるということは、出さないものを決めるということでもあります。

通知は5種類で、4つは購入完了ページに集中します。条件が重なったときは上にあるものだけが出るので、並び順が優先順位です。

導入直後はポイント獲得、貯まって使われていないなら特典交換を上に。紹介は下で構いません。表示位置はボタンと重ならない側を選んでください。