カート放棄は、eコマースにおける最も持続的な課題の一つです。研究によると、オンラインショッピングをする60-80%の顧客が購入を完了する前にカートを放棄します。一部の放棄は避けられませんが(比較ショッピングや価格確認)、多くはチェックアウト時の摩擦によるものです。混乱を招くフォーム、予期しないコスト、遅い読み込み、限られた支払いオプションがその原因です。
このガイドでは、WooCommerceのチェックアウトプロセスを最適化するための実用的なテクニックを紹介します。各推奨事項は、文書化されたeコマースのコンバージョン研究と、さまざまな規模のWooCommerceストアでの実際のテストに基づいています。
なぜ顧客がチェックアウトを放棄するのかを理解する
最適化を行う前に、顧客がチェックアウト中に離脱する一般的な理由を理解することが役立ちます。Baymard Instituteの研究(49の研究に基づく)によると:
| 理由 | 放棄者の割合 | 最適化の対応 |
|---|---|---|
| 追加コスト(送料、税金、手数料) | 48% | 早期に総コストを表示し、送料無料の条件を提供する |
| アカウント作成の必要性 | 26% | ゲストチェックアウトを有効にする |
| 複雑なチェックアウトプロセス | 22% | フォームフィールドを減らし、1ページのチェックアウトを実現する |
| 事前に総額を計算できなかった | 21% | カートページに送料計算機を表示する |
| 支払い情報でサイトを信頼できなかった | 18% | 信頼バッジやSSLインジケーターを追加する |
| ウェブサイトのエラーやクラッシュ | 17% | パフォーマンスの最適化、エラーハンドリング |
| 配達が遅すぎる | 16% | 速達オプションを提供する |
| 支払い方法が不十分 | 11% | PayPal、Apple Pay、地域の支払い方法を追加する |
ステップ1: ゲストチェックアウトを有効にする
購入前にアカウント作成を求めることは、2番目に一般的な放棄の理由です。WooCommerceでは、ゲストチェックアウトを有効にできます:
- WooCommerce → 設定 → アカウントとプライバシーに移動します。
- 「アカウントなしで注文を行うことを許可する」をチェックします。
- オプションで「チェックアウト中にアカウントを作成することを許可する」をチェックします。
このアプローチにより、顧客はアカウントを作成する選択肢を持ちますが、必須ではありません。注文のコミュニケーションのために彼らのメールアドレスを取得し、購入後にアカウント作成の招待を送信することができます。
ステップ2: フォームフィールドを減らす
デフォルトのWooCommerceチェックアウトには16以上のフォームフィールドが含まれています。多くのストアでは、これらのいくつかを安全に削除できます:
| フィールド | 削除する条件 | 削除方法 |
|---|---|---|
| 会社名 | 主に消費者(B2C)に販売している場合 | WooCommerce → 設定 → 一般(またはフィルター) |
| 住所行2 | 配送業者に必要ない場合 | woocommerce_checkout_fieldsフィルター |
| 電話番号 | 配送や確認に必要ない場合 | woocommerce_checkout_fieldsフィルター |
| 注文メモ | 顧客によってほとんど使用されない場合 | woocommerce_checkout_fieldsフィルター |
| 別の配送先住所 | ほとんどの注文は請求先住所に配送される場合 | デフォルト:折りたたまれ、要求に応じて表示 |
各削除されたフィールドは摩擦を減らし、チェックアウトの完了を早めます。Baymardの研究によると、平均的なチェックアウトには14.88のフォームフィールドが含まれていますが、最適化されたチェックアウトには7-8のフィールドしか必要ありません。
ステップ3: チェックアウトページの読み込み速度を最適化する
チェックアウトページの読み込み速度は、コンバージョン率に直接影響します。Googleの研究によると、モバイルページの読み込みが1秒遅れると、コンバージョンが最大20%減少する可能性があります。チェックアウトの最適化には:
- チェックアウト時のプラグインの読み込みを最小限にする:多くのプラグインは、特定のページでのみ実行する必要があるスクリプトをサイト全体で読み込みます。資産管理プラグインを使用して、チェックアウトページで不要なスクリプトを無効にします。
- キャッシングプラグインを使用する:チェックアウトページ自体はキャッシュすべきではありませんが(動的コンテンツ)、WP Rocketのようなキャッシングプラグインは、すべてのページで読み込まれる周辺資産(CSS、JS、画像)を最適化します。
- Op
支払いゲートウェイスクリプトの最適化: StripeとPayPalは外部スクリプトを読み込みます。レンダーブロッキングを防ぐために、これらを非同期で読み込むようにしてください。
- CDNの設定: 国際的な顧客のために静的アセットをコンテンツ配信ネットワークから提供し、レイテンシを減少させます。
包括的な速度最適化技術については、私たちのWordPress速度最適化ガイドをご覧ください。
ステップ4: コストを早期かつ透明に表示する
チェックアウト時の予期しないコストは、放棄の主な理由です。これに対処するために:
- カートページに送料を表示: WooCommerceの組み込みの送料計算機を使用します。
- 税金情報を早期に表示: WooCommerceを設定して、税金を含む価格を表示するか、カートページに推定税金を表示します。
- 無料配送の閾値を提供: 顧客が無料配送のためにあとどれだけ支出する必要があるかを示すプログレスバーを表示します。
- 隠れた手数料を避ける: 手数料や追加料金を請求する場合は、チェックアウト時に追加するのではなく、商品価格に含めます。
ステップ5: 信頼のシグナルを追加する
購入者は支払い情報を入力する際に自信を持つ必要があります。効果的な信頼のシグナルには:
- SSL証明書バッジ: サイトがHTTPSで読み込まれることを確認し、支払いフォームの近くにセキュリティバッジを表示します。
- 支払いプロバイダーロゴ: チェックアウトページに認識された支払いロゴ(Visa、Mastercard、PayPal、Apple Pay)を表示します。
- 返金保証: 注文ボタンの近くに返品または返金ポリシーを明確に記載します。
- 顧客レビュー: チェックアウトページに集計されたレビュー評価や推薦文を表示します。
- 連絡先情報: 顧客がサポートに連絡できることを知るために、電話番号やライブチャットオプションを表示します。
ステップ6: 複数の支払い方法を提供する
支払いオプションを制限すると、コンバージョンが減少します。最低限、WooCommerceストアは以下を提供する必要があります:
| 支払い方法 | 重要な理由 | WooCommerceプラグイン |
|---|---|---|
| クレジット/デビットカード(Stripe) | 標準的な支払い方法で、すべての購入者が期待しています。 | WooCommerce Stripe Gateway |
| PayPal | カード情報を共有したくない購入者に信頼されています。 | WooCommerce PayPal Payments |
| Apple Pay / Google Pay | モバイルデバイスでのワンタップチェックアウト。 | Stripe統合を介して |
| 今すぐ購入、後で支払い | 大きな購入に対する価格抵抗を減少させます。 | Klarna / Afterpayプラグイン |
詳細な支払いゲートウェイ設定手順については、私たちのWooCommerce支払いゲートウェイガイドをご覧ください。
ステップ7: カート回復を実装する
最適化されたチェックアウトがあっても、放棄は避けられません。カート回復メールは、放棄されたカートの5-15%を取り戻すことができます:
- 最初のメール(放棄後1時間): 商品画像とチェックアウトへの直接リンクを含めて、顧客にカートを思い出させます。
- 2通目のメール(24時間後): 一般的な懸念(送料情報、返品ポリシー)に対処し、カスタマーサポートへのリンクを含めます。
- 3通目のメール(72時間後): 在庫警告で緊急性を生み出すか、小さな割引を提供して完了を促します。
WooCommerceはデフォルトでカート回復を含んでいませんが、いくつかのプラグインがこの機能を追加します。自動メールシーケンスと最適化されたチェックアウトを組み合わせることで、失われるはずの収益を回復するコンバージョンシステムを作成します。
ステップ8: モバイルデバイスでテストする
eコマーストラフィックの60%以上がモバイルデバイスから来ていますが、モバイルのコンバージョン率は通常デスクトップより50%低いです。モバイルチェックアウトを最適化するには:
- 適切な入力タイプ(電話用はtype="tel"、メール用はtype="email")を使用した大きくタップ可能なフォームフィールドを使用する
- オートフィル属性を有効にすることで、モバイルブラウザが名前、住所、支払いフィールドを自動入力できるようにします。
- モバイルデバイスのチェックアウトフォームには単一列レイアウトを使用する
- <実際のデバイスでテストする—エミュレーターではタッチ特有の使いやすさの問題を捉えることができません
- 支払いボタンが目立つように配置する スクロールを必要としないように
チェックアウトパフォーマンスの測定
チェックアウトの最適化進捗を監視するために、これらの指標を追跡してください:
| 指標 | 測定方法 | 目標 |
|---|---|---|
| カート放棄率 | 1 - (完了した注文 / 作成されたカート) | 65%未満 |
| チェックアウト放棄率 | 1 - (完了した注文 / チェックアウトページビュー) | 30%未満 |
| チェックアウト完了時間 | チェックアウトページの読み込みから注文完了までの時間 | 3分未満 |
| 支払いエラー率 | 失敗した支払い / 総支払い試行 | 3%未満 |
| モバイル対デスクトップのコンバージョン | モバイル注文 / モバイルカートビュー | デスクトップ率の20%以内 |
Google Analyticsでeコマーストラッキングを設定し、これらの指標を毎月確認してください。一貫した測定は、特定の顧客層に対してどの最適化が最も影響を与えるかを特定するのに役立ちます。
詳細については、公式ドキュメントを参照してください: WooCommerce ドキュメント, PageSpeed Insights.
よくある質問
WooCommerceでワンページまたはマルチステップのチェックアウトを使用すべきですか?
どちらのアプローチも良好なパフォーマンスを発揮できます。ワンページチェックアウトは、シンプルな製品とオプションが少ない店舗に適しています。マルチステップチェックアウト(進捗インジケーター付き)は、配送計算、クーポンコード、またはアカウント作成が必要な店舗に適しています。特定のオーディエンスでテストすることが、どのフォーマットが店舗にとってより良いコンバージョンをもたらすかを判断する最も信頼性の高い方法です。
チェックアウトから気を散らさずにクーポンコードフィールドを追加するにはどうすればよいですか?
WooCommerceのデフォルトのクーポンフィールドは目立つように表示されており、これが原因で買い物客がクーポンを探すためにチェックアウトを離れることがあります。シンプルなCSSまたはJavaScriptの修正を使用して、リンクの背後にクーポンフィールドを折りたたむことができます(「クーポンコードがありますか?こちらをクリック」)または、チェックアウトカスタマイズプラグインを使用することができます。
ゲストチェックアウトを有効にするとリピート購入が減りますか?
必ずしもそうではありません。注文確認のために顧客のメールアドレスを取得するため、フォローアップマーケティングに利用できます。購入後に「ワンクリックでアカウントを作成」オプションを提供する(チェックアウト中に設定したパスワードを使用)ことで、ゲストチェックアウトの便利さを維持しながらアカウント作成を促進します。
チェックアウトに進捗バーを追加する影響は何ですか?
進捗バーは、顧客に注文完了までの進捗を視覚的に示します。ConversionXLの研究によると、進捗インジケーターは特にマルチステップチェックアウトでチェックアウト完了率を5-10%向上させることができます。WooCommerceはデフォルトではこれを含んでいませんが、多くのチェックアウトカスタマイズプラグインが追加します。
WooCommerceでチェックアウトページの読み込み時間を短縮するにはどうすればよいですか?
チェックアウトページは、支払いゲートウェイスクリプトやAJAX呼び出しのために、通常のページよりも遅く読み込まれることがよくあります。アセット管理プラグインを使用して、チェックアウトページで不要なプラグインを無効にします。軽量テーマを使用し、静的アセットのページキャッシングを有効にし、WooCommerceチェックアウトに必要なデータベースクエリを処理できるホスティングプランを確保してください。
チェックアウトページにレビューや推薦文を表示すべきですか?
支払いボタンの近くに短い信頼指標(「500人以上の顧客から4.8/5」など)を表示することでコンバージョンを向上させることができます。ただし、購入行動を妨げるフルレビューウィジェットや推薦文でチェックアウトページを混雑させることは避けてください。信頼のシグナルは控えめにし、意思決定ポイントの近くに配置してください。
高コンバージョンのWooCommerceストアを構築する
GPL価格でWooCommerceテーマ、プラグイン、拡張機能を閲覧してください。オンラインストアを設定し最適化するために必要なすべてが揃っています。
WooCommerce製品を閲覧する →


