Have you ever wanted to create a Donations Form that could accept both a set amount or an amount designated by the user?

As a company working primarily with non-profit organizations, I often run into this issue. All of my clients require a form builder on their website, even if it is just a contact form. For these forms, I now use Gravity Forms. After years of trying free solutions, I finally switched to Gravity Forms and have never looked back. From a simple contact form to a multi-page, conditional logic built registration form, Gravity Forms just works. The developer license is definitely worth every penny.

Even after adding Gravity Forms to my repertoire, I only recently discovered the joys of conditional logic to create a donations form.

Using Gravity Forms for Donations

The one thing that my clients wanted most was the ability to suggest donation amounts but then ALSO have the user enter an amount. Before trying this with Gravity Forms, I searched high and low for a free or low-cost solution or plugin. There are many great, feature-rich plugins for donations, but they all had hidden fees or Add-Ons that were required to make it work. Paying for both Gravity Forms and a separate Donations plugin was too much for many of my clients. Finally, I decided to use a conditional logic form connected to either paypal or stripe (I am happy with either option). The form can now collect:

Build a Donations Form

I am going to walk you through the steps of building your own custom Donations Form. This tutorial assumes you have installed and activated the Gravity Forms Plugin on your site .

  • Set up a basic form with the fields you want to collect- name, address, email, phone.
  • Add a product to your form

  • Under General, select Field Type- radio buttons
  • list any dollar amount your want
  • make the final field Other

  • Add another Product
  • Under General- Field Type- select User Defined Price and label it “Amount”

Conditional Logic

Here is where it gets fun. On the User Defined Product, we are going to make it display only when the Other radio button is checked.

  • Under Advanced, check the Enable Conditional Logic
  • Select the following:

 

  • The final step is to add the Field total at the bottom of the form.
  • Save and preview to see your form in action.

If you have suggestions for a simpler, more streamlined Donations Form, I would love to hear about it in the comments. How do you handle keeping costs down but still provide great functionality?

Share This