WordPressのファイルアップロードフォームで支払いを要求する方法

WordPressのファイルアップロードフォームで支払いを要求したいですか？ファイルと支払いを同時に取得することで、時間を節約し、コンバージョンを増やすことができます。

この記事では、あなたのウェブサイト上でファイルをアップロードする際に、訪問者が支払うことを確認する方法を紹介します。

ファイルアップロード支払いフォームを今すぐ作成

WordPressのファイルアップロードフォームで支払いを要求する方法

ステップ1：WPFormsプラグインをインストールする

この例では、WPForms Proを使ってビジネスサイトの見積もり受付フォームを作成します。プロジェクトを開始するには、訪問者がファイルをアップロードし、保証金を支払う必要があります。

手始めに、WPFormsプラグインをインストールして有効化しよう。WordPressにプラグインをインストールする方法については、こちらのガイドを参照してください。

次に、支払いを設定しましょう。次はWordPressのダッシュボードに留まりましょう。

StripeとPayPalを比較検討している場合、WPFormsでは両方を使用することができます。また、Authorize.Netや Squareでの 支払いも可能です。

この例ではStripeを使用します。StripeはすべてのWPFormsライセンスレベル（WPForms Liteも）に含まれています。

まず、左側のナビゲーションメニューからWPForms " Settingsをクリックします。次に上部にある支払いタブをクリックします。

まず、通貨が正しく設定されていることを確認してください。設定されていない場合は、ドロップダウンで変更できます。

次に、Stripeセクションまでスクロールダウンし、青いConnect with Stripeボタンをクリックします。

今すぐStripeのアカウントを作成するか、既存のアカウントにサインインしてください。

Stripeの接続が完了すると、ページのStripeセクションに設定完了のメッセージが表示されます：

Stripeをテストモードで運用していることにお気づきですか？実際の支払いを行わずにフォームを試してみたい場合は、テストモードボックスをチェックしてオンにしてください。

デフォルトでは、Stripeの統合は、クレジットカードだけでなく、 Apple Payや Google Payのような代替支払い方法を可能にするPayments Elementモードに設定されています。

旧バージョンのWPFormsからアップグレードする場合で、以前Card Elementsを使用していた場合は、Payment Elementsに切り替えることができます（そうでない場合はデフォルトで選択されています）。

次のステップに進む前に、Paymentsの設定を保存しておいてください。

ステップ 2: ファイルアップロードフォームの作成

では、顧客が見積もりを受諾するためのフォームを作成します。このフォームでは手付金を支払い、書類を添付する必要があります。

フォームは通常のファイルアップロードフォームに似ていますが、Stripe用の追加フィールドがいくつかあります。

WPFormsは最高のWordPressファイルアップロードプラグインです。2,000以上のフォームテンプレートが付属しているので、どんな種類のフォームでも本当に簡単に作ることができます。ファイルアップロードフォームのテンプレートを使ってカスタマイズしてみましょう。

まずはWordPressの管理メニューからWPForms " Add Newをクリックします。

フォームビルダーで、一番上にフォームの名前を入力します。ファイルアップロードフォームのテンプレートを見つけて、テンプレートを使うをクリックします。

WPFormsフォームビルダーがブラウザで開きます。

右側のペインには常にライブフォームプレビューが表示され、フォームの完成形を簡単に確認することができます。左側には、フォームに追加できるフィールドのリストが表示されます。

また、プレビューの任意のフィールドをクリックして、ビルダーの左側にあるオプションを開くこともできます。ファイルアップロードフィールドの必須設定がオンになっていることを確認してください。

ユーザーがファイルを追加しなければ、フォームは送信されません。

フォームに必要な他のフィールドを追加し、そのオプションを設定します。そして画面上部の保存をクリックし、ここまでの進捗を保存します。

ステップ3: ファイルアップロードフォームにStripe決済を追加する

ファイルアップロードフォームができたので、あとは顧客からの入金を受け付ける安全な支払いフィールドを追加するだけです。

このフォームのために、2つのフィールドを持つ本当に単純な例を作ってみましょう：

• 単品
• クレジットカード

これらの2つのフィールドを左側のペインから右側のフォームにドラッグしてください。

支払いフォームをもっとダイナミックにしたいですか？WPFormsは特定の日付に基づいて支払いフィールドを表示することができ、早期割引価格や季節の預金率に最適です。

Stripe Credit Cardフィールドについては、プレビューエリアでフィールドをクリックしてラベルと説明を変更できます。

StripeクレジットカードフィールドにEmailサブフィールドがあることにお気づきかもしれません。これにより、お客様はStripe Linkを使ってより素早くチェックアウトすることができます。

詳細フィールドオプションでは、StripeクレジットカードのEメールサブフィールドを使用するか、フォームとは別のEメールフィールドを使用するかを選択できます。

Stripeクレジットフィールドのオプション設定が完了したら、Single Itemフィールドをクリックして設定を開きます。Item Priceに、顧客に請求したい価格を入力します。

以上です。支払い欄は完了です！

さらに支払いフィールドを追加したい場合は、フォームに支払い合計を要求する方法についてこちらのガイドをご覧ください。合計フィールドを追加することで、0ドルでの支払いを防ぐことができます。このケースでは、1つの固定価格を使用しているので、合計フィールドは必要ありません。

