WooCommerceカートページをスキップしてチェックアウトページにリダイレクトする方法

小規模事業者のオンラインストア改善を支援する際、最も一般的な要望の1つは、チェックアウトプロセスの合理化です。結局のところ、「カートに追加」と「注文を確定」の間にステップが増えるごとに、カート放棄や販売機会の損失につながる可能性があります。

WooCommerceのカートページをスキップし、顧客を直接チェックアウトにリダイレクトすることが、売上を伸ばす最も簡単な方法の1つであることがわかりました。実際、オンラインストアのチェックアウトプロセスを改善すると、コンバージョン率を最大35%向上させることができます。

そのため、WooCommerce でカートページをスキップする方法を正確に示す、このわかりやすいガイドを作成しました。また、顧客を煩わせることなくこれを行うためのヒントも共有します。

WooCommerce のカートページをスキップしてチェックアウトにリダイレクトする方法

WooCommerce のカートページをスキップする:あなたのストアに適していますか? 🛒

WooCommerce でカートページをスキップすることは、商品を1つだけ販売している場合に非常に効果的です。このシナリオでは、顧客を直接チェックアウトページに送ることで売上を伸ばすことができます。

また、予約を取ったり、サービスを販売したりする場合、WooCommerceのチェックアウトページに直接進むことで、顧客はより簡単に購入できます。

もしあなたのオンラインストアで様々な商品を販売しており、顧客が一度に複数の商品をカートに入れて購入することが多い場合、カートページとチェックアウトページを残しておくと良いでしょう。

この場合、代わりにワンクリックWooCommerceチェックアウトを提供することを検討できます。これにより、ユーザーは商品をカートに追加するか、すぐに支払いに進むかの2つの選択肢が得られます。

もう1つの良い選択肢は、スライドインするWooCommerceミニカートをページ側に追加することです。これにより、顧客は現在見ているページを離れることなく、カートの中身を確認できます。これは迅速で役立ちます。

ストアからカートページを削除することにした場合、2つの方法で削除できます。あなたに最適な方法を選択してください。

重要: このガイドのいずれかのチュートリアルに従う前に、機能する WooCommerce ストアが必要です。まだお持ちでない場合は、究極の WooCommerce チュートリアルをご覧ください。

オプション 1: FunnelKit + CartHopper アドオンを使用する (よりカスタマイズ可能)

この方法は、チェックアウトプロセスを完全に制御したい、そしてカート放棄の削減に真剣に取り組んでいるストアオーナーに最適です。FunnelKitを使用すると、ニーズに合わせて完全にカスタマイズされたWooCommerceのダイレクトチェックアウトエクスペリエンスを作成できます。

ステップ1:FunnelKitプラグインのインストール

このソリューションには、3つの WooCommerce プラグインが必要です。

最初の2つのプラグインは連携して、コンバージョン率の高い美しいチェックアウトページを作成するのに役立ちます。

Proバージョンには価格が設定されています。しかし、チェックアウトエクスペリエンスをカスタマイズし、セールスファネルを最適化し、ワンクリック注文バンプのようなアップセル機能を追加するための強力なツールが提供されるため、投資する価値があると考えています。

一方、無料の CartHopper アドオンを使用すると、カートページをスキップして、顧客を直接 WooCommerce のチェックアウトページに送ることができます。

FunnelKit の機能についてもっと知りたいですか?当社の詳細な FunnelKit レビューをご覧ください。

まず、WordPressダッシュボードで3つのプラグインすべてをインストールして有効化します。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

次に、管理画面のFunnelKit » 設定に移動します。

左側の列にある「ライセンス」タブをクリックし、ライセンスキーを入力します。ライセンスキーは FunnelKit のウェブサイトのアカウントで見つけることができます。

FunnelKitライセンスキーの有効化

完了したら、「有効化」と「変更を保存」をクリックするだけです。これで、チェックアウトエクスペリエンスのカスタマイズを開始する準備が整いました。

