【新しいお客様アカウント】会員カードをマイページに設置
顧客が閲覧するマイページ上に、会員カードを表示できます。設定はテーマエディタでおこないます。
マイページ以外のページに表示する場合や、「以前のアカウント」のマイページに表示する場合は、以下のマニュアルより設定してください。
会員カード設置手順
- オンラインストアのページへ移動し、会員カードを表示させたいテーマの「テーマを編集する」をクリック
- チェックアウトとお客様アカウントに移動し、プロフィールをクリックする
- メインの「ブロックを追加」から、らんキィ-シンプル会員ランク＆会員証「会員カード」を追加する。
- 会員カードのアプリブロック内で見た目などを設定し、保存する。
※ カスタマイズ画面では、顧客IDと一次元バーコードは表示されません。表示を確認する場合は、プレビューでログインしてください。
会員カードの見た目の設定
表示先
会員カードを表示する対象を指定します。
- 全てのログイン中の顧客……顧客がアカウントにログインしている場合にのみカードが表示され、それ以外では非表示になります
- 特定の会員ランクの顧客……ログインしている顧客が特定の会員ランクの場合にのみカードが表示され、それ以外では非表示になります
- メンテナンスモード……顧客のログイン状態や付与されているランクに関わらずカードが表示されます。デザインの調整時などに使用されることを想定しています
会員ランク
「表示先」で「特定の会員ランクの顧客」を選択した場合のみ使用します。 「特定の会員ランクの顧客」について詳細はこちら→特定のランクの会員にだけ会員カードを表示する
カードのタイトル
カード内に表示するタイトルを指定できます。
イメージの表示
イメージアイコンを表示するかを設定します。イメージは、カスタム画像URLか、メタオブジェクトで設定します。
顧客ID
Shopifyで割り振られる顧客IDを表示できます。顧客管理での検索にも利用できます。
（例）
顧客ID：278365○○○
GID：gid://shopify/Customer/278365○○○
バーコード
必要に応じて実店舗でもShopifyの顧客を検索しやすいように、顧客IDが埋め込まれている一次元バーコード／二次元バーコードの表示選択ができます。不要な場合は非表示を選択して下さい。
表示されるバーコードはPOSアプリでの読み込みが可能ですが、以下の点にご注意ください。
- 一次元バーコード……POS端末のカメラでは読み取ることができないため、読み取り用のバーコードリーダーをご用意ください
- 二次元バーコード……POS端末のカメラでの読み取り後その値を顧客検索欄にペーストするか、読み取り用のバーコードリーダーをご用意ください 詳しくはこちら→【Shopify POSアプリ利用マーチャント様向け】一次元バーコード/ 二次元バーコードで顧客検索をスムーズに行うフロー
※Shopify POS限定でご使用が可能です
カスタム画像URL
カードに表示するイメージを取得するURLを入力してください。Shopifyのコンテンツ > ファイルにアップロードした画像のURLの指定が推奨です。
※メタオブジェクトで設定する場合は不要です。
オプション：メタオブジェクトから画像を取得
Trueにするとメタオブジェクトからランクに応じた画像を取得し、イメージ画像で表示します。
メタオブジェクトの設定手順
- Shopify 管理画面から 設定 → メタフィールドとメタオブジェクトに移動します
- 新しいメタオブジェクト定義を作成します。（例: タイプ名
rank_cards）
以下の2つのフィールドを追加します。
rank_title（単一行テキスト）— ランク名を入力するフィールド
rank_image（ファイル）— そのランクに対応する画像をアップロードするフィールド
注意: メタオブジェクトのフィールドキーは必ずrank_titleとrank_imageにしてください。顧客のランク名とrank_titleの値が一致するエントリーのrank_imageが表示されます。
- 各ランクに対応するエントリーを作成し、ランク名と画像を登録します。
- rank_title：らんキィで設定したランク名
- rank_image：各ランクで表示させたいイメージアイコン
- ハンドル：任意のアルファベット文字列
- 会員カードの設定に戻り、以下を設定します:
- 「メタオブジェクトから画像を取得」をTrueにする
- 「メタオブジェクトタイプ名」に手順2で作成したタイプ名を入力（例:
rank_cards）
