このシリーズでは、カート画面、お客様情報入力画面、配送方法選択画面、支払い方法選択画面、サンキューページのカスタマイズ方法を、目的別に解説します。各カスタマイズ項目の概要、ストアにとってのメリット、実現方法、難易度、Shopify Plusの必要性などを紹介するので、自店舗に適したカスタマイズ方法を見つけてください。
▼ カート情報・顧客情報入力 編
▼ デザイン・サンクスページ・データ取得 編
本記事では、配送方法選択画面、支払い方法選択画面、決済後の追加ページ（ポストパーチェス）のカスタマイズ方法について詳しく解説します。
目次
配送方法選択画面のカスタマイズ
15. 配送方法の追加
16. 条件にあわせた配送方法の非表示
17. 条件にあわせた配送方法のリネーム
18. 条件にあわせた配送方法の入れ替え
19. 商品ごとで配送方法をわける
支払い方法選択画面のカスタマイズ
20. 決済方法の追加
21. ペイメントアイコンの表示
22. 条件にあわせた決済方法の非表示
23. 条件にあわせた決済方法のリネーム
24. 条件にあわせた決済方法の入れ替え
25. 条件を満たさないと決済不可にする
26. チップの追加
ポストパーチェス
27. 決済後の商品の追加購入を提案
28. 決済後に画像やメッセージを表示するページを追加
配送方法選択画面のカスタマイズ
15. 配送方法の追加
- 概要：配送方法を追加する
- メリット：顧客体験向上。
- 主な実現方法：Shopify管理画面
- 実装難易度：★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
16. 条件にあわせた配送方法の非表示
- 概要：カートに追加されている商品や顧客情報を条件にして、配送方法を非表示にする。
- メリット：顧客体験向上。トラブル防止。
- 主な実現方法：Shopifyアプリ
- あとプラ by Rewire Inc.
- カクレルシッピング by appbrew-labs
- qikify Checkout Customizer by qikify
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
17. 条件にあわせた配送方法のリネーム
- 概要：カートに追加されている商品や顧客情報を条件にして、配送方法の名称を変更する。
- メリット：顧客体験向上。トラブル防止。
- 主な実現方法：Shopifyアプリ
- カクレルシッピング by appbrew-labs
- qikify Checkout Customizer by qikify
- Checkout Buddy by Kelay Apps
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
18. 条件にあわせた配送方法の入れ替え
- 概要：カートに追加されている商品や顧客情報を条件にして、配送方法の表示順を入れ替える。
- メリット：顧客体験向上。トラブル防止。
- 主な実現方法：Shopifyアプリ
- カクレルシッピング by appbrew-labs
- qikify Checkout Customizer by qikify
- Checkout Buddy by Kelay Apps
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
19. 商品ごとで配送方法をわける
- 概要：1つの注文内で商品によって配送方法を変更する。
- メリット：顧客体験向上。
2024年7月現在早期アクセス。近日公開予定。
支払い方法選択画面のカスタマイズ
20. 決済方法の追加
- 概要：決済方法を追加する
- メリット：顧客体験向上。
- 主な実現方法：Shopify管理画面 / Shopifyアプリ
- 実装難易度：★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
21. ペイメントアイコンの表示
- 概要：選択可能な決済のアイコンを表示する。
- メリット：顧客体験向上。
- 主な実現方法：Shopifyアプリ
- qikify Checkout Customizer by qikify
- Checkout Plus ‑ Page Editor by Loading Pixels
- 実装難易度：★★
- Shopifyプラン：Plus
22. 条件にあわせた決済方法の非表示
- 概要：カートに追加されている商品や顧客情報を条件にして、決済方法を非表示にする。
- メリット：顧客体験向上。トラブル防止。
- 主な実現方法：Shopifyアプリ
- あとプラ by Rewire Inc.
- RuffRuff 注文制限 by Tsun Inc.
- カクレルペイ by appbrew-labs
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
23. 条件にあわせた決済方法のリネーム
- 概要：カートに追加されている商品や顧客情報を条件にして、決済方法の名称を変更する。
- メリット：顧客体験向上。トラブル防止。
- 主な実現方法：Shopifyアプリ
- カクレルペイ by appbrew-labs
- BeSure Checkout Rules by StoreSpark
- Payment Customization: PayMix by Speedy Squirrel
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
24. 条件にあわせた決済方法の入れ替え
- 概要：カートに追加されている商品や顧客情報を条件にして、決済方法の表示順を入れ替える。
- メリット：顧客体験向上。トラブル防止。
- 主な実現方法：Shopifyアプリ
- カクレルペイ by appbrew-labs
- BeSure Checkout Rules by StoreSpark
- Payment Customization: PayMix by Speedy Squirrel
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
25. 条件を満たさないと決済不可にする
- 概要：合計金額が1,000円以上の場合のみにチェックアウトを制限するなど、ある条件を満たさないと決済ができないようにする。
- メリット：転売抑止・抑制、ブランデイング
- 主な実現方法：Shopifyアプリ
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
【カスタムアプリ（Shopify Functions）を使った実装方法】
26. チップの追加
- 概要：顧客が決済時に、チップを注文合計の一定割合、またはカスタムの金額で追加できる。
- メリット：慈善事業のための募金などのブランデイング
- 主な実現方法：Shopify管理画面
- 実装難易度：★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
ポストパーチェス
27. 決済後の商品の追加購入を提案
- 概要：決済が完了したあとに、商品や合計金額、顧客情報に合わせて商品を表示するページをはさみ、完了した決済の情報を使って追加購入ができるようにする
- メリット：注文単価を引き上げる
- 主な実現方法：Shopifyアプリ
- あとプラ by Rewire Inc.
- ReConvert Upsell アップセル＆クロスセル by ReConvert
- AfterSell Post Purchase Upsell by AfterSell by Rokt
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
28. 決済後に画像やメッセージを表示するページを追加
- 概要：決済が完了したあとに、商品や合計金額、顧客情報に合わせて画像やメッセージを記載しているページを表示する
- メリット：顧客体験向上
- 主な実現方法：Shopifyアプリ
- あとプラ by Rewire Inc.
- ReConvert Upsell アップセル＆クロスセル by ReConvert
- 実装難易度：★★
- Shopifyプラン：ベーシック、スタンダード、プレミアム、Plus
まとめ
次回は、チェックアウトページやサンキューページのデザイン、サンキューページのカスタマイズ方法、チェックアウトページのデータ取得方法についてご紹介します。
▼ デザイン・サンクスページ・データ取得 編
