メンバーパーツ

4. EC + SC (EN).png

12. ブランド會員購物 App.png

メンバー要素を使用すると、メンバーの情報やメンバー特典、ショッピングクレジット、メンバーポイント、クーポンを表示できます。現在、表示位置の調整、各メンバーのカードの色の変更、メンバー特典の追加または削除のみをサポートしています。

 

この記事では、以下の内容について説明します:

1. メンバー要素のメンバーシップティアコンテンツの編集

ステップ 1

SHOPLINE 管理画面に移動 > [Shopper App 管理] > [アプリデザイン] > [トップページデザイン] > [現在のテンプレート]セットアップをクリックしてアプリページエディタに入ります。

Screenshot 2025-09-02 at 1.37.54 PM.png

ステップ 2

編集のために左側のメンバー要素ボタンをクリックします。左側のコンポーネントライブラリからメンバー要素が削除された場合は、 要素を追加をクリックして新しいものを追加します。

カード編集プロセス中にプレビューエリアで表示効果を確認できます。

*注意:

  • 管理画面でストアクレジットのトグルがオンになっている場合、このセクションに「マイストアクレジット」アイコンが表示されますが、オフの場合は表示されません。設定を調整するには、SHOPLINE 管理画面に移動 > [顧客管理] > [ストアクレジット]
  • 管理画面でメンバーポイントトグルがオンになっている場合、このセクションに「マイポイント」が表示されますが、オフの場合は表示されません。設定を調整するには、SHOPLINE 管理画面に移動 > [顧客管理] > [メンバーポイント]
     
  • 「クーポン」アイコンは固定表示です。表示されるクーポンの数は、メンバーのアカウントにあるクーポンの数です。

  • 管理画面で「ストアフロントでクーポンセンターを表示」と「メンバーセンターのクーポン」トグルがオンになっている場合、このセクションに「クーポン」アイコンが表示されますが、オフの場合は表示されません。設定を調整するには、SHOPLINE 管理画面に移動 > [プロモーション & リワード] > [プロモーション]] > [プロモーション設定]

Screenshot 2025-03-24 at 12.30.01 PM.png

 

ステップ 3

すべてのストアはデフォルトで「一般メンバー」カードを表示します。一般メンバー以外のメンバーシップティアは、SHOPLINE管理者 > [顧客管理] > [メンバーシップティア]で設定されたティアから取得されます。

アプリに表示したくないメンバーシップティアがある場合は、Screen_Shot_2022-10-26_at_11.20.21_AM.png アイコンをクリックしてカードを非表示にできます。非表示にすると、メンバーシップレベルの特典の説明は表示されません。

*Note:

  • メンバーシップティアを設定していない場合、メンバーカードのみが表示されます。
  • 「メンバー」ティアカードは非表示にできません。メンバー関連のコンテンツを表示したくない場合は、bin.png アイコンをクリックしてメンバー要素を削除してください。

Screenshot 2024-03-11 at 12.02.24.png

 

ステップ 4

「メンバー バーコード」の隣のトグルをオンにして、バーコードの表示を有効または無効にします。

Screenshot 2025-03-24 at 12.31.57 PM 1.png

 

オフにすると、バーコードは表示されません。

Screenshot 2025-03-24 at 12.33.17 PM.png

 

ステップ 5

横の小さな矢印をクリックして、色設定を編集します。カードの「色」または「カスタム背景画像」を選択できます。

  • 色:背景色またはフォント色の色ボックスをクリックし、希望の色を選択するか、色コードを入力します。色を決定したら、色ボックスの外の任意の領域をクリックして設定を完了します。
    Screen_Shot_2022-11-08_at_11.24.08_AM.png
     
  • カスタム背景画像: + 画像を追加をクリックして画像をアップロードします。画像の推奨サイズは351*176です。画像をアップロードした後、フォント色を変更し、カードのテキストをニーズに合わせてアップグレードします。

    Screen_Shot_2022-11-08_at_11.24.53_AM.png