ステップ2:カートページの削除

WooCommerceでカートページをスキップするには、FunnelKit » CartHopperにアクセスしてください。ここで、カート機能をカスタマイズし、直接チェックアウトにリダイレクトするためのすべての設定を見つけることができます。

単純に「すべての商品に対して SkipCart を有効にする」設定をチェックします。これにより、カートページが削除され、顧客がカートに追加ボタンをクリックするたびに、WooCommerce のチェックアウトページに直接送信されます。

FunnelKit for WooCommerce で SkipCart を有効にする

この基本的な設定で、WooCommerceのダイレクトチェックアウトを作成するのに十分です。ただし、このプラグインは、顧客ジャーニーを最適化するためのさらに多くの方法を提供します。

メイン設定の下で、通常のカートページとチェックアウトページを維持したい特定の製品カテゴリまたは製品を選択できます。スキップしたくないカテゴリと製品の名前を適切なフィールドに入力するだけです。

SkipCart から製品を除外する

「カートに追加」のテキストを、より適切なものにカスタマイズすることもできます。

デフォルトは「今すぐ購入」ですが、「すぐに購入」や「即時チェックアウト」を好むかもしれません。カート放棄を減らすために、緊急性と 機会損失の恐怖 の感覚を加えることを検討してください。

FunnelKitでカートに追加ボタンのテキストを変更する

さらに多くの制御を行うには、「ルールを追加」をクリックしてカスタムルールを設定できます。

ポップアップが表示されます。

SkipCart を有効にするルールの追加

ここで、ルールを「いずれか」または「すべて」のカートアイテムに適用するかどうかを選択できます。

たとえば、帽子を販売している場合、「これらのいずれか」オプションを選択すると、顧客が帽子のみ、または他の商品と一緒に購入した場合にカートがスキップされます。

一方、「すべて」オプションを選択すると、指定した商品の正確な組み合わせを購入した場合、つまり帽子とそれに合うスカーフを一緒に購入した場合にのみ、カートがスキップされます。

SkipCartを有効にするためのカートルールの設定

次に、このルールに対してカート機能を有効または無効にするかどうかを決定し、これらの商品に特化してカートに追加ボタンをカスタマイズできます。

複数のチェックアウトページがある場合、どのWooCommerceチェックアウトページを異なる製品に使用するかを選択することもできます。ルールを設定したら、「ルールの追加」をクリックするだけです。

カスタム SkipCart 条件付きロジックルールの保存

ポップアップは閉じます。

新しい設定をWooCommerceストアに適用するには、「変更を保存」をクリックすることを忘れないでください。

CartHopperアドオンの変更を保存する
ステップ3:チェックアウトページのカスタマイズ

技術的には、ステップ1と2を完了すれば十分ですが、強力なファネルプラグインをインストールしておきながら、そのポテンシャルを最大限に活用しないのはもったいないですよね?

チェックアウトページをカスタマイズするには、「FunnelKit » ストア チェックアウト」に移動します。次に、「ストア チェックアウト」タブに切り替え、「ストア チェックアウトを作成」ボタンをクリックします。

ストアチェックアウトを作成する

FunnelKit には、ブロックエディターまたは Divi や Bricks のような人気のページビルダープラグインのいずれかを使用して編集できる、いくつかのチェックアウトテンプレートがあります。

ページの上部で、好みの編集プラットフォームを選択します。次に、興味のあるチェックアウトテンプレートの「プレビュー」をクリックします。

FunnelKitチェックアウトテンプレートの選択

ほとんどの FunnelKit テンプレートには、チェックアウトページに加えて、アップセルページとサンキューページが含まれており、購入を促進します。

気に入ったテンプレートを見つけたら、「このファネルをインポート」ボタンをクリックするだけです。

FunnelKitファネルのインポート