わかりました。では、フォームの設定に移りましょう。

ステップ 4: フォームの設定

フォームのすべてのフィールドが設定されたので、フォームの設定を行います。ビルダーの左側にある設定 タブをクリックし、一般セクションをクリックします。

ここでは、フォームの名前や説明を変更したり、フォームタグを追加したり、送信ボタンのテキストを変更したりすることができます。

次に、スパム対策とセキュリティの設定に進みます。

カスタムフィルターやCAPTCHAなど、さまざまなスパム対策オプションを有効にすることができます。

次に、通知セクションに移動します。誰かがフォームを送信すると、入力内容のメールが届きます。 通知設定では、このEメールをカスタマイズしたり、複数のEメール通知を追加することができます。

このページを下にスクロールすると、ユーザーのファイルアップロードをメール通知に含めることもできます。

最後に、確認メッセージの設定では、ユーザーがフォームを送信した後に表示するカスタムメッセージを作成することができます。詳しくはチュートリアルのフォーム確認の作成方法をご覧ください。

フォームの設定が完了したら、次は支払いの設定です。

ステップ5: Stripe決済設定

ハードワークは終わった！いよいよ本番です。あとはフォームが送信された時にStripeで何をしたいかをWPFormsに正確に伝えるだけです。

フォームビルダーにとどまり、Payments"Stripeをクリックします。そこから、Stripe決済を有効にする設定をオンに切り替えます。

ここでカスタマイズできる設定がいくつかある：

• お支払いの説明：これは顧客のクレジットカード明細に表示される説明です。通常はここにビジネス名を入力します。
• Stripe支払い領収書：ドロップダウンからEmailを選択すると、訪問者がフォームに入力したメールアドレスに領収書が送信されます。
• 条件付きロジックを有効にします：特定の条件が満たされた場合にのみ支払いを処理することができます。支払いが行われる前に重要な項目が記入されているかチェックしたい場合に便利です。

残りの設定は定期的な支払いに関するものなので、今すぐ編集する必要はない。

すべて完了しましたか？フォームビルダーの一番上にある保存を クリックします。

あと一息だ！

ステップ 6: ファイル・アップロード支払いフォームの公開

さて、フォームを公開する準備ができました。これが一番簡単なところです。

フォーム・ビルダー・ウィンドウの上部にある「埋め込み」をクリックする。

この例では、新規ページを作成します。

ここでは、「Pay Your Project Deposit」というページ名を付けます。ここにお好みのページ名を入力し、「Let's Go」をクリックします。

WPFormsは新しいページを作成し、作成したフォームを追加します。しかしページを公開する前に、フォームにスタイルを追加するのはどうでしょうか？

フォームの周りをクリックすると、右側のパンにブロックの設定パネルが開きます。ここでボタン、フィールド、背景スタイルをコードなしで調整できます。

実際、既製のテーマを選んで、即座にユニークなビジュアル・スタイルをフォームに適用することもできる。

スタイルをカスタマイズしたら、あとは右上の「公開」ボタンをクリックするだけです。

これでフォームが稼動し、1つのフォームで支払いやファイルのアップロードを行う準備が整いました！

これで完了です！これで、WordPressのファイルアップロードフォームで支払いを受け付けることができます。

顧客がフォームを送信し始めた後、特定の支払いを追跡する必要がある場合は、支払いの詳細でエントリを検索することができます。WPForms " Entriesに移動し、検索フィールドを使用してください。

ファイルアップロード支払いフォームを今すぐ作成

支払い付きファイルアップロードフォームに関するその他の質問

ファイルアップロードフォームに支払いを要求することについてさらに質問がある場合は、以下のよくある質問を参考にしてください。

Stripe以外の支払いゲートウェイを使用できますか？

はい、WPFormsはPayPal、Authorize.Net、Squareを追加の支払いオプションとしてサポートしています。したがって、あなたの好みに応じて利用可能な複数の支払いゲートウェイを持っていることの柔軟性を楽しむことができます。

アップロードしたファイルをEメールで通知することは可能ですか？

はい、フォーム送信後にアップロードされたファイルをメールの添付ファイルとして送信するのは簡単です。WPFormsのNotificationsからAdvancedセクションにスクロールダウンし、Enable File Upload Attachmentsトグルボタンをクリックすると、この設定が見つかります。

フォームをスパムから守るにはどうすればよいですか？

WPFormsでは、Akismet、送信までの最短時間の設定、キーワードフィルター、reCAPTCHA、hCaptcha、Tursntileなどのキャプチャオプションなど、複数のレイヤーのスパム対策を追加することができます。

次に、フォームにオプションの支払いを追加します。

任意の支払いでファイルのアップロードを受けたいですか？これは、チャリティーや非営利団体のための寄付を受ける良い方法かもしれません。

支払いをオプションにする方法については、フォームにオプションの支払いフィールドを追加するこちらの記事をご覧ください。また、Zapierアドオンを使ってファイルのアップロードをDropboxや Google Driveに保存する方法にも興味があるかもしれません。

フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはファイルアップロードフォームテンプレートが含まれており、14日間の返金保証があります。

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