Shopifyの新しいワンページチェックアウトが、従来の複数ステップ形式よりも優れていることはすでに知られています。本ガイドでは、パフォーマンスをさらに最適化し、コンバージョン率60%以上(チェックアウト開始数に対する注文完了数の割合)を達成する方法に焦点を当てます。
まず理解しておくべき重要な点は、最適化できるスペースが1ページのみと限られているため、細部へのこだわりが重要になるということです。また、オンライン売上の60%を占めるモバイルコマースを前提とした「モバイルファースト」の視点を常に持ちましょう。
Customizing Shopify checkout, in general, is somewhat limited unless you are on Shopify Plus, but there are still many things you can optimize. All tips in this guide are doable no matter what Shopify plan you are on, and you can implement all of them even on Shopify Basic.
これは私が最も気に入っている「ハック」です。実装は非常に簡単ですが、コンバージョン率への影響は絶大です。
Shopifyのワンページチェックアウトでは、デフォルトのメインボタンのラベルが「今すぐ支払う」になっています。この表現は、顧客の視点から見ると、次のアクションが「お金を支払う」ことだけに限定されてしまいます。

代わりに、中立的またはポジティブな側面に焦点を当て、ラベルを「商品を受け取る」という体験に関連付けましょう。以下のテキストを推奨します。
- 注文を確定する
- 購入を確定する
- 注文する
- 注文を送信する
- 今すぐ購入
文言の編集は、ストア管理画面の販売チャネル > オンラインストア > テーマ > 現在のテーマの「…」ボタン > デフォルトのテーマ言語を編集から、「今すぐ支払う」というラベルを検索して変更できます。
チェックアウト画面に社会的証明(ソーシャルプルーフ)を表示することは、信頼とコンバージョンを高める優れた手法です。しかし、ワンページチェックアウトではスペースが限られているため、実装が難しいのが難点です。
Shopifyでは、推奨サイズ1000 x 400pxのヘッダーバナーを使用できます。しかし、このバナーはモバイルでは読みづらく、デスクトップでは端が切れてしまいます。デスクトップ用とモバイル用で別のバナーを用意する方がはるかに良い解決策です。

そのため、バナーではなくロゴセクションを工夫する必要があります。Shopifyではチェックアウトにカスタムロゴをアップロードできます。ロゴを調整し、「XX人の顧客に選ばれています」や「サポートが必要ですか? XXまで」といった小さな注釈を加えましょう。この注釈は、モバイルとデスクトップの両方で読みやすく、見栄えも良くなります。
顧客が入力する項目は少なければ少ないほど良いです。すべての項目を慎重に検討し、過去の注文データを分析して、その必要性を判断しましょう。
「会社名」の入力が必要か迷っていませんか?注文履歴を確認し、実際に利用した顧客がどれくらいいるか見てみましょう。もし誰も、あるいはほとんど利用していないなら、削除して問題ありません。「住所2(建物名、部屋番号など)」フィールドも同様です。任意項目であっても、顧客を混乱させ、チェックアウト画面を視覚的に長く見せてしまう可能性があります。

チェックアウトの必須項目を編集するには、ストア管理画面の設定 > チェックアウトへ進み、顧客情報セクションを探してください。
チェックアウト画面は、信頼性が高く、法令を遵守している印象を与える必要があります。ストアに必要なポリシー関連のドキュメントをすべてアップロードしておきましょう。アップロードは、ストア管理画面の設定 > ポリシーから行えます。これらのドキュメントは、チェックアウト画面のフッターに自動的に表示されます。

チェックアウトのプロセスは、購入体験の一部として自然に感じられるものであるべきです。見た目が異なると、顧客は不信感を抱き、離脱してしまう可能性があります。
Shopifyのワンページチェックアウトの場合、ストアフロントと同じフォント、カラー、ロゴ、メッセージを使用することを意味します。

これらはすべて、ストア管理画面のオンラインストア > テーマ > カスタマイズ > テーマ設定(左メニュー) > チェックアウトからカスタマイズできます。
PayPalやShop Payなどのエクスプレスチェックアウトボタンは、コンバージョン率を大きく高める可能性があります。しかし、顧客がそれらを利用していない場合、非常に目立つ場所に配置されているため、かえって邪魔になる可能性があり、削除を検討すべきです。利用状況は顧客の居住地域やビジネスの業種によって異なる点に留意してください。注文データを分析し、エクスプレスチェックアウトボタンがどの程度の頻度で使用されているかを確認することを強く推奨します。
例えば、ECサイトに不慣れな顧客が多いストアや、B2B取引が中心のストアでは、エクスプレスチェックアウトを使用していません。

