1つのWordPressフォームで複数の支払い方法を提供する方法

顧客が注文フォームに入力します。画面を下にスクロールして決済画面に進みます。希望の支払い方法を探しますが……そこにはありません。タブを閉じてしまいます。販売機会は失われます。顧客があと一歩のところまで来ていたことなど、あなたは知る由もありません。

そのほんのわずかな瞬間のせいで、多くの注文を逃してしまっているのです。PayPalでの支払いしか認めない顧客もいれば、Apple Payを愛用している顧客もいます。また、これまで利用したことのない中小企業のサイトでは、カード番号を入力したがらない顧客もいます。

解決策は、チェックアウト用プラグインをさらに3つ追加することではありません。たった1つの入力欄で済むのです!

この記事では、WPFormsのフォームにPayPal Commerceフィールドを追加する方法をご紹介します。これにより、お客様はPayPal、Venmo、Apple Pay、Google Pay、クレジットカードの支払いをすべて1つのボタンから行えるようになります。追加のプラグインやStripeの別途設定は不要で、開発者の手助けも必要ありません。すべて同じフォーム上で完結します。

また、PayPalはLiteプランを含むすべてのWPFormsプランで利用可能です。そのため、有料ライセンスをご利用の場合でも、プラグインを使い始めたばかりの方でも、手順に従って進めることができます。

この記事を読み終える頃には、WordPressサイトに実際に機能する複数決済方法に対応したフォームが完成しているはずです。

なぜ1つのフィールドが、複数のフィールドをつなぎ合わせる方法よりも優れているのか

多くのフォーム作成ツールでは、決済方法は別々の機能として扱われています。クレジットカード決済にはStripeを設定し、PayPalは別のボタンに配置します。VenmoやApple Payは、表示されないか、あるいはサードパーティの連携機能を通じて利用することになります。

つまり、アカウント連携が3つ、決済フローが3つ、そして不具合が発生する可能性が3つあるということです。

PayPal Commerceフィールドの動作は異なります。これは、1つのスマートペイメントボタンを表示する単一のドロップインフィールドです。ルーティングはPayPalが処理します。顧客がボタンをクリックすると、そのデバイスやアカウントに適用される支払いオプション(PayPal残高、Venmo、Apple Pay(Safari/iOS)、Google Pay(Chrome/Android)、クレジットカード・デビットカード、または「Pay Later」)が表示されます。

一度設定すれば、あとはPayPalがすべて処理してくれます。

必要なもの

  • WPFormsを導入したWordPressサイト(プランは問いません — Liteプランを含む)
  • PayPalビジネスアカウント(セットアップ時にワンクリックで連携できます。APIキーをコピーする必要はありません)
  • 約10分

今すぐWordPressフォームを作成

ステップ1:WPFormsでPayPal Commerceを設定する

WPForms Pro または Elite をご利用の場合:WPForms » アドオンに移動し、「PayPal Commerce」が表示されるまでスクロールします。「アドオンをインストール」をクリックし、続いて「有効化」をクリックしてください。

これにより、WPFormsからの取引手数料なしでPayPal Commerceを完全に統合でき、支払いフォームで条件分岐機能を利用できるようになります。

WPForms Liteをご利用の場合:設定はすでに完了していますPayPal Commerceはプラグインに標準で組み込まれているため、追加アドオンをインストールする必要はありません。唯一の違いは、WPForms Liteでは3%の取引手数料がかかる点です。この手数料を免除したい場合(および条件分岐機能を利用したい場合)、いつでもPro版にアップグレードできます。

いずれにせよ、次のステップは同じです。

ステップ2:PayPalビジネスアカウントを連携する

「WPForms」>「設定」>「支払い」に移動します。

WPFormsの支払い設定

次に、画面を下にスクロールして「PayPalで接続」をクリックしてください。PayPalのウィンドウが開き、PayPalビジネスアカウントにログインし、WPFormsがあなたに代わって支払いを処理する権限を付与するよう求められます。これを承認してください。ウィンドウが閉じます。

WordPressの管理画面に戻ると、緑色の「接続済み」というステータスが表示されます。

PayPal Commerce Connection のステータス

これでアカウントの連携が完了しました。Webhookの設定も、クライアントIDの貼り付けも不要です。PayPal Commerceは、WPFormsが自動的に処理する最新のOAuthフローを採用しています。

