WPForms Documentation

Documentation, Reference Materials and Tutorials for WPForms

How to Create a Donation Form With Multiple Amounts

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.

Before we get started, you’ll need to have the PayPal or Stripe addon installed in order to accept donations.

Creating a Donation Form

The first thing you need to do is to create a new form or edit an existing form with WPForms.

creating a donation form

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.

choose donation form template

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.

multiple items

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.

dropdown items

Customizing Multiple Amounts

Now click on the Multiple Items field or Dropdown Items field in your form to customize it.

customize the multiple items field with donation amounts

In the left panel, edit the name of label and items. You can also add or remove fields by clicking on ‘+’ and ‘–‘ button respectively.

edit label and items

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.

add other item to donation amount

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.

single items field to enter donation amount

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.

user defined item field

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.

specify donation amount

That’s it!

We hope this guide helped you to learn how to create a donation form with multiple amounts.