チェックアウト体験の小さな調整が売上に大きな影響を与える可能性があります。
数え切れないほどのWooCommerceストアオーナーと協力してきた結果、1つの簡単な変更が大きな違いを生むことを目の当たりにしてきました。それは、Apple Pay、Google Pay、またはPayPalのようなエクスプレスチェックアウトボタンを追加することです。
これらのオプションにより、顧客は完全なチェックアウトフォームをスキップし、保存された詳細または生体認証を使用して即座に支払うことができます。この利便性は、特にモバイルでコンバージョンを大幅に向上させることができます。
このチュートリアルでは、WooCommerceストアにエクスプレスチェックアウトボタンを追加する方法をステップバイステップで紹介します。これにより、摩擦を減らし、より多くの販売を完了できます。
WooCommerce にエクスプレスチェックアウトを追加する理由
WooCommerceストアにエクスプレスチェックアウトを追加すると、顧客のショッピング体験が向上します。
これにより、顧客は直接支払いページに移動し、ショッピングカートまたはチェックアウトページをスキップできます。また、購入を完了するために支払いプロバイダーページに移動したり、チェックアウトフォームに入力したりする必要もありません。
エクスプレスチェックアウトボタンは、購入プロセス全体を迅速化します。顧客はボタンをクリックしてログインするだけで、購入したい商品を即座に支払うことができます。その結果、コンバージョン率が向上し、カート放棄が減少する可能性があります。
エクスプレスチェックアウトを追加することは、画面サイズが小さいモバイルユーザーにも役立ちます。顧客はボタンをタップするだけで商品をすばやく購入できます。
ただし、WooCommerceはデフォルトでエクスプレスチェックアウトオプションを提供していません。この機能をお使いのオンラインストアに追加するには、WooCommerceプラグインを使用する必要があります。
それでは、WooCommerceにエクスプレスチェックアウトボタンを追加する方法を見てみましょう。ここでは、以下の手順を説明します。
- WooCommerceストアでのFunnelKitの設定
- WooCommerceで支払いゲートウェイを有効にする
- Adding Express Checkout Buttons to WooCommerce
WooCommerceストアでのFunnelKitの設定
FunnelKitは、市場で最高のWooCommerceセールスファネルプラグインです。いくつかのテストストアで使用しましたが、チェックアウトエクスペリエンスを合理化する上で目に見える違いがありました。
複数のプラグインを必要とせずに、オンラインストアにエクスプレスチェックアウトボタンを追加したり、さまざまなファネルページを作成したりできます
このプラグインの気に入っている点の一つは、Stripe、Apple Pay、Google Pay、PayPal Express、Amazon Pay、その他の決済ゲートウェイと連携して、エクスプレスチェックアウトができることです。
これにより、サードパーティのプラグインや拡張機能を使用して、各支払いプロバイダーをオンラインストアに追加する必要がなくなります。
FunnelKitはユーザーフレンドリーなテンプレートも提供しており、A/Bテストを行うことができます。さまざまなドラッグアンドドロップページビルダーを使用して、ファネルを簡単にカスタマイズできます。さらに、マーケティングキャンペーン用の複数の既製のテンプレートと自動化機能があります。
注: このチュートリアルでは、プレミアムテンプレートとより多くのカスタマイズオプションが含まれているため、FunnelKit Pro プラグインを使用します。無料の FunnelKit による WordPress 用 Funnel Builder プラグインを使用して、WooCommerce にエクスプレスチェックアウトボタンを追加することもできます。
まず、FunnelKit プラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPress プラグインのインストール方法 に関するガイドに従ってください。
有効化すると、FunnelKitセットアップウィザードが表示されます。「開始する」ボタンをクリックしてください。
その後、ライセンスキーを入力する必要があります。キーはFunnelKitアカウントエリアで見つけることができます。
ライセンスキーを入力したら、「有効化」ボタンをクリックするだけです。
次に、FunnelKit は必須プラグインのインストールを求めます。これらには、WooCommerce、Stripe、FunnelKit Automations、および FunnelKit Cart が含まれます。
最も良い点は、「インストールして有効化」ボタンをクリックするだけで、あとはFunnelKitがすべて処理してくれることです。
プラグインが有効になったら、最後のステップはメールアドレスを入力することです。
それが完了したら、「送信＆完了」ボタンをクリックするだけです。
これで成功メッセージが表示されます。プラグインを使用してファネルを作成し、WooCommerceストアにエクスプレスチェックアウトボタンを追加する準備ができました。
続行するには、「ファネルに移動」ボタンをクリックしてください。
WooCommerceで支払いゲートウェイを有効にする
次に進む前に、WooCommerceストアで少なくとも1つの支払いサービスを設定したことを確認してください。
これを行うには、WordPressダッシュボードから WooCommerce » 設定 に移動し、「支払い」タブをクリックするだけです。
その後、トグルをクリックして選択した支払いゲートウェイを有効にし、「セットアップ完了」ボタンをクリックして構成を完了できます。
詳細については、WooCommerceでユーザーが支払い方法を選択できるようにする方法に関するガイドを参照してください。
WooCommerceにエクスプレスチェックアウトボタンを追加する
好みの決済ゲートウェイを有効にしたら、WordPress管理画面から FunnelKit » Store Checkout ページに移動できます。
ここから、「ストアチェックアウトを作成」ボタンをクリックするだけです。
次の画面で、FunnelKitはチェックアウトページのプロフェッショナルにデザインされたテンプレートを表示します。また、ゼロからチェックアウトページを作成することもできます。
ただし、テンプレートを使用して要件に合わせて迅速にカスタマイズすることをお勧めします。
使用したいテンプレートの上にカーソルを合わせ、「プレビュー」ボタンをクリックするだけです。
このチュートリアルでは、Livewireテンプレートを使用します。
次に、一番上にある「このファネルをインポート」ボタンをクリックします。
使用するテンプレートによっては、FunnelKitはチェックアウトページを編集するためにElementorのような追加プラグインのインストールを要求する場合があります。
次に、ストアのチェックアウトの名前を入力し、「追加」ボタンをクリックする必要があります。
その後、テンプレートに含まれるすべてのステップが表示されます。
チェックアウトページの「編集」ボタンをクリックするだけで続行できます。
次に、「最適化」タブに切り替えることができます。ここで、「エクスプレスチェックアウトボタン」オプションを有効にするだけです。
FunnelKitでは、ボタンの位置を以下のオプションから選択することもできます。
- チェックアウトページのトップ
- 製品スイッチャーの前/後
- 注文概要の前/後
- 支払いゲートウェイの上
完了したら、「変更を保存」ボタンをクリックするだけです。
これで、オンラインストアにエクスプレスチェックアウトボタンを追加することに成功しました。
チェックアウトページの表示を編集したい場合は、「デザイン」タブに切り替えて「テンプレートの編集」ボタンをクリックできます。
WooCommerceのチェックアウトページをカスタマイズする方法に関するガイドに従って、さらに詳しく学ぶことができます。
変更が完了したら、オンラインストアにアクセスして、エクスプレスチェックアウトボタンが機能していることを確認してください。
さらに、FunnelKitはWooCommerceで商品をアップセルするのに役立ちます。これにより、ユーザーにより多くの商品を購入してもらうことで売上を伸ばすことができます。
FunnelKit Automations（FunnelKitの姉妹製品）を使用して、WooCommerceで自動メールを設定することもできます。このプラグインを使用すると、自動ワークフローを作成し、顧客にメールキャンペーンを送信できます。
ボーナス: WooCommerce で GPay 用のワンクリックチェックアウトを作成する
上記の方法が複雑で高価に思える場合は、WooCommerce に GPay 用のワンクリックチェックアウトボタンを追加することもできます。これは Google のモバイル決済サービスで、Android スマートフォン、時計、またはタブレットを使用して支払うことができます。
これには、完全に無料のDirect Checkout for WooCommerce プラグインを使用できます。ただし、GPay のボタンのみを追加し、Stripe や PayPal はサポートしないことに注意してください。
プラグインを有効化したら、WooCommerce » 設定 » 支払いページにアクセスし、「エクスプレスチェックアウト」タブに切り替えます。ここで、「エクスプレスチェックアウトを有効にする」オプションにチェックを入れます。
その後、残りの設定を構成してボタンをカスタマイズできます。最後に、「変更を保存」ボタンをクリックして設定を保存します。
これで、ストアに「購入 GPay」ボタンが追加されました。詳細については、WordPressでワンクリックチェックアウトを作成する方法に関するチュートリアルを参照してください。
この記事が、WooCommerceにエクスプレスチェックアウトボタンを追加する方法について役立ったことを願っています。また、あなたのストアに最適なWooCommerceプラグインのリストや、売上を伸ばすためのWooCommerceポップアップの作成方法もご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
イジー・ヴァネック
顧客が製品を選択してから支払いまでのプロセスを簡略化できれば、それは素晴らしいことであり、利益の増加につながる可能性があります。詳細なガイドをありがとうございます。製品を選択してから支払いまで直接進めるアプリを好むことは自分でもわかっており、プロセスを遅くする多くの不要なステップがある e ショップは文字通り避けています。WooCommerce で作業するのが好きで、まだ e ショップを最終決定しているところなので、この記事と合わせてぜひ実装したいことのリストにさらに項目が追加されます。
ラルフ
購入プロセスが簡単であればあるほど、より多くの顧客がコンバージョンします。これが私が何年も前に学んだことです。エクスプレスチェックアウトは私の収益をほぼ10%増加させ、私は常にそれをさらに良くする方法についての記事を調べています。このガイドで紹介されている方法を新しいウェブサイトで使用するかもしれません。これは非常にしっかりしているように見えます。