WPFormsは、バックグラウンドでPayPal CommerceのWebhook設定も自動的に行います。Webhookは、PayPalとWordPressの間で決済記録を同期させる役割を果たします。そのため、返金やステータスの変更、決済情報の更新などが、ユーザーが何も操作しなくても、投稿に正しく反映されます。

Webhookを有効にする(PayPal Commerce)

何らかの理由で設定されない場合は、PayPal CommerceのWebhook設定ガイドに従って、手動で設定することができます。

まだPayPalビジネスアカウントをお持ちでない場合は、この手順で作成できます。PayPalの案内に従えば、約5分で完了します。

ステップ3:決済を受け付けるフォームを作成するか、既存のフォームを開きます

まだ支払いフォームをお持ちでない場合は、「WPForms」»「新規追加」に移動し、テンプレートを選択してください。

新規フォームの追加

注文 注文書 または 寄付フォーム のテンプレートは良い出発点となります。これらはすでに名前、メールアドレス、商品の入力欄が設定されています。

既存のフォームに支払い情報を追加する場合は、フォームビルダーでそのフォームを開いてください。

ステップ4:PayPal Commerceフィールドを追加する

ビルダーで、左側のフィールドパネルを確認してください。「支払いフィールド」セクションまで下にスクロールします。PayPal Commerceをフォームにドラッグしてください。

フォームの下部、お客様の連絡先情報や商品選択項目の後に配置してください。お客様には、支払いボタンをクリックする前に、何に対して支払いをするのかがわかるようにすべきです。

ステップ5:表示する支払い方法を選択する

フォームに「PayPal Commerce」フィールドが追加されると、送信ボタンがPayPalボタンに置き換わります。また、ユーザーの地域で利用可能な場合、Google Pay、Apple Pay、Venmoのボタンも表示されます。

さあ、先ほど追加したこのPayPalフィールドをクリックしてください。左側のサイドバーにフィールドのオプションが表示されます。

「支払い方法」の下には、いくつかの設定用のトグルが表示されます。たとえば、このPayPalフィールドとボタンの選択をデフォルトの表示にするか、それともクレジットカードのオプションをデフォルトにするかを決めることができます。

次に、提供したいすべての決済方法を有効にします。多くのサイト運営者はすべての決済方法を有効にしています。顧客に選択肢が多ければ多いほど、その中から信頼できる決済方法を見つけられる可能性が高まるからです。

そして、このPayPal入力欄の本当に素晴らしい点は……なんと1つの入力欄で最大6種類の支払い方法を選択できることです。この入力欄はPayPal向けですが、ユーザーは希望すればクレジットカード情報を入力することもできるからです。

つまり、フロントエンドのこのフィールドでユーザーが選択できる支払い方法は、以下の通りです:

  • クレジットカードまたはデビットカード
  • アップル・ペイ
  • グーグルペイ
  • Venmo
  • ファストレーン
  • PayPal「今すぐ購入、後払い」

1つのフォーム上の1つの入力欄から、複数の支払い方法を提供できる便利な方法です。

ステップ6:PayPalの設定を行う

各フィールドの設定が完了したら、あとはPayPalに支払い処理の方法を指定するだけです。フォームビルダーの左サイドバーで「支払」»「PayPal Commerce」をクリックし、支払い設定画面を開きます。

PayPalコマースの統合

一括払い

フォーム送信ごとに1回限りの支払いを有効にするには、「1回限りの支払いを有効にする」をオンにしてください。

単発支払いのフォーム作成機能を有効にする

支払いの詳細」という欄が表示されます。PayPalの記録で後でこの支払いを識別しやすいよう、簡単なラベルを入力してください。「ウェブサイト相談料」や「商品注文」といった表現が適しています。

注:請求先住所、配送先住所、条件分岐ロジックなど、一部の追加機能はProプラン限定です。ただし、単純な単発決済であれば、Liteプランでも必要な機能はすべて揃っています。

定期支払い

月額会員制、定期購読サービス、または継続的な契約の場合は、代わりに「定期購読支払いを有効にする」をオンにしてください。

定期的な支払い PayPalコマース

