Creating a Donation Form with Multiple Amounts

Do you want to create a donation form that lets users choose from multiple donation amounts? Providing multiple options may make your donors more likely to contribute to your cause.

This tutorial will show you how to create a donation form with multiple amounts.

Multiple donation amount

Requirements: If you’d like to allow payments in your forms, you’ll need a Pro license or higher to access the Stripe Pro or PayPal addons.

Before you get started, be sure to install and activate the WPForms plugin on your WordPress site. Then you’ll need to create a new form or edit an existing one.

For this example, we’ll create a new form using our Donation Form template. However, you can follow the steps below using any form you’d like.

Customizing Multiple Donation Amounts

Once you’ve opened the form builder, add a payment field that allows users to choose from multiple donation amount options. Depending on your preference, you may use the Multiple Items or the Dropdown Items field.

For our example, we’ll be using the Multiple Items field. To add a field to your form, click on it or drag and drop it into the preview area.

Adding a Multiple Items field to a donation form

To begin customizing the payment items field, click on it to open its Field Options panel. Here, edit the label of each item to reflect the available donation tiers.

Customizing the donation options in a Multiple Items field

You can also add or remove options by clicking on the plus (+) and minus (–) buttons respectively.

The buttons to add or remove items from a Multiple Items field

To make sure that users don’t miss this field when submitting the form, toggle on the Required option.

Requiring the Multiple Items field for a donation form

Note: For more help customizing your form’s fields, see our tutorial on configuring field options in WPForms.

Allowing Donors to Decide the Amount

In some cases, users might want to donate an amount that’s not listed in your form.

To allow donors to give other amounts, you’ll need to add an additional item to the Multiple Items or Dropdown Items field. In our example, we’ll name this new item Other.

Adding an "Other" option to the Multiple Items field in a donation form

Note: Want to learn more about adding an “Other” option to Checkboxes, Multiple Choice, and Dropdown fields in your forms? Check out our tutorial on setting up “Other” options for all the details.

Next, you’ll need to display a field where users can enter their donation amount when the Other option is selected.

To do so, add a Single Item field to your form and set its Item Type to User Defined.

Setting the Single Item Item Type to User Defined

If you’re using the Donation Form template to create the form, you can just use the pre-built field labeled Donation Amount for this.

The Donation Amount field from the Donation Form template

Next, you’ll need to make sure that this field is shown only to the users who click the Other option in the Donation Amount field.

To do this, click on the Smart Logic tab in the Field Options panel and toggle on the Enable conditional logic option.

Enabling conditional logic for the Donation Amount field

Next, configure the conditional logic rule to Show this field if Choose Donation Amount is Other.

Setting up the conditional logic rule for the Donation Amount field

Note: Need help configuring your donation form’s conditional logic rule? See our tutorial on using conditional logic in WPForms for guidance.

Once you’ve finished configuring your form, click on Save to keep your changes.

Saving your form

Here’s a look at our conditional Donation Amount field in action:

Try this Form Demo!
Please select the amount you wish to donate.

That’s it! You now know how to create a donation form with multiple amounts for users to choose from.

Next, do you want to prevent users from submitting a form with $0.00 in user-defined payment fields? If so, be sure to check out our tutorial on how to require a payment total here.