次に、チェックアウトに名前を付ける必要があります。これにより、異なる商品や顧客グループのために複数のバージョンを作成した場合に、さまざまなチェックアウトファネルを追跡するのに役立ちます。

名前を付けたら、「完了」をクリックします。

FunnelKitで新しいカスタムチェックアウトに名前を付ける

チェックアウトページを編集するには、「注文バンプを追加」ボタンの上にあるチェックアウト名をクリックします。

チェックアウトページのカスタマイズに関するいくつかの設定が表示されます。

FunnelKit でチェックアウトファネルを編集する

「デザイン」タブで、「テンプレートを編集…」をクリックして、お好みの編集プラットフォームを使用してデザインをカスタマイズします。

これらのカスタマイズ手順については、WooCommerceのチェックアウトページをカスタマイズする方法に関するガイドで詳しく説明しています。

ブロックエディターを使用してFunnelKitのチェックアウトページを編集する

ページを下にスクロールすると、チェックアウトページに必要なセクションやフィールドをカスタマイズすることもできます。

デフォルトでは、チェックアウトフォームには連絡先情報(メール)と配送先住所(名、姓、配送先住所、請求先住所、電話番号)のセクションが含まれています。これらのデフォルトフィールドはほとんどのオンラインストアでうまく機能しますが、いずれかのフィールドをクリックすることでさらにカスタマイズできます。

例えば、配送先住所を変更するには、それをクリックするだけです。

FunnelKitチェックアウトフォームフィールドの編集

ポップアップが表示され、このセクションのフィールドを必要に応じてカスタマイズできます。

名前のフィールドを編集すると、ラベルを変更したり、例を示すプレースホルダーテキストを追加したり、フィールドを必須またはオプションにしたりできます。

FunnelKitチェックアウトの配送先住所セクションのフィールドを編集する

フォームフィールドは、好きなだけ変更できます。

変更に満足したら、下にスクロールして「更新」をクリックします。

FunnelKit チェックアウトでの配送先住所セクションの更新

「最適化」タブには、チェックアウトエクスペリエンスを改善するための追加の方法が用意されています。

例えば、エクスプレスチェックアウトを有効にすることで、Apple PayやGoogle Payなどの方法でユーザーが迅速に支払いできるようになります。

詳細なチュートリアルでは、WooCommerceにエクスプレスチェックアウトボタンを追加する方法について説明しています。詳細についてはこちらをご覧ください。

FunnelKitチェックアウトでのエクスプレスチェックアウトの有効化

自動適用クーポンを設定することもできます。これは、ユーザーがチェックアウトプロセスを開始したときに自動的に適用されるクーポンコードです。

自動適用クーポンを設定するには、「自動適用クーポン」タブを開き、「自動適用クーポン」オプションで「はい」を選択し、自動的に適用したいクーポンコードを入力します。必要に応じてクーポンフィールドを無効にすることもできます。「保存」をクリックすることを忘れないでください。

FunnelKitでのクーポン自動適用を有効にする

もう1つの便利な機能は、「放棄されたユーザーのためにフォームを事前入力する」設定です。

この機能は、カート放棄メールを受け取った後にユーザーがチェックアウトに戻った際に、以前に入力した値を自動的に入力します。これにより、購入を完了しやすくなります。

「有効化」オプションで「はい」をクリックし、「保存」をクリックするだけです。

FunnelKit チェックアウトでの放棄されたユーザー向けのフォームの事前入力

「設定」タブに切り替えると、トラッキングスクリプトのようなカスタムコードを追加できます。

ここは、WooCommerce のコンバージョンをトラッキングする場合にスクリプトを追加したい場所です。詳細は、WooCommerce コンバージョン トラッキングのガイドをご覧ください。

FunnelKit のチェックアウト設定にカスタムスクリプトやコードを入力する

すべてのカスタマイズに満足したら、「ストアチェックアウトを有効にする」をクリックするだけです。