プランの設定として、以下の項目を入力してください:

  • プラン名— 記録用の内部ラベル
  • 商品タイプ— 支払いの対象となるもの
  • 請求周期— 請求頻度(週次、月次、年次)
  • 総サイクル数— 充電が停止するまでに繰り返される回数
定期支払いオプション PayPal Commerce

Liteには、初回のお支払い処理が失敗した場合に自動的に再試行する機能も備わっています。これは、サブスクリプションビジネスを運営している方にとって心強い安全策となります。

注意点として、Lite版では1つのフォームにつき定期プランは1つしか設定できず、同じフォーム内で単発払いと定期払いを併用することはできません。もし両方が必要な場合(例えば、「今すぐ支払う」オプションと月額プランを併設したい場合など)は、WPForms ProとPayPal Commerceアドオンが役立ちます。これらを使えば、条件分岐機能を利用して両者の切り替えが可能になるからです。

定期課金についてさらに詳しく知りたい方は、WordPressのフォームで定期支払いを設定する方法をご覧ください。

ステップ7:確認メールと通知の設定

ビルダーで「設定」»「確認」タブをクリックします。

寄付フォームの確認メッセージをカスタマイズする

注文や寄付の完了を確認するためのデフォルトのお礼メッセージを編集してください。例えば、「ご注文ありがとうございます!ご登録いただいたメールアドレスに領収書をお送りします」といった内容です。

次に、「設定」>「通知」で、管理者の通知に注文の詳細と顧客のメールアドレスが含まれていることを確認してください。そうすれば、フォローアップが可能になります。

フォーム通知を有効にする

複数の商品を販売している場合は、スマートな条件分岐ロジックに基づいて2つ目の確認メールを送信することを検討してください。例えば、ダウンロードリンクを記載したデジタル商品の確認メールと、配送に関する情報を記載した実物商品の確認メールを、それぞれ別々に送信するといった形です。

ステップ8:フォームをページに埋め込む

フォームの内容に問題がなければ、必ず「保存」してください。

フォームを保存する

次に、表示させたいページを開く(または新しいページを作成する)と、WPFormsブロックを追加します。ドロップダウンからフォームを選択してください。

WPFormsブロックWordPress注文フォーム

ページを公開した後、シークレットウィンドウでプレビューし、顧客と同じ視点でフォームを確認してください。

本番稼働前にテストする方法

PayPal Commerceには、テスト環境モードが搭載されており、これを使用することで、架空の決済を最初から最後まで実行することができます。

  1. 「WPForms」>「支払方法」>「PayPal Commerce」に移動し、「テストモード」をオンにします。
  2. フォームからテスト購入を送信してください。PayPalが提供するサンドボックス用認証情報を使用してください。
  3. 「WPForms」>「エントリーで、支払いが「完了」とマークされたエントリーが表示されているか確認してください。
  4. 顧客が正しい確認メッセージとメールを受け取っていることを確認してください。
  5. 本番運用を開始する準備が整ったら、テストモードをオフにしてください。

テスト中にスマートフォン、iPad、デスクトップブラウザでフォームを確認すると、デバイスに応じてボタンがどのように変化し、Apple PayやGoogle Payが表示されるかがわかります。この視覚的な確認ができるだけでも、2分余分に費やす価値は十分にあります。

次に何をすべきか

これで、複数の支払い方法に対応した単一のフォームが完成しました。PayPalしか利用しないお客様も離脱することはありません。Apple Payを愛用しているお客様も、わざわざカードを取り出す必要はありません。また、カード番号を手入力したいお客様も、これまで通り同じ入力欄で、余計なクリックをすることなく入力できます。

すでにWPForms Liteをご利用ですか?それなら、今この瞬間も決済を受け付けていることになります。これは大きなメリットです。3%の手数料をなくし、条件分岐やStripe、Squareなどの機能を追加したいとお考えなら、WPForms Proにアップグレードすることで、これらすべての機能が利用可能になります。

すでにWPForms Proをご利用ですか?WPダッシュボードからPayPal Commerceアドオンをインストールするだけで、公開するすべてのフォームでApple Pay、Google Pay、Venmo、PayPal、およびクレジットカードによる決済を受け付けられるようになります。所要時間はわずか10分です。

複数の支払い方法の提供に関するよくある質問

WPForms LiteでPayPalによる支払いを受け付けることはできますか?

