メインコンテンツへスキップ

検索して探す

※「STORES ブランドアプリ | よくある質問」内にある記事が検索できます。

【Shopify】Shopify app block の設定方法

Shopify の アプリブロック を活用し、マイページなどにランクやポイントなどの情報を表示させることが可能です。

これにより複雑なコードを記述することなく、簡単に会員情報を表示できるようになります。

 

表示させる際は、Shopify 管理画面から設定をお願いします。

設定できる項目 および 設定方法は、下記のとおりです。

 

 

<参考サイト>

 

はじめに

アプリブロック を利用する際、STORES ブランドアプリ と Shopify を連携していることが前提です。

未連携の場合は、事前に連携をお願いします。

 

<関連FAQ>

 

アプリブロックで設定できる項目

アプリブロック を利用して表示できる項目は、下記のとおりです。

 

  1. 会員バーコード
  2. 会員ランク
  3. 保有ポイント数
  4. ポイント履歴

 

▼ 会員バーコード

ユーザーの会員バーコードを表示させることが可能です。

スクリーンショット 2024-10-03 19.06.07.png

会員ランク

ユーザーの現在のランクを表示させることが可能です。

また、下記詳細もカスタマイズ可能です。

・ランク表示のテキスト配置(左揃え または 中横揃え)
・タイトル・サブ情報の表示可否
・ランク名称の変更

スクリーンショット 2024-10-03 19.05.19.png

カスタムタイトルを「グレード」に名称変更した場合

スクリーンショット 2024-10-03 19.16.53.png

▼ 保有ポイント数

ユーザーが現在保持しているポイント数を表示させることが可能です。

また、下記詳細もカスタマイズ可能です。

・保有ポイント数表示のテキスト配置(左揃え または 中横揃え)
・タイトル・サブ情報の表示可否
・ポイント単位・テキスト名称の変更

スクリーンショット 2024-10-03 19.04.24.png

単位「star」ポイント「スター」に名称変更した場合

スクリーンショット 2024-10-03 19.20.17.png

▼ ポイント履歴

ユーザーが獲得・利用したポイントの日時や該当店舗名を表示させることが可能です。

また、下記詳細もカスタマイズ可能です。

・保有ポイント数表示のテキスト配置(左揃え または 中横揃え)
・タイトル・サブ情報の表示可否
・ポイント単位・テキスト名称の変更

IMG_7592.jpg

 

アプリブロックの設定方法

アプリブロック の設定方法は、下記のとおりです。

※ Shopify マイページ に追加する場合の設定方法です。

※ Shopify のメタフィールドを利用してポイントやランクなどを表示させることも可能です。

 

1. Shopify 管理画面にログインし、「販売チャネル」 > 「オンラインストア」 > 「テーマ」 > 「カスタマイズ」を選択します。

スクリーンショット 2024-10-03 19.28.13.png

2. 「ホームページ」 > 「従来のお客様アカウント」 > 「お客様アカウント」を選択します。

スクリーンショット 2024-10-03 19.39.24.png

3. 「テンプレート」 > 「アプリ」 > 「+ブロックを追加」 > 「アプリ」から表示したい項目を追加します。

[STORES]顧客バーコード...「会員バーコード」が表示されます。
[STORES]ランク情報...「会員ランク」が表示されます。
[STORES]ポイント...「保有ポイント数」が表示されます。
[STORES]ポイント履歴...「ポイント履歴」が表示されます。

スクリーンショット 2024-10-03 19.33.55.png

4. 表示したい項目の位置など、カスタマイズがすべて完了したら「保存する」を選択してください。

スクリーンショット 2024-10-03 19.40.50.png

この記事は役に立ちましたか?

問題が解決しない場合は 問い合わせフォーム よりご連絡ください