セールスを増やすならCandy Rack

Candy Rackは、Shopify公式認定アプリ「Built for Shopify」に認められています。
Shopifyストアのパフォーマンスを最大限に引き出すために必要な、唯一のアップセルアプリです。スライドカートを標準搭載し 、 Gemini AIにも対応しました。
無料でお試しください

Shopifyのワンページチェックアウトを最適化する12のヒント

Shopifyのワンページチェックアウトを最適化し、コンバージョン率を60%以上向上させるための究極ガイド。Basicプランを含むすべてのShopifyプランで実践可能です。

Shopifyのワンページチェックアウトを最適化する12のヒント
Shopifyのワンページチェックアウトを最適化する12のヒント

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.

Tip #1: Don't use the "Pay now" as a call-to-action

これは私が最も気に入っている「ハック」です。実装は非常に簡単ですが、コンバージョン率への影響は絶大です。

Shopifyのワンページチェックアウトでは、デフォルトのメインボタンのラベルが「今すぐ支払う」になっています。この表現は、顧客の視点から見ると、次のアクションが「お金を支払う」ことだけに限定されてしまいます。

"Complete order" just sounds more clickable, doesn't it?
「注文を確定する」の方が、クリックしたくなる響きだと思いませんか?

代わりに、中立的またはポジティブな側面に焦点を当て、ラベルを「商品を受け取る」という体験に関連付けましょう。以下のテキストを推奨します。

  • 注文を確定する
  • 購入を確定する
  • 注文する
  • 注文を送信する
  • 今すぐ購入

文言の編集は、ストア管理画面の販売チャネル > オンラインストア > テーマ > 現在のテーマの「…」ボタン > デフォルトのテーマ言語を編集から、「今すぐ支払う」というラベルを検索して変更できます。

チェックアウト画面に社会的証明(ソーシャルプルーフ)を表示することは、信頼とコンバージョンを高める優れた手法です。しかし、ワンページチェックアウトではスペースが限られているため、実装が難しいのが難点です。

Shopifyでは、推奨サイズ1000 x 400pxのヘッダーバナーを使用できます。しかし、このバナーはモバイルでは読みづらく、デスクトップでは端が切れてしまいます。デスクトップ用とモバイル用で別のバナーを用意する方がはるかに良い解決策です。

An example of a custom checkout logo including social proof
社会的証明を含めたカスタムチェックアウトロゴの例

そのため、バナーではなくロゴセクションを工夫する必要があります。Shopifyではチェックアウトにカスタムロゴをアップロードできます。ロゴを調整し、「XX人の顧客に選ばれています」や「サポートが必要ですか? XXまで」といった小さな注釈を加えましょう。この注釈は、モバイルとデスクトップの両方で読みやすく、見栄えも良くなります。

Tip #3: Reduce the number of input fields

顧客が入力する項目は少なければ少ないほど良いです。すべての項目を慎重に検討し、過去の注文データを分析して、その必要性を判断しましょう。

「会社名」の入力が必要か迷っていませんか?注文履歴を確認し、実際に利用した顧客がどれくらいいるか見てみましょう。もし誰も、あるいはほとんど利用していないなら、削除して問題ありません。「住所2(建物名、部屋番号など)」フィールドも同様です。任意項目であっても、顧客を混乱させ、チェックアウト画面を視覚的に長く見せてしまう可能性があります。

Editing the required checkout fields in store admin
ストア管理画面でのチェックアウト必須項目の編集

チェックアウトの必須項目を編集するには、ストア管理画面の設定 > チェックアウトへ進み、顧客情報セクションを探してください。

Tip #4: Make sure to present all policies

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

Displayed business terms and policies are increasing the trust of your checkout
利用規約やポリシーを表示することで、チェックアウト時の信頼性が向上します

Tip #5: Match the checkout style with your storefront

チェックアウトのプロセスは、購入体験の一部として自然に感じられるものであるべきです。見た目が異なると、顧客は不信感を抱き、離脱してしまう可能性があります。

Shopifyのワンページチェックアウトの場合、ストアフロントと同じフォント、カラー、ロゴ、メッセージを使用することを意味します。

Customizing the checkout design in theme editor
テーマエディタでのチェックアウトデザインのカスタマイズ

これらはすべて、ストア管理画面のオンラインストア > テーマ > カスタマイズ > テーマ設定(左メニュー) > チェックアウトからカスタマイズできます。

Tip #6: Consider using/removing express checkout buttons

PayPalやShop Payなどのエクスプレスチェックアウトボタンは、コンバージョン率を大きく高める可能性があります。しかし、顧客がそれらを利用していない場合、非常に目立つ場所に配置されているため、かえって邪魔になる可能性があり、削除を検討すべきです。利用状況は顧客の居住地域やビジネスの業種によって異なる点に留意してください。注文データを分析し、エクスプレスチェックアウトボタンがどの程度の頻度で使用されているかを確認することを強く推奨します。

例えば、ECサイトに不慣れな顧客が多いストアや、B2B取引が中心のストアでは、エクスプレスチェックアウトを使用していません。

Especially on mobile the express checkout buttons are very prominent
特にモバイル端末では、エクスプレスチェックアウトボタンが非常に目立ちます

有効化・無効化は、ストア管理画面の設定 > 決済 > 管理から行い、Shop Payや各ウォレット(Apple Pay、Google Payなど)を無効にしてください。

Shopify Marketsを使用している場合は、市場ごとに利用設定をカスタマイズすることも可能です。これが理想的な運用方法です(例:北米でのみ使用するなど)。

Tip #7: Remove anything unnecessary or irrelevant

