Shopifyのチェックアウトでできるカスタマイズ逆引き43選 〜 配送 / 決済方法選択・決済後の追加ページ 編 〜

このシリーズでは、カート画面、お客様情報入力画面、配送方法選択画面、支払い方法選択画面、サンキューページのカスタマイズ方法を、目的別に解説します。各カスタマイズ項目の概要、ストアにとってのメリット、実現方法、難易度、Shopify Plusの必要性などを紹介するので、自店舗に適したカスタマイズ方法を見つけてください。

▼ カート情報・顧客情報入力 編 

▼ デザイン・サンクスページ・データ取得 編

本記事では、配送方法選択画面、支払い方法選択画面、決済後の追加ページ(ポストパーチェス)のカスタマイズ方法について詳しく解説します。

配送方法選択画面のカスタマイズ

15. 配送方法の追加

  • 概要:配送方法を追加する
  • メリット:顧客体験向上。
  • 主な実現方法:Shopify管理画面
  • 実装難易度:★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus

16. 条件にあわせた配送方法の非表示

  • 概要:カートに追加されている商品や顧客情報を条件にして、配送方法を非表示にする。
  • メリット:顧客体験向上。トラブル防止。
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「あとプラ」にて設定

17. 条件にあわせた配送方法のリネーム

  • 概要:カートに追加されている商品や顧客情報を条件にして、配送方法の名称を変更する。
  • メリット:顧客体験向上。トラブル防止。
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「qikify Checkout Customizer」にて設定

18. 条件にあわせた配送方法の入れ替え

  • 概要:カートに追加されている商品や顧客情報を条件にして、配送方法の表示順を入れ替える。
  • メリット:顧客体験向上。トラブル防止。
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「qikify Checkout Customizer」にて設定

19. 商品ごとで配送方法をわける

  • 概要:1つの注文内で商品によって配送方法を変更する。
  • メリット:顧客体験向上。

2024年7月現在早期アクセス。近日公開予定。

支払い方法選択画面のカスタマイズ

20. 決済方法の追加

  • 概要:決済方法を追加する
  • メリット:顧客体験向上。
  • 主な実現方法:Shopify管理画面 / Shopifyアプリ
  • 実装難易度:★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus

21. ペイメントアイコンの表示

「qikify Checkout Customizer」にて設定

22. 条件にあわせた決済方法の非表示

  • 概要:カートに追加されている商品や顧客情報を条件にして、決済方法を非表示にする。
  • メリット:顧客体験向上。トラブル防止。
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「あとプラ」にて設定

23. 条件にあわせた決済方法のリネーム

  • 概要:カートに追加されている商品や顧客情報を条件にして、決済方法の名称を変更する。
  • メリット:顧客体験向上。トラブル防止。
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「カクレルペイ」にて設定

24. 条件にあわせた決済方法の入れ替え

  • 概要:カートに追加されている商品や顧客情報を条件にして、決済方法の表示順を入れ替える。
  • メリット:顧客体験向上。トラブル防止。
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「カクレルペイ」にて設定

25. 条件を満たさないと決済不可にする

  • 概要:合計金額が1,000円以上の場合のみにチェックアウトを制限するなど、ある条件を満たさないと決済ができないようにする。
  • メリット:転売抑止・抑制、ブランデイング
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
カスタムアプリでの実装

【カスタムアプリ(Shopify Functions)を使った実装方法】

26. チップの追加

  • 概要:顧客が決済時に、チップを注文合計の一定割合、またはカスタムの金額で追加できる。
  • メリット:慈善事業のための募金などのブランデイング
  • 主な実現方法:Shopify管理画面
  • 実装難易度:★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus

ポストパーチェス

27. 決済後の商品の追加購入を提案

  • 概要:決済が完了したあとに、商品や合計金額、顧客情報に合わせて商品を表示するページをはさみ、完了した決済の情報を使って追加購入ができるようにする
  • メリット:注文単価を引き上げる
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「あとプラ」にて設定

28. 決済後に画像やメッセージを表示するページを追加

  • 概要:決済が完了したあとに、商品や合計金額、顧客情報に合わせて画像やメッセージを記載しているページを表示する
  • メリット:顧客体験向上
  • 主な実現方法:Shopifyアプリ
  • 実装難易度:★★
  • Shopifyプラン:ベーシック、スタンダード、プレミアム、Plus
「あとプラ」にて設定

まとめ

次回は、チェックアウトページやサンキューページのデザイン、サンキューページのカスタマイズ方法、チェックアウトページのデータ取得方法についてご紹介します。

▼ デザイン・サンクスページ・データ取得 編