Stack ヘルプガイド

ポイント表示に関する設定

お客様がポイントを活用できるように、

  • お客様が保有しているポイントを表示する

  • 商品購入時の獲得予定ポイントを表示する

  • ポイント履歴を表示する

ことが可能です。

本ガイドでは、表示イメージと設定方法をご案内します。

以下のコードをポイントを表示したい箇所に差し込んでください。

Plaintext
{% assign points = customer.metafields.vip.points_approved | plus: 0 %}
<p>{{ points }} ポイント</p>

「customer.metafields.vip.points_approved」の「points_approved」を表示したいメタフィールドのKeyに変更することで表示するポイントの種類を変更できます。

「vip.points_approved」の値をメタフィールドに保存されている情報https://docs.channel.io/stack-shopify/ja/articles/metafield-39516d51

に差し替えることで、保有ポイントや付与予定ポイントを表示することが可能です。

こちらのガイドでご案内している内容と同じです。


以下の理由で、商品ページにその商品を購入することで獲得できるポイント数を表示するためのブロックをVIPでは提供していません。

  • ポイント付与ルールが柔軟に設定できるため、例えば5000円で1ポイントの算出方法を設定している場合、4000円の商品を購入しても獲得ポイントは0ポイントになってしまう。しかし、この商品を2つ買うと1ポイント獲得することができる。

  • ポイント付与ルールに最低購入金額を設定できるため、もし設定している場合にその金額より安い商品の獲得ポイントを計算することができない。

  • 商品によってはポイント付与の対象外に設定されている。

そのため、ブロックを利用する方法ではない代替案をご案内します。

商品ページにカスタムLiquidのブロックを追加することで商品価格を使って動的にポイント数の計算が可能です。

イメージ画像

Shopify管理画面>テーマ>カスタマイズ>ブロックを追加から、「カスタマイズされたLipuid」を選択します。

100円で1ポイントを付与する場合このようなコードをカスタムLiquidのブロックに入力することで上記イメージ画像のように表示されます。

Plaintext
{{ product.price | times: 100 | divided_by: 1000000 }}

100円ごとに2ポイントを付与する場合は以下のように入力してください。

Plaintext
{{ product.price | times: 200 | divided_by: 1000000 }}

会員ランクの倍率も考慮して表示したい場合

会員ランクごとに付与ポイントの倍率を変更している場合は以下の2つの方法のどちらかで対応することができます。

  • 会員ランクに対する倍率を表示する

このように各ランクごとの倍率を記載して、計算は顧客に委ねる方法です。楽天などで〇〇会員はポイント8倍、といった表記に近い方式です。

  • 会員ランクを使って算出ロジックを実装する

会員ランクごとの倍率を使って動的にポイントを計算したい場合は以下のコードを会員ランクの名前と倍率を変更してカスタムLiquidブロックに入力してください。

Plaintext
{% case customer.metafields.vip.rank_name %}
  {% when "ブロンズ" %}
     {{ product.price | times: 200 | divided_by: 1000000 | times: 1 }} ポイント 
  {% when "シルバー" %}
     {{ product.price | times: 200 | divided_by: 1000000 | times: 2 }} ポイント 
  {% when "ゴールド" %}
     {{ product.price | times: 200 | divided_by: 1000000 | times: 3 }} ポイント 
{% endcase %}

特定の商品のポイント倍率を変更した場合に、VIPが提供するカスタムブロックを利用して商品ポイント〇倍の表示が可能です。

オンラインストア>テーマ>カスタマイズから、「商品」を開きます。

セクションまたはブロックの追加から「商品ポイント倍率」を選択します。

こちらのガイドでご案内している内容と同じです。


顧客がこれまでに獲得/消費したポイントの履歴を表示します。

オンラインストア>テーマ>カスタマイズから、ポイント履歴を追加したいページ(マイページなど)を開きます。

セクションまたはブロックの追加から「ポイント履歴」を選択します。

SDKを利用して、テーマへポイント履歴を表示できます。

詳しくはこちらのガイドからご確認ください。

こちらのガイドでご案内している内容と同じです。