STEP9:カート画面にポイント利用パネルを表示する

ShopifyのECストアにお客様がポイントを利用する画面や、保有ポイント、会員のランクを表示する方法をご案内します。

１カート編集画面を表示する

Shopifyの管理画面から　オンラインストア　＞　テーマ　＞　カスタマイズ　をクリックして以下の画面を表示してください。

※MR.POINTはお客様がログイン状態の時に、ご利用いただけるポイントアプリです。ポイント関連の表示を確認するためには、以下の画面でログイン状態の上で編集を行ってください。

表示されたら画面から以下の画面の赤枠１の部分をクリックして赤枠２のカート画面を選択してください。

 

２MR.POINTのセクションを追加する

カート画面の編集から以下画像の赤枠１をクリックして、赤枠２のMR.POINTアプリの表示をオンにします。黒く反転したら表示がオンになった状態です。

MR.POINTの表示をオンにしたら、以下の画像の赤枠１部分をクリックしてセクション追加画面を開きます。次に赤枠２をクリックしてMR.POINTの項目を表示させたい箇所に、セクションを追加します。

セクションを追加したらブロック追加画面からアプリのタブを選択して、MR.POINTの表示したいブロックを追加してください。カート画面に追加可能なブロックは以下のようなブロックがございます。

●ポイントフォーム
使用したいポイントを入力するフォームが設置できます。

●会員ランク
お客様が現在の会員ランクを確認することができるブロックを追加することができます。

●保有ポイント
現在お客様が保有しているポイントを表示することができるブロックを追加することができます。

３ポイント利用フォームの文言や色を変更する

各ブロックをクリックすると表示される文言や、ボタン、文字色などを設定することができます。

リセットボタンを表示するをクリックすると、お客様がポイントフォームで入力したポイント数を入力したものをクリアする機能を追加することができます。

以上の内容を保存することで、ポイントフォームなどをカートページに表示することが可能です。