*Note: カードの色を設定しない場合、システムはデフォルトの色を表示します。

 

ステップ 6

アップグレード条件はデフォルトで表示されます。トグルをオフにすると、確認ポップアップウィンドウが表示されます。トグルをオフにするには確認をクリックします。

Screenshot 2025-03-24 at 12.35.26 PM.png

 

2. メンバー要素の特典内容を編集する

メンバーシップティアカードの内容を設定した後、「メンバー特典」の設定に進むことができます。編集プロセス中に、結果をリアルタイムでプレビューできます。

 

ステップ 1

8つのデフォルトのメンバー特典タイプはデフォルトでオープンに設定されています。

*Note: メンバー特典のために4つのアイコンが表示され、最初の3つのアイコンは管理者で設定された最初の3つの特典に基づいており、最後の特典は追加の特典へのエントリとして設定されています。1つまたは特典が表示されない場合、「さらに特典」アイコンは表示されません。

Screenshot 2025-03-24 at 12.43.37 PM.png

 

特典名が「(未設定)」と表示される場合、これはこの機能が有効になっておらず、アプリに表示されないことを示します。実際のアプリ表示はプレビューエリアと一致します。有効にするには、管理者の対応する機能に移動します。有効にすると、メンバーシップ要素に即座に反映されます。

  • ダウンロードギフト:SHOPLINE管理者 > [Shopper App管理] > [アプリダウンロードギフトキャンペーン]に進んで、ダウンロードギフトプロモーションを設定します。
     
  • バースデークレジット:SHOPLINE管理者 > [顧客管理] > [ストアクレジット]に進み、バースデークレジットトグルをクリックして機能を有効にします。あるいは、SHOPLINE管理者 > [顧客管理] > [メンバーシップティア]に進んでバースデークレジットをオンにします。
     
  • メンバーオファー:SHOPLINE管理者 > [顧客管理] > [メンバーシップティア]に進み、メンバーシップティアを追加する際に一般設定でメンバー特典を設定します。
     
  • 注文リワードクレジット:SHOPLINE管理者 > [顧客管理] > [ストアクレジット]に進んで、注文リワードクレジットトグルをオンにします。あるいは、SHOPLINE管理者 > [顧客管理] > [メンバーシップティア]に進んで注文リワードクレジットをオンにします。
     
  • メンバー紹介:SHOPLINE管理者 > [Shopper App管理] > [アプリメンバー紹介キャンペーン]に進んで、紹介リワードを設定します。
     
  • 紹介コード:SHOPLINE管理者 > [Shopper App管理] > [アプリメンバー紹介キャンペーン]に進んで、紹介キャンペーンを設定し、紹介タイプは「新しいメンバー登録を紹介する」にする必要があります。
     
  • ポイント交換:SHOPLINE管理者 > [プロモーション & リワード] > [ポイントキャンペーン]に進んでポイントキャンペーンを追加します。
  • ポイント獲得:「feature_key=credit_campaign」を有効にしている場合、この特典は表示されません。

 

ステップ 2

特典を削除したり、特典の順序を調整する必要がある場合は、右側のbin.png アイコンをクリックして削除し、特典名の左側にあるScreen_Shot_2022-10-26_at_2.03.57_PM.pngアイコンをクリックしてドラッグして順序を調整します。

Screen_Shot_2023-01-11_at_4.34.50_PM.png

 

ステップ 3

メンバー特典を追加:メンバー特典を追加をクリックすると、メンバー特典オプションのリストが表示されるポップアップが表示されます。アクティブなメンバー特典をクリックしてアプリに追加します。メンバー特典が設定されていない場合や、すでに追加されている場合は、設定できません。

Screen_Shot_2023-01-11_at_4.38.38_PM.png

 

ステップ 4

設定を確認したら、保存をクリックしてパーツの変更を保存します。アプリのトップページを編集した後、更新をクリックしてアプリの更新を公開できます。

 

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント