How to Create a Donation Form with Multiple Amounts

ユーザーが複数の寄付金額から選択できる寄付フォームを作成しますか？複数のオプションを提供することで、寄付者があなたの活動に貢献しやすくなる可能性があります。

このチュートリアルでは、複数の金額を設定できる寄付フォームの作成方法を説明します。

要件：フォームで支払いを受け付けたい場合は、Proライセンス以上が必要となり、Stripe ProまたはPayPalアドオンにアクセスできます。

開始する前に、WordPressサイトにWPFormsプラグインをインストールして有効化してください。次に、新しいフォームを作成するか、既存のフォームを編集する必要があります。

この例では、寄付フォームテンプレートを使用して新しいフォームを作成します。ただし、お好みのフォームで以下の手順に従うことができます。

注意：特にフードバンク向けのフォームを作成する場合は、カスタムアイコン付きのプリセット寄付ティアが含まれているフードバンク寄付フォームテンプレートも確認することをお勧めします。

複数の寄付金額のカスタマイズ

フォームビルダーを開いたら、ユーザーが複数の寄付金額オプションから選択できる支払いフィールドを追加します。好みに応じて、複数選択またはドロップダウン選択フィールドを使用できます。

この例では、複数選択フィールドを使用します。フィールドをフォームに追加するには、クリックするか、プレビューエリアにドラッグアンドドロップします。

支払い項目フィールドのカスタマイズを開始するには、クリックしてフィールドオプションパネルを開きます。ここで、各項目のラベルを編集して、利用可能な寄付ティアを反映させます。

また、それぞれプラス（+）ボタンとマイナス（-）ボタンをクリックして、オプションを追加または削除することもできます。

フォーム送信時にユーザーがこのフィールドを見逃さないように、必須オプションをオンにします。

注意：フォームフィールドのカスタマイズに関する詳細については、WPFormsでのフィールドオプションの設定に関するチュートリアルを参照してください。

場合によっては、ユーザーがフォームに記載されていない金額を寄付したいことがあります。

寄付者が他の金額を寄付できるようにするには、複数選択またはドロップダウン選択フィールドに項目を追加する必要があります。この例では、この新しい項目をその他と名付けます。

注意：チェックボックス、ラジオボタン、ドロップダウンフィールドに「その他」オプションを追加する方法について詳しく知りたいですか？詳細は、「その他」オプションの設定に関するチュートリアルを確認してください。

次に、その他オプションが選択されたときに、ユーザーが寄付金額を入力できるフィールドを表示する必要があります。

これを行うには、単一選択フィールドをフォームに追加し、項目タイプをユーザー定義に設定します。

フォーム作成に寄付フォームテンプレートを使用している場合は、このために寄付金額というラベルの事前作成済みフィールドを使用できます。

次に、このフィールドが寄付金額フィールドのその他オプションをクリックしたユーザーにのみ表示されるようにする必要があります。

これを行うには、フィールドオプションパネルのスマートロジックタブをクリックし、条件付きロジックを有効にするオプションをオンにします。

次に、条件付きロジックルールを、寄付金額がその他である場合にこのフィールドを表示するように構成します。

注意: 寄付フォームの条件付きロジックルールを構成するのに役立ちますか？ガイダンスについては、WPFormsで条件付きロジックを使用するチュートリアルをご覧ください。

フォームの構成が終了したら、保存をクリックして変更を保持します。

条件付き寄付金額フィールドが機能している様子をご覧ください。

これで完了です！ユーザーが選択できる複数の金額を持つ寄付フォームを作成する方法がわかりました。

次に、ユーザー定義の支払いフィールドに$0.00でフォームを送信することをユーザーに防ぎたいですか？もしそうなら、ここに支払い合計を要求する方法に関するチュートリアルを必ず確認してください。