thumbnail

定期購買アプリの会員ランクをトップページなどに表示する方法

定期購買アプリで設定した会員ランク(ゴールド会員、シルバー会員など)を、マイページ以外のストアページ(トップページなど)にも表示できるようになります。

下記のようなニーズがあります。

  • 会員ランクに応じた特別なメッセージや特典の表示

  • ランクに基づいたカスタマイズされたショッピング体験の提供

  • 会員ステータスの可視化によるロイヤリティの向上

定期購買アプリの機能では、アプリ上で設定した会員ランクを定期購買マイページ上でのみ確認できます。

会員ランク機能で付与する顧客タグを使用し、テーマファイルの任意の箇所にLiquidコードを記載することで、任意のページに会員ランクを表示することが可能です。

定期購買アプリで設定した会員ランクに応じて、以下のような顧客タグが自動的に付与されます

Plaintext
subscription-rank:ゴールド会員
subscription-rank:シルバー会員

会員ランクを表示させたい箇所に、以下のようなコードを追加します:

Plaintext
{% if customer %}
  {% assign customer_tags = customer.tags %}

  {% if customer_tags contains 'subscription-rank:ゴールド会員' %}
   <p>あなたはゴールド会員!</p>
  {% elsif customer_tags contains 'subscription-rank:シルバー会員' %}
   <p>あなたはシルバー会員!</p>
  {% endif %}
{% else %}
  <p>ログインしてランクを確認してください。</p>
{% endif %}

カスタマイズのポイント

  • 表示するメッセージは自由にカスタマイズ可能です

  • 条件分岐を追加して、より多くのランクに対応することも可能です

  • <img>タグを使用すれば、「会員ランクに応じてバナーを出し分ける」ことも可能です

こちらの記事も併せてご確認ください

https://ec.huckleberry-inc.com/archives/8090