有効化・無効化は、ストア管理画面の設定 > 決済 > 管理から行い、Shop Payや各ウォレット(Apple Pay、Google Payなど)を無効にしてください。
Shopify Marketsを使用している場合は、市場ごとに利用設定をカスタマイズすることも可能です。これが理想的な運用方法です(例:北米でのみ使用するなど)。
新しいワンページチェックアウトではスペースが非常に限られており、大半の買い物客がモバイル端末を使用していることを考えると、一言一句が重要になります。モバイルのチェックアウトページを印刷し、文字通り一語ずつ確認することをお勧めします。
私が削除を検討する主な項目は以下の通りです:
- 顧客アカウントを使用していない場合:「アカウントをお持ちですか?ログイン」を削除
- 顧客がエクスプレスチェックアウトや特定の決済・配送方法をほとんど利用していない場合:それらを削除する
- あまり一般的ではないクレジットカードのロゴ(Discover、JCB、eloなど)
決済や配送の選択肢が多すぎると、顧客が混乱し、チェックアウトから離脱する原因になります。一般的には、決済と配送の選択肢をそれぞれ3つ程度に絞ることを目指すべきです。それ以上ある場合は利用状況を分析し、利用率が低いもの(数パーセント程度など)は削除を検討してください。
海外販売を行っている場合、国によって決済手段のシェアが異なるため、絞り込みは難しいかもしれません。例えば、北米では銀行振込は使われませんが、ヨーロッパでは一般的です。その場合は、国ごとに決済手段を最適化するのが最善です。これには、顧客の国に基づいて決済・配送方法を非表示にできるqikify Checkoutのような無料アプリを活用するのがおすすめです。
決済や配送の選択肢については、利用頻度に基づいて並び替えてください。最も人気のある選択肢を常に一番上に表示するようにしましょう。
決済方法の利用状況を確認するには、分析 > レポート > 決済タイプ別にアクセスしてください。残念ながら、配送方法に関する同様のレポートはないため、注文データをエクスポートして外部ツールで分析する必要があります。
住所の自動入力は、数文字入力するだけで住所を提案してくれる便利な機能です。これはGoogle Place Autocomplete APIを利用しており、非常に精度の高い結果が得られます。

この機能をストアで有効にするには、ストア管理画面の設定>チェックアウト>住所入力の設定に移動し、住所の自動入力を利用するにチェックが入っているか確認してください。なお、この機能はすべての国で利用できるわけではありません(表の情報が古い可能性がある点にご注意ください)。
シングルページチェックアウトの唯一の目的は、顧客を決済完了までスムーズに導くことです。注意をそらす要素はすべてこの目的を妨げ、コンバージョン率を低下させるリスクがあります。

そのため、この段階でのアップセルやクロスセルは避け、購入完了ページや注文確認メールなど、決済後のタイミングで行うことを推奨します。これらは非常に効果的であり、顧客を離脱させるリスクもありません。
最後に、Shopifyでは現在も「従来の」3ページ構成のチェックアウトに戻すことが可能です。私たちのテストではワンページチェックアウトの方が高いパフォーマンスを示しましたが、それが必ずしもすべての業種にとって最適とは限りません。
マルチページチェックアウトは、家具、家電、自動車部品など、顧客が高額な買い物をするセグメントでは、かえって有効な場合があります。同様に、ドイツや日本のように、決済完了までに安心感を求める顧客が多い国でも同様です。
残念ながら、ワンページと3ページ構成のチェックアウトで適切なA/Bテストを行うことは不可能です。最も簡単な方法は、一方のレイアウトを1か月間運用し、その後もう一方に切り替えて比較することでしょう。「オンラインストアのコンバージョン率の推移」レポートを使用してパフォーマンスを比較し、有意な差があるかを確認してください。差が見られない場合は、好みのレイアウトを選択してください。

チェックアウトのレイアウトを変更するには、ストア管理画面の販売チャネル>オンラインストア>カスタマイズ>テーマ設定>チェックアウトに移動し、「チェックアウトレイアウト」までスクロールしてください。
結論:「良好な」チェックアウトコンバージョン率とは?
これらのヒントは小さな最適化の積み重ねですが、すべてを組み合わせることで、チェックアウトのコンバージョン率を大幅に向上させることができます。
自分のストアのチェックアウトが順調か、改善の余地があるかをどう判断すればよいのでしょうか?これは難しい問題であり、ビジネスによってコンバージョン率は異なります。
EコマースのUX調査で最も信頼されている組織の一つであるBaymard Instituteによると、現在の平均的なチェックアウト離脱率は69%(つまり、チェックアウトコンバージョン率は31%)です。したがって、目標は平均を上回ることです。優れたShopifyストアでは、60%以上のコンバージョン率(離脱率40%未満)を達成しているケースも珍しくありません。






