支払いオプション(PayPal)付きWordPress登録フォームの作成方法

決済機能付きWordPress登録フォームの作り方

支払い機能付きWordPress登録フォームを使えば、1つのフォームでユーザーアカウント情報の収集と支払いの処理を同時に行うことができます。別途チェックアウトページを設ける必要も、手動でアカウントを作成する必要もありません。有料会員制、プレミアムコース、イベントへの申し込みなど、新規ユーザーがサイトへのアクセス権を得る前に支払いを行う必要があるあらゆる場面に最適です。

このチュートリアルでは、設定の全手順をご案内します。WPFormsの「ユーザー登録」アドオンと「PayPal Commerce Pro」アドオンを組み合わせて、ユーザーの登録と支払いの処理を1つのステップで完了できるフォームを作成します。コーディングは一切必要ありません。

支払い可能な登録フォームを作成しよう

決済機能付きWordPress登録フォームの作り方

WordPressサイトで支払いを集めるにはいくつかの選択肢があります。登録フォームを作成する場合、最も簡単なのは、支払いゲートウェイに接続するWPFormsのようなドラッグアンドドロップフォームビルダープラグインを使用することです。以下のステップに従って始めてください:

必要なもの

始める前に、このチュートリアルを進めるために必要なものを以下に示します:

  • WPForms Pro — ユーザー登録アドオンとPayPal Commerce Proアドオンが追加料金なしで含まれています
  • PayPalビジネスアカウント(paypal.comで無料で作成可能)

まだWPForms Proをお持ちではありませんか?2,100種類以上のフォームテンプレート、あらゆる決済サービスとの連携機能、そして14日間の返金保証が付いています。

ステップ1: WPFormsプラグインのインストールと有効化

ユーザーの登録と支払いの両方を行うフォームを作成するには、1回の送信で両方のアクションを処理できる単一のツールが必要です。

WPFormsは、この2つの機能を1つのフォームに統合することで、この問題を解決します。この機能を利用するには、2つの必須アドオンが利用可能になる「WPForms Proライセンスが必要です。

WordPressのユーザーアカウントを作成するUser Registrationアドオンと、支払いを処理するPayPal Commerceアドオンです。

WPFormsの価格ページ。

ライセンスを購入したら、WPFormsプラグインをインストールして有効化します。この作業でヘルプが必要な場合は、WordPressプラグインのインストール方法のステップバイステップガイドに従ってください。

プロのアドバイス

始める前に、個人アカウントではなく、PayPalビジネスアカウントを持っていることを確認してください。PayPalコマースとの統合には、必要なAPI認証情報にアクセスするためのビジネスアカウントが必要です。

個人アカウントとの接続を試みることは、セットアップに失敗する最も一般的な理由です。

今すぐWPForms Proを入手しよう! ᙂ WPForms Pro

ステップ2:ユーザー登録+PayPalコマースアドオンのインストール

WPForms Proをインストールすると、この自動化を可能にする強力なアドオンにアクセスできるようになります。このステップを開始するには、WordPressの管理エリアに向かい、WPForms " Addonsを クリックします

WPFormsアドオン画面へのアクセス

次に、ユーザー登録アドオンが見つかるまで下にスクロールするか、検索バーを使用します。見つけたら、アドオンのインストールをクリックします。このアドオンにより、フォーム送信時に新しい WordPress ユーザーアカウントが作成されます。

アドオンのインストールボタンを指す赤い矢印

次に、同じ画面でPayPal Commerce Addonを 検索し、同様にインストールする。これは、安全な支払い処理を行うアドオンです。

PayPalコマースアドオンのインストール

両方のアドオンが緑色のActiveステータスを示したら、あなたのサイトは1つのフォームでユーザー作成と支払いの両方を処理できるようになります。

PayPal Standardアドオンがインストールされている場合は、必ず無効にしてください。2つのPayPalアドオンを同時に使用することはできません。

プロのアドバイス

これら2つのアドオンを併用することの利点は、PayPal決済が正常に完了した後にのみWordPressユーザーアカウントを作成するようにフォームを設定できることです。

これにより、非課金ユーザーが会員限定コンテンツにアクセスできなくなり、未課金アカウントを手動で削除する必要がなくなります。

ステップ3:WPFormsでPayPalコマースを設定する

次のステップでは、WordPressサイトとPayPalアカウント間の安全なワンタイムコネクションを作成します。

WordPressの管理エリアからWPForms " Settingsに移動し、Paymentsタブをクリックします。

WPFormsでPaymentsタブにアクセスする

そこから、PayPal Commerceと書かれたセクションを見つけるまで下にスクロールし、PayPal Commerceと接続をクリックします。

