中小企業のオーナー様のオンラインストアの改善をお手伝いする際、最も多いリクエストのひとつが購入手続きの効率化です。結局のところ、”お買い物カゴに入れる “から “注文する “までのすべての余分なステップは、放棄されたカートや損失売上につながる可能性があります。
WooCommerceのお買い物カゴのページをスキップし、カスタマイザーに直接購入手続きへリダイレクトすることは、売上を上げる最も簡単な方法の一つであることがわかりました。実際、オンラインストアの購入手続きを改善することで、コンバージョン率を最大35%向上させることができます。
そこで、WooCommerceでお買い物カゴのページをスキップする方法をわかりやすくご紹介します。また、カスタマイザーを困らせることなくカートページをスキップするためのヒントもご紹介します。
WooCommerceカートページのスキップ：あなたのストアに合っていますか？🛒
技術的な詳細を説明する前に、WooCommerceのお買い物カゴページをスキップすることがあなたのオンラインストアにとって正しい選択かどうかを見てみましょう。 私たちは、この決定について多くのストアオーナーを支援しており、どのような場合に直接購入手続きが最も効果的かを熟知しています。
WooCommerceでお買い物カゴのページをスキップすることは、1つの項目しか販売しない場合にとても効果的です。このシナリオでは、カスタマイザーに直接購入手続きをさせることで、売上を伸ばすことができます。
また、予約を受け付けている場合やサービスを販売している場合は、WooCommerceの購入手続きページに直接移動することで、お客様にとってより簡単になります。
さて、もしあなたのストアが多くの異なる項目を販売しており、人々が一度に複数のものを購入するためにカート機能を頻繁に使用するのであれば、カートページと購入手続きページは残しておいた方がいいかもしれません。
この場合、代わりにワンクリックWooCommerce購入手続きを提供してみてはいかがでしょうか。この場合、項目をチャートに追加するか、すぐに支払いに進むかの2つのオプションがあります。
もう一つ良いオプションがあります。ページの横からスライドして入ってくるWooCommerceのミニカゴを追加する方法です。こうすることで、カスタマイザーは今いるページを離れることなく、お買い物カゴの中身を確認することができます。迅速かつ便利です。
お買い物カゴのページを削除したい場合、2つの方法があります。あなたに最適な方法をお選びください：
重要: このガイドのチュートリアルのいずれかを行う前に、機能するWooCommerceストアが必要です。まだお持ちでない場合は、究極のWooCommerceチュートリアルをご覧ください。
設定オプション1： FunnelKit + CartHopperアドオン（よりカスタマイズ可能）を使用する。
この方法は、購入手続きを完全にコントロールし、お買い物カゴの放棄を減らすことに真剣なストアオーナーに最適です。FunnelKitを使用すると、ニーズに合わせて完全にカスタマイズされたWooCommerceダイレクト購入手続きを作成できます。
ステップ1: FunnelKitプラグインのインストール
このソリューションには3つのWooCommerceプラグインが必要です：
最初の2つのプラグインは、よりコンバージョンの高い美しい購入手続きのページを作成するのに役立ちます。
プロバージョンにはタグが付きます。しかし、購入手続きをカスタマイズしたり、セールスファネルを最適化したり、ワンクリック注文のようなアップセル機能を追加したりするための強力なツールが提供されるため、投資する価値があると私たちは考えています。
一方、無料のCartHopperアドオンを使用すると、お買い物カゴのページをスキップして、直接WooCommerceの購入手続きページにカスタマイザーを送ることができます。
FunnelKitの機能についてさらに詳しく知りたいですか？詳細なFunnelKitレビューをご覧ください。
まず、WordPressダッシュボードに3つのプラグインをすべてインストールし、有効化します。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドを参照してください。
次に、管理エリアのFunnelKit ” Settingsにアクセスしてください。
左カラムの’ライセンス’タブをクリックし、ライセンスキーを入力してください。ライセンスキーは、FunnelKitサイトのアカウント内にあります。
有効化したら、「有効化」と「変更を保存」をクリックします。これで、購入手続きのカスタマイザーの準備が整いました。
ステップ2：お買い物カゴページの削除
WooCommerceのお買い物カゴページをスキップするには、 FunnelKit ” CartHopperにアクセスしてください。ここには、お買い物カゴの機能をカスタマイズし、直接購入手続きへリダイレクトするための設定がすべてあります。
すべての商品でSkipCartを有効化’設定をチェックするだけです。これにより、お客様がカートに追加ボタンをクリックするたびに、お買い物カゴページが削除され、WooCommerceの購入手続きページに直接移動します。
WooCommerceのダイレクト購入手続きは、この基本設定で十分です。しかし、プラグインはカスタマージャーニーを最適化するためのより多くの方法を提供します。
メイン設定の下に、通常のお買い物カゴや購入手続きのページを残しておきたい特定の商品カテゴリーや商品を選択することができます。スキップしたくないカテゴリーや商品の名前を該当するフィールドに入力するだけです。
また、「お買い物カゴに入れる」テキストをよりふさわしいものにカスタマイズすることもできます。
初期設定は “今すぐ購入 “ですが、”今すぐ購入 “や “すぐに購入手続き “の方がいいかもしれません。お買い物カゴの放棄を減らすために、緊急性や買い逃しの恐れを追加することを検討してください。
さらにコントロールしたい場合は、「ルールの追加」をクリックしてカスタマイザーを設定することができます。
ポップアップが表示されます。
ここでは、ルールを「これらのいずれか」または「これらのすべて」のお買い物カゴ項目に適用するかを選択できます。
例えば、帽子を販売している場合、’Any of these’オプションを選択すると、カスタマイザーが帽子を単品で購入した場合でも、他の項目と一緒に購入した場合でも、お買い物カゴをスキップします。
一方、「すべて」オプションを選択すると、お客様が帽子と一致するスカーフを一緒に購入した場合など、お客様が指定した商品の組み合わせを購入した場合のみ、お買い物カゴがスキップされます。
そして、このルールのお買い物カゴ機能を有効化するか無効化するかを決定し、これらの商品専用のカートに追加ボタンをカスタマイズすることもできます。
複数のチェックアウトページがある場合、商品ごとに使用するWooCommerceチェックアウトページを選択することもできます。ルールを設定したら、「ルールを追加」をクリックします。
ポップアップが閉じます。
新しい設定をWooCommerceストアに適用するには、「変更を保存」をクリックすることを忘れないでください。
ステップ3：購入手続きのカスタマイズ
技術的にはステップ1と2を完了させれば十分ですが、せっかく強力なファネルプラグインをインストールしても、それをフルに活用しなければ意味がありません。
購入手続きページをカスタマイズするには、FunnelKit ” Store Checkoutに移動してください。次に、’Store Checkout’ タブに切り替え、’Create Store Checkout’ ボタンをクリックします。
FunnelKitには、ブロックエディターやDiviやBricksのような人気のページビルダープラグインを使って編集できる購入手続きテンプレートがいくつかあります。
ページの上部で、お好みの編集プラットフォームを選択します。次に、興味のある購入手続きテンプレートの「プレビュー」をクリックしてください。
ほとんどのFunnelKitテンプレートには、購入手続きページに加え、さらに購入を促すアップセルページとサンキューページが含まれています。
気に入ったテンプレートを見つけたら、’Import This Funnel’ボタンをクリックしてください。
次に、購入手続きに名前をつける必要があります。これは、異なる製品や顧客グループに対して複数のバージョンを作成した場合に、異なる購入手続きをトラッキングするのに役立ちます。
名前をつけたら「完了」をクリックする。
購入手続きページを編集するには、「Add Order Bump」ボタンの上にある購入手続き名をクリックしてください。
購入手続きをカスタマイズするためのいくつかの設定が表示されます。
デザイン」タブで「テンプレートを編集」をクリックします。テンプレート’をクリックして、お好みの編集プラットフォームでデザインをカスタマイズしてください。
これらのカスタマイズ手順については、WooCommerce購入手続きのカスタマイズ方法のガイドで詳しく説明しています。
ページを下にスクロールすると、購入手続きで必須のセクションやフィールドをカスタマイズすることもできます。
初期設定として、お問い合わせフォームには連絡先情報 (メール) と配送先住所 (姓、名、配送先住所、請求先住所、電話番号) のセクションがあります。これらの初期設定はほとんどのオンラインストアに適していますが、任意のフィールドをクリックしてさらにカスタマイズすることができます。
例えば、配送先住所を変更するには、その住所をクリックするだけです。
必要に応じてこのセクションのフィールドをカスタマイズできるポップアップが表示されます。
First Nameフィールドを編集する場合、ラベルを変更し、例を示すプレースホルダー・テキストを追加し、フィールドを必須または任意にすることができます。
フォーム・フィールドには好きなだけ変更を加えることができます。
変更内容に満足したら、下にスクロールして「更新」をクリックする。
Optimizations（最適化）」タブでは、購入手続きを改善するためのその他の方法を提供しています。
例えば、エクスプレス購入手続きを有効化することで、ユーザーはApple PayやGoogle Payなどを使って素早く支払いを済ませることができる。
WooCommerceでエクスプレス購入手続きを追加する方法について、詳しいチュートリアルがあります。
自動適用クーポンを設定することもできます。これは、ユーザーが購入手続きを開始する際に自動的に適用されるクーポンコードです。
クーポンの自動適用を設定するには、「クーポンの自動適用」タブを開き、「クーポンの自動適用」オプションで「はい」を選択し、自動的に適用したいクーポンコードを入力します。必要に応じて、クーポンフィールドを無効化することもできます。保存」を忘れずにクリックしてください。
もう一つの便利な機能は、’放棄されたユーザーのためのプリフィルフォーム’設定です。
この機能は、ユーザーがお買い物カゴ放棄メールを受け取った後、購入手続きに戻った際に、以前に入力した値を自動的に入力します。これにより、ユーザーは簡単に購入を完了することができます。
有効化」オプションで「はい」をクリックし、「保存」をクリックするだけです。
設定」タブに切り替えると、トラッキングスクリプトなどのカスタムコードを追加できる。
WooCommerceのコンバージョンをトラッキングする場合は、ここにスクリプトを追加します。詳しくはWooCommerceコンバージョントラッキングガイドをご覧ください。
すべてのカスタマイザーに満足したら、「ストア・チェックアウトを有効化」をクリックするだけです。
これで完了です！これで、ユーザーが商品ページの「今すぐ購入」ボタンをクリックすると、最適化された購入手続きページに直接移動します。
エキスパートヒント FunnelKitは購入後のWooCommerceサンキューページのカスタムも可能です。
クロスセルの機会を増やし、顧客維持を改善したいのであれば、WooCommerceのカスタマイザーページを簡単に作成する方法についてのガイドをお読みください。
設定2：ダイレクト・チェックアウト・プラグインを使用する（無料方法）
お買い物カゴページなしでWooCommerceを使用したい場合、シンプルな “set it and forget it “ソリューションをご希望の場合は、無料のWooCommerce Direct Checkoutプラグインの使用をお勧めします。このお買い物カゴプラグインは、FunnelKitよりもカスタマイズオプションが少ないですが、買い物客を直接購入手続きへ送るには最適です。
まず、プラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。
次に、WooCommerce ” Direct Checkoutにアクセスしてください。WooCommerceの設定ページに新しいダイレクトチェックアウトタブがあることに気づくでしょう。
ここで、’Added to cart redirect’を’Yes’に設定してください。
その後、「お買い物カゴへのリダイレクト先」設定で、ドロップダウンメニューから「購入手続き」を選択します。これで、カスタマイザーはお買い物カゴに追加ボタンをクリックした後、すぐに購入手続きページにリダイレクトされます。
オプション設定もいくつかあります。ひとつは「お買い物カゴに入れたアラート」設定です。
カスタマイザーが商品をカートに追加すると、「[商品名]がカートに追加されました」というメッセージとカートを表示するリンクが表示されます。この設定を’Yes’にすると、そのリンクはカートページではなく、直接購入手続きページに移動します。
変更するもう一つのオプション設定は、「ショップ内のお買い物カゴリンクに追加」です。これを’Yes’に設定すると、あなたのショップで’カートを表示’リンクをクリックしたカスタマイザーは、ショッピングカートではなく、そのまま購入手続きへ移動します。
これらのオプション設定を有効化する前に、慎重にテストすることをお勧めします。購入手続きをスピードアップできる反面、お買い物カゴを先に確認したがるカスタマイザーもいます。
最後に、基本的なカートページのリダイレクト機能には必須ではありませんので、「Replace cart url」設定は「No」のままにしておくことをお勧めします。
これらの設定が終わったら、「変更を保存」ボタンをクリックするのをお忘れなく。
では、「アーカイブ」タブに切り替えてみよう。
ここでは、WooCommerceストアのショップページに表示されるお買い物カゴへの追加ボタンをカスタマイズすることができます。
お買い物カゴボタンを置き換えるには、「カートに入れるテキストを置き換える」設定を「はい」にする必要があります。
次に、「カートに追加」テキストを置き換えるWooCommerce商品の種類を選択できます。これには、シンプル商品、グループ化された商品、可変商品、バーチャル商品、ダウンロード可能商品などがあります。
これらは商品タイプに対するWooCommerceの初期設定ですが、特定のWooCommerceプラグインをインストールしている場合は、さらに多くの設定があるかもしれません。
その後、”Buy Now “や “Purchase Instantly “のような、よりアクション指向にカスタマイズすることができます。
完了したら、『変更を保存』をクリックします。
次に、「商品」タブにナビゲーションします。このセクションは前のセクションと似ていますが、お買い物カゴページとリダイレクト設定が個別商品ページでどのように機能するかをコントロールします。
お買い物カゴに入れるテキストを置き換える」を「はい」に設定し、適切なフィールドでボタンテキストをカスタマイズすることができます。
次のステップはオプション設定ですが、’チェックアウト’タブに移動することができます。ここでは、WooCommerceチェックアウトページのエクスペリエンスを最適化するために、特定のチェックアウトフィールドを削除することができます。
例えば、デジタル商品のみを販売する場合、購入手続きの配送先住所欄を削除したり、購入手続きのポリシーテキストを非表示にしたり、必要に応じて様々なことが可能です。
といったところです！これで、WooCommerceストアにカスタマイザーとして訪問し、ダイレクト購入手続きがどのように機能するかをテストすることができます。
カートに入れるボタンをクリックすると、カスタマイザーはショッピングカートを完全にスキップし、そのまま購入手続きへと進みます。
WooCommerceカートをスキップするベストプラクティス
WooCommerceにダイレクトチェックアウトを設定するのは簡単ですが、あなたのストアで効果的に機能させるための重要な考慮事項をいくつかご紹介します：
- 支払い方法– すべての支払いゲートウェイが、お買い物カゴのページをスキップしてもスムーズに動作するとは限りません。WordPressに最適なWooCommerce決済ゲートウェイのガイドをチェックして、ダイレクトチェックアウトをサポートするオプションを選択してください。
- ユーザーエクスペリエンス– お買い物カゴのページを削除した場合、それがカスタマイザーのショッピング行動にどのような影響を与えるかをトラッキングしましょう。カスタマートラッキングを有効化し、購入後のアンケートを設定してフィードバックを集めることを検討しましょう。
- パフォーマンスへの影響– WooCommerceのお買い物カゴページをスキップすることで、購入手続きをスピードアップすることができますが、スムーズなショッピング体験を保証するために、オンラインストアをスピードアップする必要があります。
- セキュリティ– より迅速な購入手続きはセキュリティを損なうべきではありません。WooCommerceで詐欺や偽の注文を防ぐ方法を学び、悪意のある行為からあなたのストアを守りましょう。
🚨コンバージョンの高いWooCommerceストアをお探しですか？ WPBeginnerプロサービスチームに、技術的な詳細をすべてお任せください。合理化された購入手続きを設定し、ストア設定を最適化し、すべてがスムーズに行われるようにします。さらに、専任のプロジェクトマネージャーが最初から最後までプロセスを監督します。
この投稿が、WooCommerceのお買い物カゴページをスキップして購入手続きにリダイレクトする方法を学ぶのにお役に立てば幸いです。また、WooCommerceでよく一緒に購入される商品を表示する方法についてのガイドと、専門家が選ぶ売上アップに最適なWooCommerceオートメーションもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Have a question or suggestion? Please leave a comment to start the discussion.