はい。PayPal Commerceは、Liteプランを含むすべてのWPFormsプランに標準搭載されています。Liteプランをご利用のお客様は、どのフォームでもPayPal、Venmo、Apple Pay、Google Pay、Pay Later、およびクレジットカード・デビットカードでの決済を受け付けることができます。WPFormsではLiteプランに3%の手数料がかかりますが、ProまたはEliteプランにアップグレードするとこの手数料は免除されます。

WPForms Lite版とPro版のPayPal Commerceにはどのような違いがありますか?

どちらのプランも、同じワンクリック設定を通じて同じ支払い方法に対応しています。違いは機能面にあります。Proプランでは、3%の取引手数料が無料となり、支払いフォームの条件分岐機能が利用可能になり、請求先住所および配送先住所の入力欄が追加され、同じフォーム内で単発決済と定期決済を併用できるようになります。一方、Liteプランでは、1つのフォームにつき1つの支払いタイプ(単発または定期)のみに対応しています。

PayPal Commerce を使用する場合、1つの WordPress フォームにどのような支払い方法を追加できますか?

1つのPayPal Commerceフィールドで、PayPal残高、Venmo、Apple Pay、Google Pay、クレジットカードおよびデビットカード(Visa、Mastercard、Amex、Discover、Maestro)、そして「Pay Later」分割払いに対応できます。PayPalは、お客様のデバイスやアカウントに応じて適切な決済オプションを自動的に表示するため、それぞれを個別に設定する必要はありません。

Apple PayとGoogle Payを利用するには、別途プラグインや設定が必要ですか?

いいえ。PayPal Commerceの機能により、両方の決済手段が自動的に処理されます。iOSのSafariを利用しているユーザーにはApple Payが、ChromeまたはAndroidを利用しているユーザーにはGoogle Payが表示されます。PayPalがバックグラウンドで端末の検出を行うため、追加のプラグインやAPIキー、条件分岐の設定は必要ありません。

PayPal Commerceを通じて、定期的な支払いまたはサブスクリプションの支払いを受け付けることはできますか?

はい。フォームビルダーで、「支払」»「PayPal Commerce」を開き、「定期購読支払いを有効にする」をオンにしてください。プラン名、商品タイプ、請求頻度(毎週、毎月、毎年)、および総サイクル数を設定できます。Lite版では、1つのフォームにつき1つの定期プランのみ設定可能です。同じフォーム内で単発購入と定期購入のオプションを組み合わせるには、条件分岐機能を備えたWPForms Proが必要です。

WordPressのフォームにPayPal Commerceを設定するには、開発者が必要ですか?

コーディングや開発者の知識は一切不要です。PayPalとの連携は、WPForms内のワンクリックOAuthフローで行われます。APIキーのコピーやクライアントIDの貼り付け、Webhookの手動設定などは一切必要ありません。WPFormsがバックグラウンドでWebhookの設定を自動的に行うため、PayPalとWordPressの間で支払いのステータスや払い戻しの情報が常に同期されます。

本番公開前にPayPal Commerceフォームをテストするにはどうすればよいですか?

「WPForms」>「支払」>「PayPal Commerce」に移動し、「テストモード」をオンにします。PayPalのサンドボックス認証情報を使用してテスト購入を行い、その後、「WPForms」>「エントリー」で、そのエントリーが「完了」とマークされ、確認メールが正しく送信されていることを確認してください。実際の支払いを受け付ける準備が整ったら、「テストモード」をオフにしてください。

次に、商品レコメンデーションクイズを作成しましょう

フォームにPayPalやその他の支払い方法を追加しているなら、おそらくウェブサイトで商品を販売していることでしょう。しかし、ウェブサイトの訪問者は選択肢の多さに戸惑っていませんか?

商品のおすすめクイズを提案してみましょう!これは、顧客が必要とする方向へさりげなく導くと同時に、自分だけのために特別に選ばれたような気分にさせてくれるものです。

今すぐWordPressフォームを作成

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

ケイシー・クーパー

ケイシーはWPFormsでブログ記事の執筆と週刊ニュースレターの管理を担当し、楽しいフォームテンプレートの作成にも情熱を注いでいます。2016年からWordPressに関するブログ記事の執筆を続けています。 詳細はこちら

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。