MR.POINT導入ステップ
STEP10:商品ページの画面に獲得予定ポイントなどを表示する
ShopifyのECストアにお客様がポイントを利用する画面や、保有ポイント、会員のランクを表示する方法をご案内します。 カート編集画面を表示する Shopifyの管理画面から オンラインストア ＞ テーマ ＞ カスタマイズ をクリックして以下の画面を表示してください。 ※MR.POINTは会員登録を行なったお客様がログイン状態の時にご利用いただけるポイントアプリです。表示確認をするためには以下の画面でログイン状態の上で編集を行ってください。 表示された画面から、以下の画面の赤枠１の部分をクリックして赤枠２の商品ページを選択してください。 次に以下画像の赤枠３をクリックしていただき、赤枠４のスイッチを黒にしていただくことで、埋め込みアプリとしてMR.POINTを利用することができるようになりますのでチェックを入れてください。 次に赤枠５をクリックしていただき、赤枠６の任意の好きな位置にブロックを追加いただき、アプリタブをクリックして（赤枠７）獲得予定ポイントを表示したい位置にブロックを追加してください。 最後に文字の表示や色なども追加したブロックをクリックいただくと変更画面が出ますので、サイトの雰囲気に合わせて編集を行ってください。
STEP10:商品ページの画面に獲得予定ポイントなどを表示する
ShopifyのECストアにお客様がポイントを利用する画面や、保有ポイント、会員のランクを表示する方法をご案内します。 カート編集画面を表示する Shopifyの管理画面から オンラインストア ＞ テーマ ＞ カスタマイズ をクリックして以下の画面を表示してください。 ※MR.POINTは会員登録を行なったお客様がログイン状態の時にご利用いただけるポイントアプリです。表示確認をするためには以下の画面でログイン状態の上で編集を行ってください。 表示された画面から、以下の画面の赤枠１の部分をクリックして赤枠２の商品ページを選択してください。 次に以下画像の赤枠３をクリックしていただき、赤枠４のスイッチを黒にしていただくことで、埋め込みアプリとしてMR.POINTを利用することができるようになりますのでチェックを入れてください。 次に赤枠５をクリックしていただき、赤枠６の任意の好きな位置にブロックを追加いただき、アプリタブをクリックして（赤枠７）獲得予定ポイントを表示したい位置にブロックを追加してください。 最後に文字の表示や色なども追加したブロックをクリックいただくと変更画面が出ますので、サイトの雰囲気に合わせて編集を行ってください。
STEP9:カート画面にポイント利用パネルを表示する
ShopifyのECストアにお客様がポイントを利用する画面や、保有ポイント、会員のランクを表示する方法をご案内します。 １カート編集画面を表示する Shopifyの管理画面から オンラインストア ＞ テーマ ＞ カスタマイズ をクリックして以下の画面を表示してください。 ※MR.POINTは会員登録を行なったお客様がログイン状態の時にご利用いただけるポイントアプリです。表示確認をするためには以下の画面でログイン状態の上で編集を行ってください。 表示されたら画面から以下の画面の赤枠１の部分をクリックして赤枠２のカート画面を選択してください。 ２MR.POINTのセクションを追加する カート画面の編集から以下画像の赤枠１をクリックして赤枠２のMR.POINTアプリの表示をオンにします。黒く反転したら表示がオンになった状態です。 MR.POINTの表示をオンにしたら以下の画像の赤枠１部分をクリックしてセクション追加画面を開きます。次に赤枠２をクリックしてMR.POINTの項目を表示させたい箇所にセクションを追加します。 セクションを追加したらブロック追加画面からアプリのタブを選択して、MR.POINTの表示したいブロックを追加してください。カート画面に追加可能なブロックは以下のようなブロックがございます。 （１）ポイントフォーム 使用したいポイントを入力するフォームが設置できます。 （２）会員ランク お客様が現在の会員ランクを確認することができるブロックを追加することができます。 （３）保有ポイント 現在お客様が保有しているポイントを表示することができるブロックを追加することができます。 ３ポイント利用フォームの文言や色を変更する 各ブロックをクリックすると表示される文言やボタンや文字色などを設定することができます。 リセットボタンを表示するをクリックするとお客様がポイントフォームで入力したポイント数を入力したものをクリアする機能を追加することができます。 以上の内容を保存することで、ポイントフォームなどをカートページに表示することが可能です。
STEP9:カート画面にポイント利用パネルを表示する
ShopifyのECストアにお客様がポイントを利用する画面や、保有ポイント、会員のランクを表示する方法をご案内します。 １カート編集画面を表示する Shopifyの管理画面から オンラインストア ＞ テーマ ＞ カスタマイズ をクリックして以下の画面を表示してください。 ※MR.POINTは会員登録を行なったお客様がログイン状態の時にご利用いただけるポイントアプリです。表示確認をするためには以下の画面でログイン状態の上で編集を行ってください。 表示されたら画面から以下の画面の赤枠１の部分をクリックして赤枠２のカート画面を選択してください。 ２MR.POINTのセクションを追加する カート画面の編集から以下画像の赤枠１をクリックして赤枠２のMR.POINTアプリの表示をオンにします。黒く反転したら表示がオンになった状態です。 MR.POINTの表示をオンにしたら以下の画像の赤枠１部分をクリックしてセクション追加画面を開きます。次に赤枠２をクリックしてMR.POINTの項目を表示させたい箇所にセクションを追加します。 セクションを追加したらブロック追加画面からアプリのタブを選択して、MR.POINTの表示したいブロックを追加してください。カート画面に追加可能なブロックは以下のようなブロックがございます。 （１）ポイントフォーム 使用したいポイントを入力するフォームが設置できます。 （２）会員ランク お客様が現在の会員ランクを確認することができるブロックを追加することができます。 （３）保有ポイント 現在お客様が保有しているポイントを表示することができるブロックを追加することができます。 ３ポイント利用フォームの文言や色を変更する 各ブロックをクリックすると表示される文言やボタンや文字色などを設定することができます。 リセットボタンを表示するをクリックするとお客様がポイントフォームで入力したポイント数を入力したものをクリアする機能を追加することができます。 以上の内容を保存することで、ポイントフォームなどをカートページに表示することが可能です。
STEP8:ポイント利用パネルを表示する
設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 こちらの設定が完了するとお客様はポイントの残高や使用パネルなどが表示されポイントの利用開始ができます。 1.ポイントパネルを表示する ポイント設定の導入方法の箇所に設置してある、「カスタマイズ設定へ」という緑色のボタンをクリックしていただき、テーマのカスタマイズにお進みください。 2.テーマカスタマイズのアプリ設定を行う テーマのカスタマイズ画面に画面遷移をしたら青枠１のボタンをクリックしてボタンが黒くなったのを確認し２のマイページから会員ログインを行ってください。 ログインした状態で、以下の画像の青枠２のようにポイントパネルが表示されていればインストールができた状態になります。 下記の図の青枠１のところをクリックするとポイントパネルの文字や色などを変更することが可能です。サイトの見た目に合わせてポイントパネルの表示調整を行なってください。 ポイントの表示調整が完了したら右上の保存するをクリックすることで全ての設定が完了となります。 ＜ご注意ください＞ １テーマカスタマイズでの表示の確認 MR.POINTは会員登録をされているお客様に対してポイントを付与するアプリです。テーマのプレビュー画面で表示確認を行うには、テーマ内でログインを行っていただき表示確認を行ってください。 ２ERROR表示 初回の設定の際にテーマカスタマイズ画面でERROR表示がでますが、動作に問題はございません。表示を無視していただきポイントパネルの設定を行ってください。 以上で全てのMR.POINTの設定が完了しました。
STEP8:ポイント利用パネルを表示する
設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 こちらの設定が完了するとお客様はポイントの残高や使用パネルなどが表示されポイントの利用開始ができます。 1.ポイントパネルを表示する ポイント設定の導入方法の箇所に設置してある、「カスタマイズ設定へ」という緑色のボタンをクリックしていただき、テーマのカスタマイズにお進みください。 2.テーマカスタマイズのアプリ設定を行う テーマのカスタマイズ画面に画面遷移をしたら青枠１のボタンをクリックしてボタンが黒くなったのを確認し２のマイページから会員ログインを行ってください。 ログインした状態で、以下の画像の青枠２のようにポイントパネルが表示されていればインストールができた状態になります。 下記の図の青枠１のところをクリックするとポイントパネルの文字や色などを変更することが可能です。サイトの見た目に合わせてポイントパネルの表示調整を行なってください。 ポイントの表示調整が完了したら右上の保存するをクリックすることで全ての設定が完了となります。 ＜ご注意ください＞ １テーマカスタマイズでの表示の確認 MR.POINTは会員登録をされているお客様に対してポイントを付与するアプリです。テーマのプレビュー画面で表示確認を行うには、テーマ内でログインを行っていただき表示確認を行ってください。 ２ERROR表示 初回の設定の際にテーマカスタマイズ画面でERROR表示がでますが、動作に問題はございません。表示を無視していただきポイントパネルの設定を行ってください。 以上で全てのMR.POINTの設定が完了しました。
STEP7:キャンセル時のポイントキャンセルを自動化する
設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 ご注文がキャンセルになった場合に青字２にチェックを入れておくと、注文キャンセル処理が完了したら付与されていたポイントを自動的にポイントを戻す（付与されたものを取り消す）機能がONになります。 また該当注文でポイントを使用されてご購入されていた場合は、使用済みポイントもキャンセル時に自動的にお客様に戻ります。 ポイントの自動キャンセル機能についてはENTERPRISEプランからのご利用となりますので、予めご了承くださいませ。 プランの詳細は こちら をご確認ください。 以上で設定は完了です。
STEP7:キャンセル時のポイントキャンセルを自動化する
設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 ご注文がキャンセルになった場合に青字２にチェックを入れておくと、注文キャンセル処理が完了したら付与されていたポイントを自動的にポイントを戻す（付与されたものを取り消す）機能がONになります。 また該当注文でポイントを使用されてご購入されていた場合は、使用済みポイントもキャンセル時に自動的にお客様に戻ります。 ポイントの自動キャンセル機能についてはENTERPRISEプランからのご利用となりますので、予めご了承くださいませ。 プランの詳細は こちら をご確認ください。 以上で設定は完了です。
STEP6:ポイントを有効化する
ポイント設定が終わった後はポイントの利用開始の準備を行います。 設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 青字１の「ポイントを有効にする」をクリックしてポイントを有効にしてください。 設定をONにすると会員登録を行われたお客様に対してポイント計算が行われるようになりますが、（２）ポイントを有効設定 ３ーポイント利用パネルを表示するを完了するまで、お客様はポイントの利用などができませんのでご安心ください。 以上で設定は完了です。
STEP6:ポイントを有効化する
ポイント設定が終わった後はポイントの利用開始の準備を行います。 設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 青字１の「ポイントを有効にする」をクリックしてポイントを有効にしてください。 設定をONにすると会員登録を行われたお客様に対してポイント計算が行われるようになりますが、（２）ポイントを有効設定 ３ーポイント利用パネルを表示するを完了するまで、お客様はポイントの利用などができませんのでご安心ください。 以上で設定は完了です。
STEP5:商品別ポイント付与設定
設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 顧客やショップ単位以外で商品に対して個別にポイントの付与率を高くしたり、低く設定したりする場合はこちらの設定をご利用ください。 1.商品個別のポイント付与率を設定する 青字１で任意の文字列でキャンペーン名を入力し、青字２の箇所に個別に付与したいポイント付与率をご入力いただく保存をしてください。 2.個別付与の商品に対してタグづけを行う 設定箇所：Shopify管理画面 ＞ 商品管理 ＞ 商品個別編集画面 上図１の青字１で指定した任意の文字列をタグ情報として商品に対して個別に設定を行うことで、指定したポイント付与率が設定できます。 3.ポイント付与率のバリエーションを増やす 上図１の青字３のボタンをクリックすることで、商品個別のポイント付与率を最大10個まで増やすことが可能です。 以上で設定完了です。
STEP5:商品別ポイント付与設定
設定箇所：Shopify管理画面 ＞ アプリ ＞ MR.POINT管理画面 ＞ ポイント設定 顧客やショップ単位以外で商品に対して個別にポイントの付与率を高くしたり、低く設定したりする場合はこちらの設定をご利用ください。 1.商品個別のポイント付与率を設定する 青字１で任意の文字列でキャンペーン名を入力し、青字２の箇所に個別に付与したいポイント付与率をご入力いただく保存をしてください。 2.個別付与の商品に対してタグづけを行う 設定箇所：Shopify管理画面 ＞ 商品管理 ＞ 商品個別編集画面 上図１の青字１で指定した任意の文字列をタグ情報として商品に対して個別に設定を行うことで、指定したポイント付与率が設定できます。 3.ポイント付与率のバリエーションを増やす 上図１の青字３のボタンをクリックすることで、商品個別のポイント付与率を最大10個まで増やすことが可能です。 以上で設定完了です。