情報ブロックで会員メッセージを表示する – SHOPLINE ヘルプセンター

メンバーシステムアプリの情報ブロック機能を使うと、ストア内のさまざまなページに会員関連のメッセージを表示できます。この機能を活用することで、以下のような目的に応じた案内を行うことが可能です。

会員登録のメリットを訴求する
既存会員向けの特典やキャンペーンを紹介する
顧客にログインや新規登録、購入を促す

商品詳細ページ、カートページ、ログイン／登録ページなど、ページごとに異なる情報ブロックを設定できます。さらに、対象ユーザーに応じてメッセージを出し分けることも可能です。

未ログインユーザー
未登録の非会員
既存会員

適切なタイミングで適切な情報を届けることで、会員登録率や購入率を高め、ストア全体での顧客エンゲージメント向上につながります。

注：この機能は、メンバーシステムのグロースまたはプロプランに登録しているストアのみで利用可能です。

ポイント情報ブロックの設定

「ポイント情報ブロック」を使うと、ストア上で顧客が獲得・利用できるポイントの見込みを表示できます。これにより、顧客が会員登録するきっかけを作り、ロイヤルティ向上を促進できます。

注：ポイント情報ブロックを設定する前に、必ず「メンバーシップ」モジュールでポイントルール（ポイントスキーム）を設定してください。詳しい手順は「ポイントスキームの設定方法」に関するヘルプ記事をご参照ください。

設定手順

メンバーシステムアプリで、「スタイルデザイン」に移動します。
「メンバーの埋め込み」セクションで、「ポイント情報を埋め込む」をクリックします。
左側の設定メニューで、ポイント情報ブロックを表示したいページを選択します。表示可能なページは、商品詳細ページ、カートページ、ログインページ、登録ページ です。

右側のプレビューエリアで、各ページの設定をリアルタイムに確認できます。
各ページに対して、以下のカスタマイズを行うことができます：
- 表示メッセージのカスタマイズ：ユーザーの状態ごとに異なるメッセージを設定できます：未ログインユーザー、ログイン済みの非会員、ログイン済みの会員。
- 動的変数（後述）を使うことで、訪問ページ・ポイント残高・設定済みルールに応じた情報を自動で表示できます。
- ログイン誘導の設定：商品詳細ページ・カートページでは、「ログインリダイレクトURLを表示」にチェックを入れると、ログインページへのリンクを埋め込めます。リンクテキストは自由にカスタマイズ可能です。顧客がこのリンクをクリックすると、ログイン／登録ページに直接移動できます。
- 表示位置とアイコンの設定：商品詳細ページでは、アイコンを「現金アイコン」または「ショッピングバッグアイコン」から選択できます。また、情報ブロックの表示位置を、「カートに追加」ボタンの上、「カートに追加」ボタンの下、商品価格の下から選択できます。
背景色と文字色を自由に指定して、ストアのトーンに合わせたデザインに調整します。
設定が完了したら、［更新］をクリックして保存します。

使用できる動的変数：

ページ	動的変数	ポイントルール	説明
商品詳細ページ	{獲得予定ポイント}	購入完了時	商品の元価格を基準に算出される獲得予定ポイント。値が0の場合は非表示になります。
	{利用可能金額}	キャッシュバック	顧客のポイント残高を基に算出される、使用可能な割引金額。値が0の場合は非表示になります。
	{キャッシュバックルール}	キャッシュバック	設定済みのキャッシュバックルールを表示します。
カートページ	{獲得予定ポイント}	購入完了時	注文金額を基に算出される獲得予定ポイント。値が0の場合は非表示になります。
カートページ	{キャッシュバックルール}	キャッシュバック	設定済みのキャッシュバックルールを表示します。
ログインページ	{獲得予定ポイント}	ログイン完了時	ログイン後に獲得できるポイント数を表示します。
登録ページ	{獲得予定ポイント}	会員登録完了時	新規登録時に獲得できるポイント数を表示します。

注：各変数に対応するポイントルールが設定されていない場合、その情報ブロックは表示されません。

メンバー特典情報ブロックの設定

