数多くのオンライン ビジネスの構築と成長を支援してきた私たちは、よりスムーズな顧客エクスペリエンスのためにチェックアウトを最適化することが e コマース サイトにとって最優先事項の 1 つであることを認識しています。そのため、ワンクリック チェックアウトを作成することをお勧めします。
WordPress にワンクリック チェックアウトを追加すると、ユーザーはトランザクションをより迅速に完了できるようになり、戻ってくる可能性が高くなります。チェックアウトの手間を省くことで、コンバージョンを大幅に増やすこともできます。
この記事では、WordPress でワンクリック チェックアウトを作成して売上を伸ばす方法を学びます。
長いチェックアウト ページは、購入に興味がある訪問者を遠ざけてしまう可能性があります。チェックアウトフィールドのリストをクリックして、多くの不要な情報や繰り返しの情報を入力しなければならないため、購入プロセスが長引いてしまいます。
チェックアウトプロセスが長くなるほど、顧客がある時点で離れてしまう可能性が高くなります。
カート放棄率の平均は 70.19% で、買い物客の 22% が、購入手続きプロセスが長すぎる、または複雑すぎることが放棄の理由であると述べています。
そこでワンクリック チェックアウト プロセスが登場します。これは「今すぐ購入」ボタンを追加するだけなので、リピーターは合理化されたチェックアウト プロセスを楽しむことができます。
ワンクリック チェックアウトとは、顧客が購入するたびに配送、請求、支払いの詳細を入力する必要がなく、ボタンをクリックするだけで商品をオンラインで簡単に購入できるサービスです。
これはオートコンプリート機能に似ていますが、チェックアウト ページに移動することなく Web サイトが自動的に取引を処理するため、ユーザーはフィールドに入力する必要さえありません。
訪問者は 1 回クリックするだけで購入を迅速に完了できるため、コンバージョン率が向上し、カート放棄率が減少します。オンライン ストア、サービス ビジネス、会員制サイト、その他の種類の Web サイトを持っている場合でも、売上を増やすためのシンプルかつ簡単な方法です。
とはいえ、WordPress にワンクリック チェックアウトを追加する 5 つの方法について説明します。
WPForms を使用すると、購入者向けのワンクリック チェックアウト プロセスを簡単に作成できます。 WPForms は、コードなしであらゆる種類のフォームを簡単に構築できるフォーム ビルダーです。
ドラッグ アンド ドロップ ビルダーを使用すると、Stripe 支払い機能を使用して簡単に支払いを回収できるため、支払いフォーム、ユーザー登録フォーム、経費承認フォームなどを作成できます。また、1,800 を超えるテンプレートから選択できるため、実質的にあらゆる種類のフォームを見つけることができるため、最初から作成する必要はありません。
注: 良いニュースは、無料の Stripe 統合のみを使用するため、このチュートリアルでは WPForms Lite を使用できることです。ただし、より高度な機能が必要な場合は、Pro バージョンをインストールすることをお勧めします。
まず、WPForms プラグインをダウンロードしてアクティブ化します。詳細については、WordPress プラグインのインストール方法に関するガイドをご覧ください。
アクティブ化したら、WordPress 管理ダッシュボードから WPForms » 設定 ページに移動します。次に、「支払い」タブに移動します。
Stripe の下で、「Stripe に接続」ボタンを押す必要があります。
これにより、Stripe 接続ウィザードにリダイレクトされ、既存のアカウントに接続するか、新しいアカウントを作成できます。
Stripe 接続ウィザードの手順に従います。
手順を完了すると、WordPress ダッシュボードに戻ります。
Stripe アカウントが WPForms に接続されていることを示す緑色のチェックマークが表示されます。
これで、Web サイトで支払いの受け付けを開始できるようになり、チェックアウト フォームを作成する準備が整いました。
WPForms » 新規追加に移動します。ここから、フォームに名前を付けることができます。これは、後で参照するのに役立ちます。
次に、ニーズに合った支払いフォームのテンプレートを選択します。
このチュートリアルでは、Stripe Payment Form テンプレートを使用して作業します。テンプレートの下にある「テンプレートを使用」をクリックします。
ドラッグ アンド ドロップ フォーム エディターが表示され、ニーズに合わせてフォームを簡単にカスタマイズできます。
フィールドを追加したい場合は、左側の「フィールドの追加」パネルから右側にドラッグ アンド ドロップするだけです。フィールドを編集するには、要素をクリックすると、「フィールド オプション」で調整できます。
たとえば、卸売フォームを作成する場合は、ラジオ ボタンを使用して複数選択フィールドを編集できます。
次に要素をクリックし、[フィールド オプション] でさまざまな製品を追加できます。
Stripe Link を有効にする必要があります。Stripe Link は、すべての顧客の詳細を安全に保存し、購入者がサイト上で再利用できるようにするワンクリック チェックアウト ソリューションです。レベル 1 PCI 準拠のサーバーを使用しているため、顧客のデータは暗号化され、安全です。
Stripe Link チェックアウト オプションを有効にするには、Stripe の [設定] » [支払い] ページに移動します。次に、「支払い方法」タブに移動します。
ここから、プラットフォームの選択で「WPForms LLC」メニューを選択します。
これにより、Stripe アカウントから利用可能なすべての支払い方法が WPForms に接続されます。
ページを下にスクロールすると、WPForms のさまざまな支払い方法と設定が表示されます。
エクスプレス チェックアウトのリンク オプションがアクティブであることを確認してください。
その後、WordPress に戻ってチェックアウト フォームの作成を完了します。 支払い » Stripe タブに移動します。
次に、[1 回限りの支払いを有効にする] オプションをオンにして、フォーム上で Stripe が有効になるようにします。
それが完了したら、「保存」ボタンを押してください。
次に「埋め込み」をクリックします。
ポップアップ メッセージが表示されるはずです。ここで、このフォームを既存のページに埋め込むか、新しいページを作成するかを選択できます。
すでにチェックアウト ページがあると仮定して、[既存のページを選択] ボタンをクリックします。
フォームは、選択したページに自動的に埋め込まれます。
そこから、上部の「公開」または「更新」ボタンを押すだけです。
必ずチェックアウトフォームをプレビューして、支払いが Stripe アカウントに送られているかどうかを確認してください。
有効化すると、Stripe に保存されているクレジット カードの詳細が事前に入力されます。
Stripe アカウントをお持ちのお客様は、Link を使用するためにワンタイム パスコード認証の入力を求められることに注意してください。
WP Simple Pay は、WordPress で 1 回限りの支払いと定期的な支払いを受け入れるもう 1 つの優れたオプションです。ワンクリック チェックアウト プロセスでさまざまな支払い方法を提供したい場合は、これがより良い選択です。
WP Simple Pay は、デビットおよびクレジット支払い、ACH デビット、Google Pay、Apple Pay、Venmo などを含む 13 以上の支払い方法を提供します。また、Klarna を使用すると、顧客に「今すぐ購入して後で支払う」オプションを提供することもできます。
開始するには、WP Simple Pay プラグインをインストールしてアクティブ化します。アクティブ化すると、セットアップ ウィザードが表示され、サイトで支払いの受け付けを開始する方法が示されます。
必ず最後まで手順に従ってください。
Stripe アカウントを接続するよう求められるはずです。 Stripe アカウントをお持ちでない場合は、作成できます。
セットアップ ウィザードを完了すると、セットアップが完了したことを確認する成功ページが表示されます。
次に、WP Simple Pay » 設定 ページに移動します。 Stripe タブで、Stripe アカウントが接続されていること、および「ライブ モード」になっていることを確認します。
支払いフォームの作成に入る前に、Stripe Link が有効になっていることを確認する必要もあります。
これを行うには、設定 » 一般 タブに移動します。次に、[詳細設定] タブで、[新しい支払いエクスペリエンス] チェックボックスをオンにします。
ここから、チェックアウト フォームのカスタマイズを開始する準備が整います。
WP Simple Pay » 新規追加 に移動すると、利用可能なテンプレートのライブラリが表示されます。
ニーズに合ったテンプレートを選択できますが、このチュートリアルでは Payment Form テンプレートを使用します。テンプレート名の下にある「テンプレートを使用」を選択します。
次に、フォームビルダーが表示されます。 「全般」タブでは、必要な情報を入力できます。
フォームにタイトルと説明を入力します。 CAPTCHA と電子メール検証オプションをチェックして、スパム送信を防ぐこともできます。
そこから、[支払い] タブに移動して、価格と通貨のオプションの調整を開始できます。
価格を 1 回限りまたはサブスクリプション オプションに設定することもできます。
その下では、幅広い支払い方法から選択できます。
受け入れたいオプションのチェックボックスをクリックします。
[フォーム フィールド] タブでは、ドロップダウン メニューからフィールドを選択し、[フィールドの追加] をクリックすることで、任意のフィールドを追加できます。既存のフィールドを編集することもできます。
Stripe Link を有効にするには、[電子メール アドレス] ドロップダウン メニューを展開します。次に、「保存された支払い方法を提供する」の下のチェックボックスをクリックする必要があります。
次に、Stripe アカウントに移動します。 [設定] » [支払い] ページに移動します。
[支払い方法] タブで、[プラットフォームの選択] ドロップダウン メニューから [WP Simple Pay] を必ず選択してください。
次に、WordPress に戻り、支払いフォームのカスタマイズを完了します。
完了したら、「公開」をクリックしてください。
これで、任意のページに移動して、新しく作成したフォームを追加できます。
「+」アイコンを押して、WP Simple Pay ブロックを追加します。
次に、作成した支払いフォームを選択すると、ページに表示されるはずです。
上部にある [公開] または [更新] ボタンをクリックします。
これで、WP Simple Pay を使用したワンクリック チェックアウト エクスペリエンスの作成が完了しました。
必ずフォームをプレビューして、機能することを確認してください。
デジタル製品を販売する場合、WordPress でワンクリック チェックアウトを作成するには、Easy Digital Downloads よりも優れたプラグインはありません。
50,000 人以上のユーザーがいるこのプラグインを使用すると、電子書籍、PDF、オーディオ、オンライン コース、テンプレートなどのデジタル製品を簡単に管理および販売できます。
始めるには、Easy Digital Downloads をインストールしてアクティブ化する必要があります。プラグインを有効にすると、チェックアウトとカートのページが自動的に作成されます。
とはいえ、EDD を使用して「今すぐ購入」ボタンを追加することで、ワンクリックのチェックアウト プロセスを追加できます。 「今すぐ購入」ボタンは、カートへの追加とチェックアウトのプロセスを自動的にバイパスし、顧客を直接支払いに導きます。
このチュートリアルでは、EDD でデジタル製品がすでに作成されていると仮定します。しかし、まだ読んでいない場合は、WordPress でデジタル ダウンロードを販売する方法に関する初心者ガイドを読んでください。
まず、WordPress 管理パネルのダウンロード » 設定 ページに移動します。
Payments » Stripe タブで、[Stripe に接続] をクリックします。
Stripe Connect ウィザードが表示されます。
既存の Stripe アカウントを接続するか、新しいアカウントを作成するだけです。
接続すると、WordPress に戻ります。
Stripe が [全般] タブでチェックされている支払いオプションの 1 つであることがわかります。
さらに、Stripe アカウントに移動する必要があります。次に、[設定] » [支払い] ページに移動します。
[支払い方法] タブで、[プラットフォームの選択] ドロップダウン メニューから [簡単デジタル ダウンロード] オプションを必ず選択してください。
そうすることで、誰かがあなたのデジタル製品を購入するたびに、Stripe Link がアクティブになり、クレジット カード情報がフィールドに自動入力されます。
次に、ダウンロード » ダウンロード ページに移動します。次に、「今すぐ購入」ボタンを追加するデジタル製品を見つけて、「編集」をクリックします。
ブロック エディターを開いたら、上部にある黒いサイド パネル ウィジェットをクリックします。
「ボタン オプション」に到達するまでパネルを下にスクロールします。そこから、ドロップダウンメニューから「今すぐ購入」を選択します。
次に、「公開」または「更新」ボタンを押します。
ここからページをプレビューできます。商品ページの下部に「チェックアウト」ボタンが表示され、チェックアウト ページに直接移動できます。次に、メールアドレスを入力すると、Stripe が請求および支払いの詳細を自動入力します。
e コマース ストアをお持ちの場合、エクスプレス チェックアウト プロセスを設定するには、FunnelKit Funnel Builder が最適です。
この人気のあるセールスファネルビルダーを使用すると、コンバージョン率の高いセールスファネルを簡単に作成して、平均注文額を増やし、カート放棄率を減らし、より多くのリードを獲得できます。
リード獲得ページや注文バンプの作成から、チェックアウトフォームやスライドサイドカートの作成まで、あらゆることを行うことができます。何よりも、コードを記述する必要がありません。
この方法では、商品ページを WooCommerce 用に設定しておく必要があります。まだストアをセットアップしていない場合は、完全なステップバイステップの WooCommerce チュートリアルを確認してください。
開始するには、FunnelKit Automation プラグインをインストールしてアクティブ化します。アクティブ化したら、FunnelKit » カートに移動します。 「カートを有効にする」オプションをオンにする必要があります。 「エクスプレス チェックアウト」タブで、「Stripe に接続」をクリックします。
その後、Stripe Connect ウィザードが表示されます。
手順に従ってStripeアカウントをFunnelKitに接続するか、新しいアカウントを作成するだけです。
Stripe アカウントが FunnelKit に接続されると、WordPress に戻ります。
「クレジット カード (ストライプ)」オプションを有効にして、「保存して続行」をクリックします。
次に、ワンクリックで支払いを自動的に処理できるように Webhook を設定するように求められます。
「今すぐ Webhook をセットアップ」をクリックします。
ここから、Google Pay と Apple Pay のエクスプレス チェックアウト オプションを有効にする必要があります。
次に、「確認」ボタンを押します。
Stripe のセットアップが成功したことを示す確認メッセージが表示されます。
支払いの受け入れを開始する準備ができている場合は、自由に「ライブ」モードを選択してください。それ以外の場合は、今のところ「テスト」オプションを選択できます。次に、「設定を保存して確認する」をクリックします。
次に、FunnelKit » カートに戻ります。次に、[エクスプレス チェックアウト] タブで、[カートでエクスプレス チェックアウトを有効にする] オプションをオンにします。
次に、「保存」ボタンを押して変更を保存します。
これを有効にすると、準備完了です。
実際の製品ページにアクセスして、実際の動作を確認してください。
顧客が「今すぐ支払う」オプションを選択すると、ウィンドウがポップアップ表示されます。
Google および Apple Pay アカウントに保存されているすべての支払い詳細が自動的に表示されます。
WooCommerce ストアにワンクリック チェックアウトを無料で追加したい場合は、Direct Checkout for WooCommerce プラグインをダウンロードできます。
これは、ストアにワンクリックで購入ボタンを追加する無料のプラグインです。
アクティブ化したら、WooCommerce » 設定 ページに移動します。次に、支払い » エクスプレス チェックアウトに移動します。
ここで、「エクスプレス チェックアウトを有効にする」というチェックボックスをクリックします。
このプラグインは幅広いカスタマイズを提供します。ワンクリック チェックアウト ボタンを表示する場所、ボタンの色、表示されるテキストをカスタマイズできます。
これで準備は完了です。
製品ページまたはストアフロントに移動するだけで、ワンクリック チェックアウト ボタンが表示されます。
この記事が、WordPress でワンクリック チェックアウトを作成する方法を学ぶのに役立つことを願っています。あなたのストアに最適な WooCommerce プラグインのリストや、電子メール ニュースレターを正しい方法で作成する方法に関する究極のガイドもご覧ください。
この記事が気に入っていただけましたら、WordPress ビデオ チュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。