PayPalコマースへの接続

PayPalの安全なログインページにリダイレクトされます。これは標準的なOAuthプロセスで、WPFormsとパスワードを共有することなく接続を承認することを意味します。

個人アカウントはこの統合をサポートしていないため、必ずPayPalビジネスアカウントに関連付けられているメールアドレスでログインしてください。

PayPalのEメールを入力してください。

PayPal側での簡単な設定が完了すると、WordPressのダッシュボードに戻ります。緑色のチェックマークとProductionステータスが表示され、フォームがライブペイメントを受け付ける準備ができていることが確認できるはずです。

WPFormsで接続ステータスをチェックする

今のところ、チェックボックスをオンにしてテストモードを有効にすることを強くお勧めします。これにより、実際のお金を使わずに登録と支払いのワークフロー全体をテストすることができます。

PayPalをテストモードにする

設定が完了したら、「設定を保存」ボタンをクリックします。それでは、新しいフォームを作成します。

WPForms バージョン 1.10.0 以降では、アカウントを連携すると PayPal Commerce の Webhook が自動的に設定されます。Webhook により決済記録が常に同期されるため、決済が完了したり、定期購読が更新されたり、払い戻しが処理されたりすると、WordPress のダッシュボードがリアルタイムで更新されます。

プロのアドバイス

テストモードを使用して、登録プロセスの完全なエンドツーエンドのテストを実行します。テストユーザーを作成し、フォームに入力し、PayPalのサンドボックス認証情報を使用して支払いをシミュレートします。

支払いが登録され、ユーザーが確認メールを受け取り、新しいWordPressアカウントが正しいユーザーロールで作成されたことを確認します。

ステップ4:WordPressでユーザー登録フォームを作成する

アドオンが有効になり、PayPalが接続されたので、フォーム自体を作成することができます。信頼性の高い登録フォームを作成する最も早い方法は、あらかじめ用意されているテンプレートから始めることです。

この例では、ユーザー登録フォームアドオンを有効にしたPro版ユーザーのみが利用できるユーザー登録フォームテンプレートを使用します。

しかし、オンラインイベント登録フォームテンプレートもこの目的に使えます。ユーザー登録フォームを作成するには、WPForms " Add New をクリックします。

WPFormsに新しいフォームを追加する

これでWPForms テンプレートギャラリーが開き、何百ものビルド済みフォームテンプレートが見つかります。検索バーを使ってユーザー登録フォームテンプレートを見つけることができます。フォームを作成 をクリックして選択します。

ユーザー登録フォームテンプレートを選択

ユーザー登録フォームテンプレートが WPForms フォームビルダーで開きます。画面右側のプレビューエリアにフォームテンプレートが表示され、左側にフォームフィールドパネルが表示されます。

フォームビルダーでユーザー登録フォームをカスタマイズする

ドラッグアンドドロップエディタを使って、カスタムフィールドを追加したり、フォームフィールドを削除したりして、ニーズに合わせてフォームをカスタマイズすることができます。

ユーザー登録フォームの設定や構成についてもっと知りたい方は、ユーザー登録アドオンの使い方の総合ガイドをご覧ください。

ユーザー登録フォームを自分好みにカスタマイズしたら、次はフォーム上でPayPalコマースを有効にします。

プロのアドバイス

支払いフィールドを追加する前に、フォームの設定 " ユーザー登録タブに移動してください。ここでフォームのフィールドを新しいWordPressのユーザープロファイルにマッピングし、最も重要なこととして、ユーザーロールを設定します。

新規ユーザーをサブスクライバーコントリビューター、またはその他のカスタムロールに割り当てることができ、支払いが完了すると自動的にメンバー専用コンテンツへのアクセスを制御するのに最適です。

ステップ5:ユーザー登録フォームでPayPalを有効にする

ユーザー登録フォームの設定が完了したら、最後のステップとしてフォーム上のPayPalコマースフィールドを有効にします。

フォームビルダーから、Payment Fields セクションにあるPayPal Commerce フィールドを探し、フォームにドラッグします。

PayPalコマースのフィールドを選択します。

