WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
  • Deals
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» WordPress Plugins» How to Create a Donate Form for Nonprofit Organization using WordPress

How to Create a Donate Form for Nonprofit Organization using WordPress

Last updated on May 22nd, 2017 by Editorial Staff
170 Shares
Share
Tweet
Share
Special WordPress Hosting offer for WPBeginner Readers
How to Create a Donate Form for Nonprofit Organization using WordPress

Do you want to be able to accept donations on your nonprofit website? WordPress makes it easy for nonprofits to create a donation form and accept donations from their website. In this step by step guide, we’ll show you how to setup your own custom WordPress donation form, step by step.

How to Create a WordPress Donation Form

The simplest way to solicit donations on your website is by adding a Paypal donate button, but it’s not the right solution for everyone.

Creating a custom donation form on your website instead of using a donation button allows you to:

  • customize the form fields to gather the information you need
  • keep donors on your own website for a more professional experience
  • ask donors if they want to subscribe to your email newsletter in the same form
  • use other payment processors besides Paypal, such as credit cards (Stripe)
  • integrate with other third-party software such as a CRM or cloud storage

As you can see, there are plenty of benefits to keeping donors on your own website instead of redirecting them to Paypal.

You might think setting up a donation form on your website would be a tricky process, but there are WordPress plugins for non-profits that makes it easy.

Having said that, let’s take a look at how to create a custom donation form in WordPress.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

Creating a Custom Donation Form in WordPress

WPForms is the best drag and drop form builder for WordPress. It has a beginner-friendly interface and includes pre-built form templates including a donation form template to make the process even faster.

WPForms is a premium WordPress plugin created by WPBeginner’s founder, Syed Balkhi.

To create a donation form that can process payments, you’ll need the Paypal or Stripe addon for WPForms. Both addons are included with the Pro and Ultimate licenses.

Step 1: Install and Activate WPForms

First thing you’ll need to do is download the WPForms WordPress form builder plugin.

You can do this by logging into your account at WPForms and download the plugin.

download WPForms as a donation plugin for wordpress

Then you’ll need to install and activate the plugins. You can see our step by step guide on how to install a WordPress plugin for more details.

Step 2: Create Your Donation Form

Now that WPForms has been installed and activated, you can go ahead and click on WPForms » Add New to get started.

You can name your form at the top of the page. We’re going to name ours “Nonprofit Donation Form.”

You’ll see a list of pre-built form templates you can choose from. Hover over the Donation Form template and then click the Create a Donation Form to build your form.

create a new wordpress donation form

You’ll see a popup reminder that says “Don’t Forget: Click the Payments tab to configure your payment provider.” We’ll do that in the next step. For now, you can click OK and take a look at your form.

payment processor reminder

The donation form template includes fields for:

  • Name
  • Email
  • Donation Amount
  • Comment or Message

The Donation Amount field is a Single Item field where users can type in any amount they want to donate. You can also use multiple choice or dropdown fields instead.

In this tutorial, we’ll show you how to add a multiple choice payment field with several donation amounts to choose from, and an option to enter a different amount.

To add the multiple choice payment field, click the Multiple Items button under Payment Fields.  You can drag and reorder the fields so that the Multiple Items field is directly above the Donation Amount field.

Add a multiple item field to your donation form

Now you can click on the Multiple Items field in the form preview to change the options.

Go ahead and change the label to say “Donation Amount.” Then you can enter whatever amounts you want, and an “Enter amount” option.

customizing the multiple item donation amounts

Now we need to change the Single Item field to only display when the “Enter Amount” option is selected.

Click the Single Item field to edit the options. Make sure the “Required” checkbox is not checked, or it will prevent users from submitting the form if they selected a donation amount in the multiple choice field above.

make sure this field is not required

Now you can scroll down a bit and click Conditionals to enter the display settings for this field.

Next, check the “Enable conditional logic” checkbox. Then select the option to Show this field if “Donation Amount” is “Enter amount.”

setting the conditional logic

Make sure to click the Save button at the top right to save your changes.

don't forget to save your donation form

Step 4: Set Up Payment Integration

Next, we’ll set up the payment processor for your donations.

In this tutorial, we’ll walk you through setting up an integration with Paypal.

Setting up credit card payments with Stripe is very similar. For more details, you can check out this tutorial on using the WPForms Stripe addon.

You should still be in the form edit screen. From here, you can click on the Payments tab on the left, and then click the Paypal Standard option.

setting up paypal donations

Now you can input your settings in the right side of the screen. First check the Enable PayPal Standard payments checkbox and enter your Paypal email address. Then make sure to select Donation in the Payment Type dropdown.