新しいワンページチェックアウトではスペースが非常に限られており、大半の買い物客がモバイル端末を使用していることを考えると、一言一句が重要になります。モバイルのチェックアウトページを印刷し、文字通り一語ずつ確認することをお勧めします。

私が削除を検討する主な項目は以下の通りです:

  • 顧客アカウントを使用していない場合:「アカウントをお持ちですか?ログイン」を削除
  • 顧客がエクスプレスチェックアウトや特定の決済・配送方法をほとんど利用していない場合:それらを削除する
  • あまり一般的ではないクレジットカードのロゴ(Discover、JCB、eloなど)

Tip #8: Keep the payment and delivery options at the minimum

決済や配送の選択肢が多すぎると、顧客が混乱し、チェックアウトから離脱する原因になります。一般的には、決済と配送の選択肢をそれぞれ3つ程度に絞ることを目指すべきです。それ以上ある場合は利用状況を分析し、利用率が低いもの(数パーセント程度など)は削除を検討してください。

海外販売を行っている場合、国によって決済手段のシェアが異なるため、絞り込みは難しいかもしれません。例えば、北米では銀行振込は使われませんが、ヨーロッパでは一般的です。その場合は、国ごとに決済手段を最適化するのが最善です。これには、顧客の国に基づいて決済・配送方法を非表示にできるqikify Checkoutのような無料アプリを活用するのがおすすめです。

Tip #9: Order the payment and delivery options by their popularity

決済や配送の選択肢については、利用頻度に基づいて並び替えてください。最も人気のある選択肢を常に一番上に表示するようにしましょう。

決済方法の利用状況を確認するには、分析 > レポート > 決済タイプ別にアクセスしてください。残念ながら、配送方法に関する同様のレポートはないため、注文データをエクスポートして外部ツールで分析する必要があります。

Tip #10: Use address autocompletion

住所の自動入力は、数文字入力するだけで住所を提案してくれる便利な機能です。これはGoogle Place Autocomplete APIを利用しており、非常に精度の高い結果が得られます。

An example of the address autocompletion feature in checkout
チェックアウト画面における住所自動入力機能の例

この機能をストアで有効にするには、ストア管理画面の設定>チェックアウト>住所入力の設定に移動し、住所の自動入力を利用するにチェックが入っているか確認してください。なお、この機能はすべての国で利用できるわけではありません(表の情報が古い可能性がある点にご注意ください)。

Tip #11: Display upsells offers post-purchase

シングルページチェックアウトの唯一の目的は、顧客を決済完了までスムーズに導くことです。注意をそらす要素はすべてこの目的を妨げ、コンバージョン率を低下させるリスクがあります。

An example of post-purchase upsells done via Candy Rack app
Candy Rackアプリを使用した購入後のアップセルの例

そのため、この段階でのアップセルやクロスセルは避け、購入完了ページや注文確認メールなど、決済後のタイミングで行うことを推奨します。これらは非常に効果的であり、顧客を離脱させるリスクもありません。

Tip #12: Test three-page checkout layout

最後に、Shopifyでは現在も「従来の」3ページ構成のチェックアウトに戻すことが可能です。私たちのテストではワンページチェックアウトの方が高いパフォーマンスを示しましたが、それが必ずしもすべての業種にとって最適とは限りません。

マルチページチェックアウトは、家具、家電、自動車部品など、顧客が高額な買い物をするセグメントでは、かえって有効な場合があります。同様に、ドイツや日本のように、決済完了までに安心感を求める顧客が多い国でも同様です。

残念ながら、ワンページと3ページ構成のチェックアウトで適切なA/Bテストを行うことは不可能です。最も簡単な方法は、一方のレイアウトを1か月間運用し、その後もう一方に切り替えて比較することでしょう。「オンラインストアのコンバージョン率の推移」レポートを使用してパフォーマンスを比較し、有意な差があるかを確認してください。差が見られない場合は、好みのレイアウトを選択してください。

Changing the checkout layout via theme editor
テーマエディタによるチェックアウトレイアウトの変更

チェックアウトのレイアウトを変更するには、ストア管理画面の販売チャネル>オンラインストア>カスタマイズ>テーマ設定>チェックアウトに移動し、「チェックアウトレイアウト」までスクロールしてください。

結論:「良好な」チェックアウトコンバージョン率とは?

これらのヒントは小さな最適化の積み重ねですが、すべてを組み合わせることで、チェックアウトのコンバージョン率を大幅に向上させることができます。

自分のストアのチェックアウトが順調か、改善の余地があるかをどう判断すればよいのでしょうか?これは難しい問題であり、ビジネスによってコンバージョン率は異なります。

EコマースのUX調査で最も信頼されている組織の一つであるBaymard Instituteによると、現在の平均的なチェックアウト離脱率は69%(つまり、チェックアウトコンバージョン率は31%)です。したがって、目標は平均を上回ることです。優れたShopifyストアでは、60%以上のコンバージョン率(離脱率40%未満)を達成しているケースも珍しくありません。

トマシュ・ヤヌ

トムはアップセル、コンバージョン最適化、Eコマースのトレンドに関する執筆をこよなく愛しています。彼は共同創業者の1人であり、サポートチームにお問い合わせいただければ、直接お話しできる機会があるかもしれません。Shopifyに関するヒントや最新情報を発信していますので、ぜひLinkedInでフォローしてください。
無料で試すキャンディラックプレビュー

最新記事

すべての記事

当社のアプリでShopifyのビジネスを強化しましょう

すべてのアプリは、Shopifyビジネスの成長に役立つように設計されています。アプリをチェックして、無料試用期間を活用してください。

ブーストマイショピファイ