Documentation, Reference Materials and Tutorials for WPForms
Creating a donation form with multiple amounts is a common practice among non-profit organizations. By suggesting different donation amounts in your form, you’re helping your donors to choose the right donation amount easily. In this article, we’ll show you how to create a donation form with multiple amounts.
Creating a Donation Form
The first thing you need to do is to create a new form or edit an existing form with WPForms.
If you are creating a new form, you’ll need to provide your form a title and choose a template. We’re using the Donation Form template here.
Adding Multiple Amounts to Your Form
Click on the Multiple Items button in the Payment Fields column to add a Multiple Items field to your form.
Alternatively, you can add the Dropdown Items field to your form in case you prefer showing the donation amount as a dropdown menu instead of a radio button menu.
The form customization steps that we’ll be showing below are same for both menu items.
Customizing Multiple Amounts
Now click on the Multiple Items field or Dropdown Items field in your form to customize it.
In the left panel, edit the name of label and items. You can also add or remove fields by clicking on ‘+’ and ‘–‘ button respectively.
Allowing Donors to Decide the Amount
To allow donors to donate other amounts, you’ll need to add an additional item to the Donation Amount field. You can name this new item as Other and make sure to set this field as required.
When the Other option is selected, we’ll need to display a field to enter the donation amount.
If you’ve chosen the Donation Form template while creating the form, you’ll see a Single Item field in your form titled Donation Amount. This field will allow your visitors to specify the donation amount to give.
In case you haven’t chosen the Donation Form template while creating the form, you’ll need to add a Single Item field to your form.
Then, click on the new field you just created. Let’s rename the field to Specify Donation Amount and set Item Type as user defined, so your users can decide the amount.
Now we want to make sure that the Specify Donation Amount field is shown only to the users who clicked the Other option in the Donation Amount field.
To do this, you’ll need to enable conditional logic under the Conditionals column. Choose to show this field only if a user selects Other option in the Donation Amount field. See the screenshot below.
We hope this guide helped you to learn how to create a donation form with multiple amounts.