Stack ヘルプガイド

thumbnail

マイページに、次のランクまでいくらか・後何ポイントか表示する

【難易度:★★☆】マイページに、次のランクまでいくらか・後何ポイントか表示する方法をご案内いたします。

顧客の購買をあと一歩後押ししたいマーチャント様におすすめです。

顧客自身が「あと少しでランクアップできる」と具体的に把握できるため、追加購入や購入頻度の向上につながりやすくなります。

マイページに、次のランクまでいくらか・後何ポイントか表示するには

「VIP - 会員プログラム」を契約している場合のみ設定可能です。

本ガイドは、あくまで設定例のご案内です。

実際の設定作業は、開発パートナーや社内エンジニアに依頼して対応してください。また、Shopify Flowの運用に際しては、本番環境での利用前に必ずテストを行い、動作に問題がないことを確認したうえでご利用ください。

まずは、会員ランクの条件設定が必要です。

VIPを導入し会員ランクをすでに導入している場合は追加で設定する必要はありませんが、まだ設定されていない方はまずは会員ランクの条件設定を進めてください。(→設定ガイドはこちら)

VIPでは、次のランクまで必要な購入金額に関するメタフィールドはご用意ございません。

VIPでは、現在の「会員ランクの算出根拠となる購入金額というメタフィールドをご用意しています。そのため、次のランクの設定金額から「会員ランクの算出根拠となる購入金額」を引くことで算出可能です。

こちらの値をカスタムメタフィールドを作成して格納してください。(→設定ガイドはこちら)

テーマ(Liquid)にて、メタフィールドの値を取得しマイページに表示します。以下のサンプルコードを参考にページに表示してください。

以下のサンプルコードは、今までの購入金額が一定金額を超えたらランクアップする場合で、以下の条件で設定しています。

  • ノーマルランク:最低ランク

  • シルバーランク:達成条件3万円以上購入

  • ゴールドランク:達成条件5万

サンプルコード

Plaintext
{% assign rank = customer.metafields.vip.rank_name %}
{% assign total = customer.metafields.vip.rank_decision_purchase_price | plus: 0 %}
{% if rank == "ノーマル" %}
  {% assign target = 30000 %}
  シルバーまであと {{ target | minus: total }} 円
{% elsif rank == "シルバー" %}
  {% assign target = 50000 %}
  ゴールドまであと {{ target | minus: total }} 円
{% elsif rank == "ゴールド" %}
  最高ランクです!
{% endif %}

自社の会員ランクに合わせてコードを適宜編集してください。

なお、実際にご入力いただくコードについては、Stackでは責任を負いかねるため、必ず開発パートナーへご確認のうえご対応ください。