チェックアウト拡張機能

チェックアウト画面において、ポイントの利用や表示を実現します。
※Shopify Plusストア限定の機能です
ポイント利用はカートページを経由することが必須でしたが、今回のアップデートによってチェックアウト画面でも利用できるようになりました。
チェックアウトのカスタマイズからアプリブロックを追加するだけで実装が可能です。テーマによる干渉もありません。

 

チェックアウト拡張機能でできること

・保有ポイント数の表示
・ポイント入力
・獲得予定ポイントの表示
・ディスカウントの自動適用
カートページのアプリブロックと同様の機能が利用できます

 

チェックアウト拡張機能は、チェックアウトの「情報ページ」「配送ページ」「決済ページ」のそれぞれのエリアに配置可能です。
※注文サマリーの中に配置するとスマートフォンやタブレットの画面サイズでアクセスされた際、Shopifyの「注文内容の表示・クーポン入力」のエリアに入り、ボタンをタップしないとポイント機能が表示されません

どこポイ チェックアウト拡張 注文サマリー

CAUTION

ポイント機能が有効になっていないとサイトに表示されません!

テスト目的でどこポイを利用する場合

  • 確認が必要なタイミングで「ポイント機能を有効にする」を選択し、保存をしてください
  • 確認後は忘れず「ポイント機能を無効にする」を選択し、保存をしてください

      

    設定方法

    1.「設定」>「チェックアウト」からチェックアウトエディタに遷移します

    どこポイ チェックアウト 設定からエディターに遷移

     

    または

        オンラインストアのカスタマイズ > 「チェックアウト」から遷移も可能です
    

    ※意図しない挙動を防ぐため、必ず複製したチェックアウトで作業を行い、公開してください
    どこポイ チェックアウト カスタマイズから遷移

     

    2.「+アプリを追加」から「dokopoi-use-point」を選択し、追加します

    どこポイ チェックアウト アプリから追加

     

     

    3.「アプリによるチェックアウトのブロックを許可する」チェックボックスにチェックをいれます

    どこポイ チェックアウト ブロックを許可

     

    4. 設定が済んだら保存します。前の画面に戻り「公開」を選択することで、チェックアウト画面にポイント情報が反映します
    どこポイ チェックアウト機能 公開作業

     

    5. 商品を追加している状態/ ログイン後にカートに進むとポイント機能が表示されます

    *どこポイの機能がONになっていて、ログインされていない状態では表示されません
    どこポイ チェックアウト ポイントが表示

     

     

    6. ポイント入力後に「利用する」ボタンが押せるようになります

    どこポイ チェックアウト 入力後ボタン押す

     

    7. 「利用する」を押すと、次のような表示になります
    どこポイ チェックアウト拡張 利用後の表示