これで完了です!これで、ユーザーが商品ページの「今すぐ購入」ボタンをクリックすると、最適化されたチェックアウトページに直接移動します。

FunnelKit を使用して WooCommerce をカート機能なしで実行する例

専門家のアドバイス: FunnelKitでは、購入後のWooCommerceのサンキューページもカスタマイズできます。

クロスセル機会を増やし、顧客維持率を向上させたい場合は、カスタムのWooCommerceサンキューページを簡単に作成する方法に関するガイドをお読みください。

オプション 2: ダイレクトチェックアウトプラグインを使用する (無料の方法)

シンプルで「設定したらあとはお任せ」のソリューションをご希望の場合は、QuadLayers製の無料プラグイン Direct Checkout For WooCommerce の使用をお勧めします。FunnelKit よりもカスタマイズオプションは少ないですが、購入者を直接チェックアウトに送るのに最適な方法です。

まず、プラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを確認してください。

次に、WooCommerce » Direct Checkoutに移動します。WooCommerceの設定ページに新しいダイレクトチェックアウトタブが表示され、一般セクションから始まります。

Direct Checkout プラグインの一般設定の構成

ここで、「カートに追加した後のリダイレクト」を「はい」に設定していることを確認してください。

その後、「カートに追加した後のリダイレクト先」設定で、ドロップダウンメニューから「チェックアウト」を選択します。これにより、顧客はカートに追加ボタンをクリックするとすぐにチェックアウトページにリダイレクトされます。

いくつかのオプション設定もあります。1つは「カート追加アラート」設定です。

お客様が商品をカートに追加すると、「[商品名]がカートに追加されました」というメッセージと、カートを表示するためのリンクが表示されます。この設定を「はい」にすると、そのリンクはお客様をカートページではなくチェックアウトページに直接誘導します。

変更できるもう1つのオプション設定は、「ショップでのカート追加リンク」です。これを「はい」に設定すると、ストア内の「カートを見る」リンクをクリックした顧客は、ショッピングカートではなく直接チェックアウトに移動します。

これらのオプション設定は、有効にする前に両方を慎重にテストすることをお勧めします。チェックアウトを高速化できますが、一部の顧客は最初にカートを確認することを好み、別の場所に移動させられると不快に感じる可能性があります。

最後に、「カートURLを置き換える」設定は、基本的なカートページのリダイレクト機能には不可欠ではないため、「いいえ」のままにしておくことをお勧めします。

これらの設定が完了したら、「変更を保存」ボタンをクリックすることを忘れないでください。

Direct Checkout プラグインの一般設定の変更を保存しています

それでは、「アーカイブ」タブに切り替えましょう。

ここでは、WooCommerceストアのショップページに「カートに追加」ボタンが表示される方法をカスタマイズできます。

ダイレクトチェックアウトプラグインのアーカイブページ設定の構成

カートボタンを置き換えるには、「カートに追加」テキストを置き換える設定を「はい」に設定する必要があります。

次に、カートに追加」テキストを置き換えたいWooCommerce商品の種類(通常商品、グループ商品、バリエーション商品、バーチャル商品、ダウンロード可能商品など)を選択できます。

これらはWooCommerceの製品タイプのデフォルト設定ですが、特定のWooCommerceプラグインをインストールしている場合は、さらに多くの設定がある可能性があります。

その後、カートに追加ボタンのテキストを、「今すぐ購入」や「即時購入」のような、より行動を促すものにカスタマイズできます。

完了したら、「変更を保存」をクリックします。

次に、「製品」タブに移動します。このセクションは前のセクションに似ていますが、カートページとリダイレクト設定が個々の製品ページでどのように機能するかを制御します。

「カートに追加」ボタンのテキストを置き換える」を「はい」に設定し、適切なフィールドでボタンのテキストをカスタマイズできます。

Direct Checkoutプラグインでの単一商品ページ設定の構成