「特典情報ブロック」を使うと、ストア上で会員特典やメリットを視覚的に表示できます。これにより、メンバープログラムへの参加を促し、既存顧客のエンゲージメントを高めることができます。

注：ストア上でメンバー特典を表示する前に、必ず「メンバーシップ」モジュールを有効化してください。メンバープログラムの設定方法については、関連するヘルプセンター記事をご参照ください。

設定手順

メンバーシステムアプリで、「スタイルデザイン」に移動します。
「メンバーの埋め込み」セクションで、「メンバー特典情報を埋め込む」をクリックします。
左側の設定メニューで、特典情報ブロックを表示したいページを選択します。表示可能なページは、商品詳細ページ、カートページ、購入完了ページ、ログインページ、会員オンボーディングページです。

右側のプレビューエリアで、各ページごとの表示をリアルタイムに確認できます。
各ページについて、以下のカスタマイズを行うことができます：
- 表示メッセージのカスタマイズ：ユーザーの状態ごとに異なるメッセージを設定できます：未ログインユーザー、ログイン済みの非会員、ログイン済みの会員。
- 動的変数を使用して、顧客の会員ランクや設定済み特典内容に基づいた情報を自動表示できます。
- リンク設定：未ログインの顧客が情報ブロックをクリックすると、自動的にログイン／新規登録ページへ遷移します。このリンクURLやテキストはカスタマイズ不要です。
- アイコン設定：各ユーザータイプ（未ログイン／非会員／会員）ごとに表示するアイコンを設定できます。「メンバーシップ」モジュールで設定済みのランクアイコンを継承するか、新しいアイコンをアップロードするかを選択できます。
スタイル設定セクションで、背景色と文字色をカスタマイズできます。
設定が完了したら、［更新］をクリックして保存します。

注：各会員ランクに少なくとも1つ以上の特典が設定されていない場合、特典情報ブロックは表示されません。

メンバー情報ブロックの設定

「メンバー情報ブロック」を有効化すると、ショッピングカートページに情報ブロックが表示され、顧客を有料会員プランの購入ページへ誘導できます。これにより、高付加価値の会員を効果的に獲得することができます。

設定手順

メンバーシステムアプリで、「スタイルデザイン」に移動します。
「メンバーの埋め込み」セクションで、「有料メンバー情報の埋め込み」をクリックします。
左側の設定メニューで、「カートページ」を選択します。
対象とする「指定のメンバーランク」を選択し、以下の項目をカスタマイズします。
- タイトル：有料会員プログラムへの参加を促す魅力的なタイトルを入力します。
- メンバー特典の説明：「このランクの会員特典を表示」または「カスタム」を選択し、独自の説明を作成します。
- 購入ボタンのテキスト：情報ブロック内の購入ボタンに表示するテキストを設定します。
- カートに追加ボタンのテキスト：カートに追加ボタンのテキストを自由にカスタマイズできます。
スタイル設定セクションで、背景色と文字色を選択します。
設定内容を確認したら、［更新］をクリックして保存します。

メンバー価格表示のカスタマイズ

「メンバー価格表示情報ブロック」を使用すると、ストア上で通常価格とメンバー価格を並べて表示できます。これにより、顧客に会員登録のメリットを直感的に伝え、メンバープログラムへの参加を促進できます。

注：ストアでメンバー価格を表示する前に、必ず「メンバー価格」モジュールを有効化してください。メンバー価格の設定方法については、関連するヘルプセンター記事をご参照ください。

設定手順

メンバーシステムアプリで、「スタイルデザイン」に移動します。
「メンバーの埋め込み」セクションで、「メンバー価格の表示」をクリックします。
「メンバー価格の表示」トグルをオンに切り替えて機能を有効化します。

左側の設定パネルで、会員価格を表示したいページを選択します。表示対象ページは、商品一覧ページ、商品詳細ページ、カートページです。
右側のプレビューパネルで、各ページにおける表示をリアルタイムで確認できます。
表示テンプレートを選択し、必要に応じて各オプションをカスタマイズします。

注：右側テンプレートはデザインが固定されており、カスタマイズはできません。
設定内容を確認したら、［更新］をクリックして保存します。