setting up paypal donations

Below that, you can enter a URL to send visitors if they cancel the checkout process. This might be a good opportunity to try to re-engage with users by sending them to a relevant blog post, or asking them to follow you on social media to stay in touch.

You can also customize the shipping address options, and choose whether to ask donors to include a note during the Paypal checkout.

For this donation form, we don’t need to use conditional logic. But you could do this if you wanted to add a donation option to another form, such a survey. Then the payment would only process if the user selected the donation option.

configure your paypal options

Be sure to click the Save button after you configure all your options.

Step 5: Customize Your Notifications

Next, we’ll need to make sure that donors are receiving a confirmation email after they donate.

To customize the email notifications for your form, you can click on Settings » Notifications.

donation form notifications

You’ll see there’s a default notification that will be sent to the site administrator. You can click the Add New Notification button to create a separate notification for the donor.

adding a donor receipt notification

Name your new notification in the popup window and click OK.

Naming your donor receipt notification

We’ll need to make sure this notification gets sent to the donor’s email address that they entered into the form. Next to Send to Email Address, click Show Smart Tags. In the list that appears, click Email. You’ll see a smart tag such as {field_id="1"} appear.

sending a notification to the donor

Now you can scroll down to customize the message the donor will receive.

customizing the donor message

Don’t forget to click the Save button when you’re finished setting up your notifications.

Step 6: Place Your Donation Form on Your Site

Now that your donation form is complete, you’ll need to place it on your website.

With WPForms, you can easily embed your form in any post or page using a shortcode or even place a donation widget in your sidebar or footer.

We’ll create a dedicated donation page to display your form.

First, click on Pages » Add New. You can enter a title for your page (we chose “Donate”). Then click the Add Form button.

creating a donation page

Select your form from the dropdown field. Then click the Add Form button.

inserting your donation form on the WordPress page

You’ll see a shortcode appear within your page. You can add any text or images you like to the page. When you’re ready, click the Publish button.

publishing your WordPress donation form

Don’t forget to add your new donation page to your navigation menu so visitors can easily find it.

That’s it! We hope this article helped you learn how to create a nonprofit donation form in WordPress. You may also want to see our list of the best WordPress plugins for nonprofits.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

170 Shares
Share
Tweet
Share
Popular on WPBeginner Right Now!
  • Why Build Your Email List Today

    Revealed: Why Building Your Email List is so Important Today!

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

The Ultimate WordPress Toolkit

6 Comments

Leave a Reply
  1. Atiq Ur Rehman says:
    Nov 30, 2017 at 12:37 pm

    Can you please publish article on gravity forms? I’ve their developer license also. I need it for my website

    Reply
  2. Zaoul Qamar says:
    Oct 17, 2017 at 3:28 pm

    Can it be integrated with any payment gateway ? Will love your answer

    Reply
  3. Susan says:
    Mar 31, 2017 at 12:19 pm

    Is it possible to add the option to make the donation repeat monthly on this form?

    Reply
  4. Emmanuel says:
    Mar 27, 2017 at 12:42 am

    Most nonprofits use a button on the header that leads to a donation form rather than creating a page for it, isn’t that better.

    Reply
  5. Jide says:
    Feb 8, 2017 at 5:29 am

    Can it integrate with any payment gateway?

    Reply
  6. Adrienne says:
    Feb 7, 2017 at 8:28 pm

    ask donors if they want to subscribe to your email newsletter in the same form
    —
    You can now do this with the new PayPal process.

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 600,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
WPForms Logo
WPForms
Drag & Drop WordPress Form Builder Plugin. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 25 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2018 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2018)
    • Which is the Best WordPress Slider? Performance + Quality Compared
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • 5 Best VPN Services for WordPress Users (Compared)
    • HostGator Review - An Honest Look at Speed & Uptime (2018)
    • SiteGround Reviews from 1032 Users & Our Experts (2018)
    • Bluehost Review from Real Users + Performance Stats (2018)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Start a Podcast with WordPress (Step by Step)
    • How to Choose the Best Domain Name (8 Tips and Tools)
    • How to Setup a Professional Email Address with Google Apps and Gmail
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2018 – Step by Step Guide
Deals & Coupons (view all)
MaxCDN
MaxCDN Coupon
Get 25% off MaxCDN, the same service that we use to make our site super fast.
WPForms Logo
WPForms Coupon
Get 10% off WPForms, the most beginner friendly WordPress contact form plugin available in the market.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • List25
  • Awesome Motive
  •  

Copyright © 2009 - 2018 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

WordPress hosting by HostGator | WordPress CDN by MaxCDN | WordPress Security by Sucuri.