次のステップはオプションですが、「チェックアウト」タブに移動できます。ここで、特定のチェックアウトフィールドを削除して、WooCommerceのチェックアウトページエクスペリエンスを最適化できます。

例えば、デジタル製品のみを販売している場合は、チェックアウト時の配送先住所フィールドを削除したり、チェックアウトポリシーのテキストを非表示にしたりできます。

Direct Checkout でチェックアウト設定を構成する

これで完了です!これで、顧客としてWooCommerceストアにアクセスして、ダイレクトチェックアウトがどのように機能するかをテストできます。

顧客がカートに追加ボタンをクリックすると、ショッピングカートを完全にスキップして直接チェックアウトに進みます。

Direct Checkout プラグインを使用したカートページのスキップの例

WooCommerceカートをスキップするためのベストプラクティス

WooCommerceでダイレクトチェックアウトを設定するのは簡単ですが、ストアで効果的に機能するようにするための重要な考慮事項がいくつかあります。

  • 支払い方法 – カートページをスキップした場合、すべての決済ゲートウェイがスムーズに機能するわけではありません。直接チェックアウトをサポートするオプションを選択するには、WordPress の 最適な WooCommerce 決済ゲートウェイ に関するガイドをご覧ください。
  • ユーザーエクスペリエンス – カートページを削除する場合は、これが顧客のショッピング行動にどのように影響するかを追跡するようにしてください。顧客トラッキングを有効にすることや、フィードバックを収集するために購入後アンケートを設定することを検討してください。
  • パフォーマンスへの影響 – WooCommerce のカートページをスキップするとチェックアウトプロセスを高速化できますが、スムーズなショッピング体験を確保するために、オンラインストアを高速化する必要があります。
  • セキュリティ – チェックアウトが速くなっても、セキュリティを犠牲にするべきではありません。悪意のある活動からストアを保護するために、WooCommerce で不正注文や偽注文を防ぐ方法を学ぶことは良いことです。
  • キャッシュをクリアする – ダイレクトチェックアウトを設定したら、ウェブサイトのキャッシュとブラウザのキャッシュをクリアしてください。これにより、変更がライブになり、すべての顧客に表示されるようになります。

カートページをスキップしてチェックアウトにリダイレクトすることに関するよくある質問

カートページを削除してチェックアウトにリダイレクトする前に、読者がよく尋ねる質問をいくつかご紹介します。

カートページをスキップするとSEOに悪影響がありますか?

いいえ、カートページ自体をスキップしても、SEO に直接的な悪影響はありません。検索エンジンは、サイトの速度、モバイルフレンドリーさ、コンテンツの質といった要素をより重視します。より速く、より合理化されたチェックアウトは、ユーザーエクスペリエンスを向上させることができ、これは SEO にとってポジティブなシグナルです。

カートページをスキップした場合でも、クーポンコードを提供できますか?

はい、絶対に可能です。標準のWooCommerceチェックアウトページには、クーポンコード用のフィールドが含まれています。

特定の商品のみカートページをスキップすることは可能ですか?

はい、FunnelKit の CartHopper アドオンを使用すると、特定の製品やカテゴリをカートスキップ機能から除外する特定のルールを作成できます。これは、単一購入品と顧客がグループで購入することが多い製品の両方を販売している場合に最適です。

標準のカートとチェックアウトプロセスに簡単に戻ることはできますか?

はい、いつでも設定を元に戻すことができます。どちらのプラグインでも、設定に入ってカートスキップ機能を無効にするだけで済みます。オンラインストアはすぐに、個別のカートページを持つ標準のWooCommerceフローに戻ります。

この記事が、WooCommerceカートページをスキップしてチェックアウトにリダイレクトする方法を学ぶのに役立ったことを願っています。また、WooCommerceで一緒に購入されやすい商品を表示する方法に関するガイドや、売上を伸ばすための最適なWooCommerce自動化の専門家による選び方も参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。