フィールドを追加すると、フォームの設定でPayPal決済を有効にするようポップアップが表示されます。OK]をクリックすると、[Payments " PayPal Commerce] タブに直接ジャンプします。

PayPalコマースのポップアップ

Paymentsタブに入る前に、まずPayPal Commerceフィールドを操作してみましょう。フィールドをクリックすると、画面左側にフィールドオプションが 表示されます。

PayPalコマースのフィールドオプション

PayPal Commerceでは3つの支払い方法が利用可能で、これらを任意の組み合わせで有効にすることができます:

支払方法機能おすすめ
ペイパル・チェックアウトお客様は、PayPalアカウント、残高、Venmo、Pay Later、Apple Pay、Google Pay、または連携済みのカードでのお支払いが可能です最も幅広い対応範囲 — 最も多様な支払い方法
クレジットカードフォーム上にカード情報欄を直接表示します(Visa、Mastercard、Amex、Discover)カード情報の入力をご希望のお客様
ファストレーンPayPalの「クイックチェックアウト」機能 — リピーターのお客様には、保存済みの支払い情報が自動入力されますリピーターの購入障壁を低くする

「デフォルトの支払い方法」を設定したり、「対応クレジットカード」で受け付けるクレジットカードを選択したりすることもできます。また、「詳細設定」タブでは、スタイルやその他のオプション設定を変更することも可能です。

PayPal Commerceフィールドでの作業が終わったら、左サイドバーのメニューに移動し、Payments " PayPal Commerceをクリックして、PayPalの支払い設定ページに移動します。

PayPalコマースとの統合

PayPal Commerceは、単発決済と定期決済の両方をサポートしています。ユーザー登録フォームでPayPal Commerceを完全に設定するには、少なくともいずれか一方を有効にする必要があります。

1回限りの支払いを可能にする

それぞれの仕組みは以下の通りです:

一括払い

「1回限りの支払いを有効にする」をオンにして、登録料を1回限りで請求するように設定します。

覚えておいていただきたいのは、一括払いと定期払いのオプションを追加できますが、どちらを適用するかは条件ロジックを使ってケースバイケースで判断する必要があるということです。

次に、いくつかのオプション設定を見てください。これらのフィールドは、新規ユーザー登録フィールドからPayPal Commerceフィールドに対応するデータを自動的にプルするように設定されています:

  • 名称
  • 電子メール
  • 請求先住所
  • 配送先住所
  • 支払い内容
ペイパルのフィールド設定

ドロップダウンを使用して、各項目の適切なフォームフィールドを選択するだけです。PayPalコマース設定の詳細については、PayPalコマースアドオンのドキュメントをご覧ください。

定期支払い(サブスクリプション)

登録内容に継続的な会員資格や定期購読が含まれている場合は、「定期購読の支払いを有効にする」をオンにしてください。以下の設定が可能です:

  • プラン名 — サブスクリプションの説明的な名前
  • 商品タイプ — デジタル、物理製品、またはサービス
  • 頻度 — 毎週、毎月、四半期ごと、半年ごと、または毎年
  • 総サイクル数 — 継続的なサブスクリプションの場合、上限(1~99)または「無制限」を設定します
  • 配送先住所 — 任意

これらの設定が完了したら、もう1つだけ必要なステップがあります。PayPalコマースフィールドを動作させるには、Ajaxフォーム送信を有効にする必要があります。

左サイドバーメニューから設定 " 一般 " 詳細 をクリックしてフォーム設定にアクセスします。これで Ajax フォーム送信ボタンを有効にすることができます。

AJAXフォーム送信を有効にする

これにより、ユーザーがフォームを送信したときにページ全体がリロードされるのを防ぐことができます。これは最新の決済ゲートウェイにとって不可欠であり、登録が放棄される可能性を減らします。

プロのアドバイス

PayPalフィールドと条件ロジックを組み合わせることで、さまざまな登録レベルを作成できます。例えば、"Free "と "Pro "のオプションを持つ "Membership Level "ドロップダウンを追加します。

次に、PayPalフィールドに「会員レベルがProの場合のみ、このフィールドを表示する」というルールを設定します。これにより、1つのインテリジェントなフォームで無料と有料の両方の登録オプションを提供することができます。

ステップ 6: 登録フォームの公開と支払い

フォームを完全に設定したら、最後のステップはあなたのウェブサイトに追加することです。WPFormsは組み込みの埋め込みウィザードでこれを簡単にし、ショートコードで起こりうるコピーペーストエラーを防ぎます。

最後に、フォームビルダーページの右上にある埋め込みボタンをクリックしてフォームを公開します。ダイアログボックスが表示されます。

埋め込みフォームボタン

サインアップ専用ページを作成するには、新規ページの作成をクリックします。WPFormsがページの名前を尋ねます。イベント登録 "や "会員登録 "などのわかりやすいタイトルをつけて、"Let's Go "をクリックします。

フォームの埋め込み方法を決める

WordPressエディターの新しいページにフォームが直接表示されます。公開] をクリックするだけで、登録・支払いフォームが公開されます。

ページが完成したら公開する

フロントエンドでこのページを確認すると、完全に機能するPayPal登録フォームがあることがわかります。支払いはさておき、ユーザーがフォームに入力した情報は、ユーザーログインを設定するために使用されます。

