WordPressのコンタクトフォームとPayPalの統合をお考えですか？
PayPalは、その認知度の高いブランドとシンプルな決済フローのおかげで、非常に多くの人々に愛用されているオンライン決済サービスです。あなたのWordPressフォームにPayPal決済ゲートウェイを追加することで、訪問者が注文、寄付、その他の目的で簡単に支払いを行うことができます。
WPFormsでPayPal決済を設定するのはとても簡単です。この投稿では、WordPressのPayPal統合を作成する手順を順を追って説明します。
さっそく始めよう！
PayPalはWordPressと統合できますか？
PayPalを通じてWordPressに支払いを統合することができます：
- WPFormsを使用してPayPal注文フォームを作成します。
- WooCommerceプラグインとPayPal決済ゲートウェイを使用したeコマースストアのインストール。
eコマースプラグインを使用することの欠点は、決済を開始する前にプラグイン全体をセットアップする必要があることです。これは複雑で時間がかかることが多く、「今すぐ購入」ボタンが必要なだけなら、やりすぎになることもあります。
WPFormsのPayPal CommerceアドオンはPayPalとの統合に最適です。ユーザーに注文の支払い、寄付の送信、その他の目的のためのトランザクションを実行させることができ、迅速かつ簡単です。
WordPressでPayPalを使ったお問い合わせフォームを作る方法
この記事で
1.WPFormsのインストールと有効化
WPFormsは最高のWordPressのPayPalプラグインです。それは、PayPalの支払いを追加するには、お問い合わせフォームをカスタマイズするのは簡単です。
PayPalで支払いを収集するには、WPForms Proまたはそれ以上のプランが必要です。
WPForms Proを購入後、WPFormsのダッシュボードにログインし、 ダウンロード タブでWPForms Proのダウンロードファイルを探します。
ファイルをダウンロードしたら、サイトにプラグインをインストールします。サポートが必要な場合は、WPFormsのインストールに関するドキュメントガイドを参照してください。
2.WPForms PayPalコマースアドオンをインストールする
WPForms Proがあなたのサイトでアクティブになったら、PayPal Commerceアドオンもインストールする必要があります。
このアドオンを使うと、フォームにPayPalチェックアウトフィールドを追加できるので、簡単にクレジットカード決済をしたり、PayPalボタンでチェックアウトさせたりすることができます。ショッピングカートを提供する必要がない場合に最適です。
アドオンをインストールするには、WordPressのダッシュボードでWPFormsに移動し、アドオンをクリックします。
スクロールダウンしてPayPal Commerceアドオンを見つけるか、検索バーで検索します。次に、PayPal Commerceアドオンの下にあるアドオンのインストールを クリックします。
注： PayPal Commerceは PayPal Standardと混同しないでください。どちらのアドオンもフォームにPayPalチェックアウトを追加できますが、PayPal Commerceの方がより強力な機能を提供しています。このチュートリアルではPayPal Commerceを使用します。
アドオンをインストールしたら、次に行うことは、あなたのウェブサイトとPayPalアカウントを接続することです。WordPressのダッシュボードからWPForms " Settingsに移動します。
中に入ったら、「支払い」をクリックする。
PayPal Commerceと書かれたセクションまでスクロールダウンし、WPForms PayPal設定を見つけます。次に、PayPal Commerceと接続をクリックします。
PayPalのウェブサイトにリダイレクトされますので、ビジネスアカウントに関連付けられているPayPalのメールアドレスを入力し、ドロップダウンから国を選択してください。次に「次へ」をクリックします。
注： PayPal Commerceに接続するには、PayPal Businessアカウントが必要です。
PayPalの統合が成功すると、接続ステータスに 本番モードでPayPalに接続されていることが表示されます。
まずPayPal Commerceをテストしたい場合は、サンドボックスモードでのPayPal Commerceの使用に関するドキュメントをご覧ください。
下にスクロールし、「設定を保存」をクリックします。
素晴らしい！これでPayPalがあなたのWordPressサイトに接続されました。WPFormsでPayPalを設定するのは、eコマースプラットフォーム全体を統合するよりもはるかに短時間で済みます！
次のステップでは、WPFormsフォームビルダーで新しいフォームを作成し、PayPalコマースフィールドを統合します。
3.簡単なお問い合わせフォームを作成する
WPFormsを使ってシンプルなコンタクトフォームを作成するのはとても簡単です。2,000以上のフォームテンプレートが用意されています。
私たちのテンプレートライブラリには、便利な業務フォームや寄付フォームがたくさんあります。PayPalフィールドは簡単に追加できます。
次の部分を簡単にするために、コンタクトフォームを使うことにする。
まずWordPressのダッシュボードを開き、WPForms " Add Newに進みます。
これでテンプレート・ライブラリーが開きます。
シンプルコンタクトフォームにカーソルを合わせ、フォームビルダーで開くにはテンプレートを使うをクリックします。
下にあるように、基本的な機能を備えたコンタクトフォームができあがります。
このテンプレートは好きなフィールドを追加したり削除したりしてカスタマイズすることができます。デフォルトでは、シンプルコンタクトフォームテンプレートは支払いフィールドを含みません。
次のステップでは、支払いフィールドと支払いボタンを追加します。
4.支払いフィールドの設定
あなたが販売する商品やサービスには、少なくとも1つの支払いフィールドが必要です。以下の4つのオプションから選択できます：
- 単品- 1つの商品のみを販売する場合。
- 複数の項目- 複数の項目があり、そのうちの1つしか選択できない場合（異なる購読プランなど）。
- チェックボックス項目- 複数の項目があり、1つ以上を選択するオプションがある場合（異なる商品のように）。
- ドロップダウンメニュー- ユーザーがドロップダウンメニューの利用可能なアイテムの1つだけを選択できるようにしたい場合。
例えば、衣料品を販売する場合、ユーザーが同じ支払いフォームから複数の衣料品を注文できるように、チェックボックス項目フィールドを追加することができます。
その方法はこうだ：
まず、Checkbox Itemsフィールドをクリックするか、フォームテンプレートの所定の位置にドラッグして、フォームに追加します。
フォームの「チェックボックス項目」フィールドをクリックして、左側のペインにある「フィールドオプション」を開きます。
フィールドオプションで、販売する商品の名前と価格を追加できます。
Checkbox Items "のラベルを、販売する商品を反映したものに変更することもできます。この例では、チェックボックスのラベルを "Sullie Merch "とします。
チェックリストの各項目のデフォルトラベルを編集することもできます。ここでは、「第一項目」を「Sullie Shirt」、「第二項目」を「Sullie Socks」、「第三項目」を「Sullie Hat」に置き換えます。
商品ラベルの右隣にある価格欄で、商品の価格を設定することをお忘れなく。
フロントエンドの各アイテムラベルの後に価格を表示したい場合は、アイテムラベルの後に価格を表示オプションを有効にします。
最後に、必要であれば商品の説明を追加することができます。
フォームはこんな感じになりました：
ユーザーは、各商品の横にあるボックスにチェックを入れることで、このフォームから任意の商品を注文することができます。
このフォームにPayPalのチェックアウト・フィールドを追加して、取引を可能にするのだ。
5.PayPalコマースフィールドの追加とカスタマイズ
PayPal Commerceチェックアウトフィールドは、フォームビルダーの左側ペインの「支払いフィールド」セクションにあります。フォームにドラッグ＆ドロップするだけで、フィールドが追加されます。
フォームにPayPal Commerceフィールドを含めると、PayPal Commerce決済を有効にするよう促すモーダルが表示されます。OKを押してください。
支払いを有効にする前に、まずPayPal Commerceフィールドをカスタマイズしましょう。
PayPalのコマースフィールドは非常に柔軟性が高いので、簡単にWordPressのPayPal統合を構築することができます。
例えば、PayPal CommerceはPayPal決済とクレジットカード決済の両方に対応しています。PayPal決済を選択した場合、定期的な支払いを設定することもできます。
フィールドオプションをカスタマイズするには、PayPal Commerceフィールドのどこかをクリックします。
次に、PayPalチェックアウトとクレジットカードのうち、どの支払い方法を訪問者が利用できるようにするかを選択できます（どちらか一方、または両方を含めることができます）。
カード決済を選択する場合は、対応するクレジットカードとデビットカードを選択してください。
PayPalコマースフィールドの外観を変更したい場合は、AdvancedタブのField Optionsに詳細オプションがあります。
ここでは、フィールドのサイズを変更し、PayPalチェックアウトボタンのサイズ、形状、および色を調整することができます。
フィールドのカスタマイズが終わったら、次はPayPal Commerceを有効にして、支払い処理の設定を行います。
サイドバーからPayments " PayPal Commerceをクリックします。
ここでは、1回限りの支払いか、定期的な支払いの2つのオプションがあります。
一括払い
ワンタイムペイメントを選択すると、フォームのいくつかのフィールド（名前、メールアドレス、住所）をPayPalの請求にマッピングできるメニューが表示されます。
定期的なお支払いをご希望の場合は、PayPal Commerceで簡単に設定できます。
定期的な支払い
定期的なお支払いは、サブスクリプションプランや分割払いを提供するビジネスに最適です。作成できるプランの数に制限はありませんが、一度に処理できるプランは1つだけです。
PayPal Commerceアドオンでは、サブスクリプションプランの定期的な時間とサイクルを選択することができます。これらの設定を使用して、あなたとあなたのユーザーに最適な支払い頻度を設定します。
注：クレジットカードは定期的な支払いには対応していません。
条件ロジックを使って、同じフォームに複数のタイプの価格オプションを追加することが可能です。次に、それを実現する方法を見てみましょう。
6.PayPalコマースへの条件ロジックの追加（オプション）
条件付きロジックは、PayPal支払いフォームの動作を自由に変更できます。
考えられるシナリオの1つは、ユーザーが特定の条件を満たした場合にのみチェックアウトフィールドが表示されることです。または、異なる定期的な期間やその他の支払い詳細を持つ複数の料金プランを追加することもできます。
このようなシナリオでは、WPFormsの条件ロジックが非常に便利です。
例えば、顧客が月払いと年払いのどちらかを選択できるようにしたいとします。
まず、Multiple Itemsの支払いフィールドを追加し、"Choose your plan"というラベルを付け、2つのオプションを付けます。
ここで、PayPalに、顧客がこの2つのオプションのどちらを選択したかに応じて課金を処理させたい。
このためには、Payments " PayPal Commerceに 戻り、一括払いまたは定期支払いの下にあるEnable Conditional Logicを クリックします。
今回のシナリオでは、定期的な支払いに条件付きロジックを使用します。条件付きロジックを有効にすると、ルールを設定するための新しいオプションが表示されます。
私たちが提供する支払い方法について、2つの別々のルールを設定します。1つは毎月の支払い、もう1つは毎年の支払いです。
毎月の場合、「Recurring Times」の設定を「Monthly」にしました。そして、次のようなロジックを定義します：Choose your plan"フィールドが "Monthly "の場合、このチャージを処理する。
その後、年間サブスクリプションを希望するユーザーのために別のプランを作成します。新規プランの追加]ボタンをクリックして開始します。
プラン名を入力し、OKを押す。
今回は、Recurring TimesドロップダウンでYearlyを 選択します。ここでの条件ロジックは次のように定義されます：Choose your planフィールドがAnnualの場合、このチャージを処理する。
これらの設定を行った後、必ずSaveを押してください。
要約すると、条件付きロジックを使用して、顧客が月額と年額の購読期間を選択できるオプションを追加しただけです。
これで、ユーザーが希望する購読期間を選択すると、その期間に設定した価格で、定義した定期的な時間のみ課金されるようになります。
次のステップに進む前に、フォームの通知設定を確認することをお勧めします。
7.フォームを公開する
いよいよ支払いを開始する。
ショートコードを使ってフォームをページに追加することもできますが、フォームビルダーから直接追加する方が簡単な場合もあります。画面の右上に、フォームを埋め込むか 保存するかのオプションがあります。
フォームをすぐにページに追加したいので、先に進んで埋め込みをクリックします。
既存のページにフォームを埋め込むか、新しいページを作成するかを選択できるモーダルにリダイレクトされます。
ここでは新しいページを作成することを想定していますが、どちらのステップでも手順は同じです。このガイドでは、新規ページを作成するをクリックします。
新しいページに名前を付け、「 Let's Go」をクリックします！
新しいPayPalコマース対応フォームが新しいページに表示されます。ページを公開し、フロントエンドで確認してみましょう。
以上、PayPalとコンタクトフォームをWordPressに統合する方法でした。これで、ウェブサイト上のフォームを使って支払いを集めることができるようになります！
次に、ダウンタイムに備える
ビジネスウェブサイトを立ち上げ、運営を始めたら、その状態を維持できるようにしたいものです。ウェブサイトのダウンタイムを防ぐ方法については、こちらの記事をご覧ください。
また、決済を確実に成功させたいのであれば、サイトのスピードにも気を配りましょう。そのためには、サイトのパフォーマンスに影響を与える可能性のあるプラグインを避ける必要があります。WordPressのプラグインが多すぎる場合のアドバイスについては、こちらの記事をご覧ください。
オンライン注文フォームの作成はお早めに。今すぐ最強のWordPress フォームプラグインをご利用ください。無料の注文フォームをお探しですか？WPForms ProはStripeとPayPalの支払いをサポートしています。
そして、この記事が気に入ったら、Facebookや Twitterなどのソーシャルメディアでフォローすることをお忘れなく。