ワードプレスの登録フォーム

ショートコードやウィジェットを使ってフォームを埋め込むことも可能です。反復可能なフィールドを持つグループ登録フォームを作成することもできます。

リピーター・フィールド機能を使えば、ウェブサイトの訪問者は必要に応じてフィールドを追加したり削除したりすることができます。これで完了です。登録ページは完成です!

プロのアドバイス

有料登録ページでは、コンバージョンを増やすために集中したデザインが証明されています。ページをすっきりさせ、ユーザーの支払い完了を邪魔するような不要なサイドバー、ウィジェット、ポップアップを削除しましょう。

WordPressの決済付き登録フォームに関するFAQ

WordPressでPayPal決済に対応した登録フォームを作成する際によくある質問にお答えします。

WordPressでPayPalを使った登録フォームを作成するには?

WPForms Pro をインストールし、「ユーザー登録」アドオンと「PayPal Commerce Pro」アドオンを有効にして、WPForms » 設定 » 支払い から PayPal ビジネスアカウントを連携してください。

「ユーザー登録フォーム」テンプレートを使用して新しいフォームを作成し、PayPal Commerceフィールドをそのフォームにドラッグ&ドロップします。次に、「支払」>「PayPal Commerce」で支払機能を有効にし、登録フィールドをWordPressのユーザープロファイルに紐付け、任意のページにフォームを公開します。

無料で決済付きの登録フォームを作成できますか?

PayPal Commerceは、無料のLite版を含むすべてのWPFormsプランで利用可能になりました。そのため、プランのアップグレードを行わなくても決済を受け付けることができます。ただし、フォーム送信データからWordPressのユーザーアカウントを作成するには、「User Registration Addon」が必要となります。このアドオンはWPForms Proに含まれています。

WPForms Liteでは、PayPal決済に3%の少額のプラットフォーム手数料が加算されますが、Pro版にアップグレードするとこの手数料はかかりません。

決済付き登録フォームに最適なWordPressプラグインは?

WPFormsは、ユーザー登録と決済処理の両方を単一のドラッグ&ドロップ形式のフォームで処理できるため、初心者にとって最も使いやすい選択肢です。コーディングは一切不要です。PayPal、Stripe、Squareに対応しており、すぐに使い始められる2,100種類以上のテンプレートが用意されています。Gravity Formsや専用の会員管理プラグインといった他の選択肢もありますが、それらは通常、より高度な技術的な設定が必要となります。

WordPressサイトにPayPalの支払いフォームを統合するにはどうすればよいですか?

「WPForms」→「設定」→「支払い」に移動し、「PayPal Commerceに接続」をクリックします。接続が完了すると、フォームビルダーの「支払いフィールド」セクションから、任意のフォームにPayPal Commerceフィールドを追加できます。「支払い」→「PayPal Commerce」タブで支払いを有効にし、フォームを公開してください。

WordPressのフォームにPayPalアカウントを接続する方法を教えてください。

WordPressのダッシュボードで、「WPForms」»「設定」»「支払い」の順に移動します。「PayPal Commerce」セクションまでスクロールし、「PayPal Commerceに接続」をクリックします。PayPalビジネス用メールアドレスを入力し、国を選択してログインし、接続を承認してください。接続が完了すると、「本番環境」というステータスが表示され、支払いを受け付ける準備が整ったことが確認できます。

PayPalビジネスアカウントは必要ですか?

はい。サイトをPayPal Commerceに連携するには、PayPalビジネスアカウントが必要です。現在パーソナルアカウントをお持ちの場合は、paypal.comで無料でビジネスアカウントにアップグレードできます。

登録フォームで定期的な支払いや購読を提供できますか?

はい。フォームの「決済」»「PayPal Commerce」設定で、「定期購読の支払いを有効にする」をオンにしてください。請求間隔(毎週、毎月、四半期ごと、半年ごと、または毎年)、請求サイクル数、および商品タイプを設定できます。また、条件分岐ロジックを使用して、チェックアウト時にユーザーが単発払いと定期購読のどちらかを選択できるようにすることも可能です。

次に、メール通知をカスタマイズする

メール通知を次のレベルに引き上げる準備はできていますか?ユーザが送信ボタンをクリックした後に届くチャンスをお見逃しなく。WPFormsとChatGPTを接続してAIが生成したフォーム通知を送信する方法を学びましょう。

通知メールにファイルを添付することもできます。これは、eコマースストアでデジタルダウンロードを販売している場合に便利です。

支払い可能な登録フォームを作成しよう

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

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

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

ケイシー・クーパー

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

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

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

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。