Create a Donation Form in WordPress (with a template)

How to Create a Nonprofit Donation Form in WordPress (The EASY Way)

Do you want to create a nonprofit donation form in WordPress? With just a few clicks, you can start fundraising for your nonprofit right on your own WordPress website.

So in this article, we’ll show you exactly how to create a donation form in WordPress from a template. This can boost your fundraising strategy by making online fundraising easy and fast.

Create Your Nonprofit Donation Form Now 

Why Create a Nonprofit Donation Form?

If you want to make it easy for your supporters to give money, it makes sense to publish a donation form on your site.

Even if you send out donation request letters by post, you should always have an online donation page too.

Here’s why:

WPForms is the best WordPress Form Builder plugin. Get it for free!
  • Online forms make it easy to give – Your supporters are more likely to donate if it’s easy for them. With an online form, supporters can donate to your nonprofit whenever they want, without hunting down your contact information. That makes the recurring donations user-friendly and helps to make donor engagement easier.
  • Donations are simple to transfer – Many payment solutions easily integrate with your site so any non profit or charitable organization can accept donations online.
  • Donation forms for nonprofits are easy to set up – Easily customize your form’s fields so you can get more details from your donors and stay in touch. With WPForms, all of your donation forms will automatically be mobile responsive too, which means donors can easily use it on their mobile devices.
  • Donation pages are easy to publish – Use the WPForms donation form template to make a standard form that fits the aims of your nonprofit. After that, you can duplicate the form for each new fundraiser without having to redo all of your customization.

A donation form is a little different to a pledge form. Pledge forms are normally used for sponsorships or crowdfunding projects. But on a donation form, you’ll want to take payment right away to speed up the donation process.

We’ll show you the hassle free way to make your own donation form from a template.

How to Make a Nonprofit Donation Form

Here’s a video tutorial on how it’s done:

If you prefer written instructions, we’ve got you covered below.

Follow these steps to make a nonprofit donation form for your website.

  1. Create Your Donation Form
  2. Customize Nonprofit Donation Form Fields
  3. Set Up Conditional Logic
  4. Configure Your Donation Form Settings
  5. Configure Your Donation Notifications
  6. Configure Your Form Confirmations
  7. Set Up Donation Payment Settings
  8. Make Your Donation Page

Ready? Let’s start by making the donation form.

Step 1: Create Your Donation Form

The first thing you’ll need to do is install and activate the WPForms plugin.  It’s the world’s best form builder plugin.

For more details, see this step by step guide on how to install a plugin in WordPress.

Next, go to WPForms » Add New to create a new form. You’ll see many templates for different types of WordPress forms.

On the setup screen, name your form. You can use a generic name, or the name of your fundraising campaign.

Then select the Donation Form template. It’s a sample donation form that you can adapt easily for different types of fundraising.

donation form template

WPForms will create a donation form out of the premade donation form template.

nonprofit donation form template in wordpress

Now you have your donation form template, you can start customizing the fields to fit your fundraiser or target.

Step 2: Customize Nonprofit Donation Form Fields

Now you have your donation for template open, you’ll notice that it has the following form fields:

  • Name
  • Email
  • Donation Amount
  • Comment or Message

You can add additional fields to your donation form by dragging them from the left hand panel to the right hand panel. For example, you might want to add a phone number field so you can call the donor to thank them.

If you want to change the field size or label, click on the field to make your changes. You can also click on a field and drag it up or down to rearrange the order of the fields on your donation form.

The field called ‘Donation Amount’ is a Single Item field that gives users a chance to pick the amount they want to donate. You can also use multiple choice or dropdown fields instead. So in this example, we’ll show you how to add a multiple choice payment field that shows several donation amounts to choose from, while keeping the option to enter a different amount too.

Offering different amounts means you could reach your fundraising targets much faster.

To start, drag the Multiple Items form field, found under Payment Fields, to the right hand panel. We’ll place this new field above the Donation Amount field.

multiple item field to donation form

Next, click the form field to make changes:

  • Change the label to something like “Donation Amount”
  • Change each item to show a different donation amount
  • Add another item by clicking on the +plus and call it something like “Other Amount”

create custom donation amounts on form

Now, scroll down and click the Required checkbox in the left hand panel.

This is optional, but will make sure people filling out your donation form enter something in this field before clicking submit.

check required field on donation form

We’ll show you more about the Other Amount field next.

Step 3: Set Up Conditional Logic

The next thing you need to do is customize your donation form to display a new blank field when Other Amount is selected.

To start, click the “Donation Amount”  field to make changes.

Then, unclick the Required checkbox (it will default to being checked). If you don’t users won’t be able to select the pre-defined donation amounts if that’s what they want to do.

uncheck required button on donation form field

Next, scroll down to the left hand menu labeled Conditionals. Select the checkbox Enable conditional logic.

Then, select the option to Show this field if Donation Amount is Other Amount.

enable conditional logic on donation form template

This way, anytime a site visitor wants to enter their own donation amount by selecting the Other Amount multiple choice option, the Donation Amount form field will display.

The awesome thing about WPForms is that you can keep customizing your form, then duplicate it for the next event or goal. That means you can easily meet a variety of fundraising objectives.

Once you’re done customizing your online donation form, click Save.

So now we’ll take a look at how to configure your nonprofit donation form settings.

Step 4: Configure Your Donation Form Settings

There are a few additional options to configure when creating a donation form in WordPress. We’ll start with the general settings first.

To start, go to Settings » General.

nonprofit donation form settings page

Here you can configure the following:

  • Form Name — Change the name of your online donation form here
  • Form Description — Give your form a description.
  • Submit Button Text — Customize the copy on the submit button. For example, you might want to change this to a Donate button instead.
  • Spam Prevention — Stop contact form spam with the anti-spam feature, hCaptcha, or Google reCAPTCHA. The anti-spam checkbox is automatically enabled on all new forms.
  • AJAX Forms — Enable AJAX settings with no page reload.
  • GDPR Enhancements — You can disable the storing of entry information and user details, such as IP addresses and user agents, in an effort to comply with GDPR requirements. Check out our step-by-step instructions on how to add a GDPR agreement field to your simple contact form.
  • Offline Mode Let users submit their form even when they don’t have an internet connection.

When you’re done, click Save.

Step 5: Configure Your Donation Notifications

Notifications are a great way to send an email whenever a donation is made on your website.

configure notifications on wordpress donation form

In fact, unless you disable this feature, whenever someone makes a donation on your site, you’ll get a notification about it.

So if you use smart tags, you can also send a notification to the site visitor when they make a donation, letting them know you received it and will be in contact shortly. This assures site visitors their forms have gone through properly.

For help with this powerful feature, check out our documentation on how to set up form notifications in WordPress.

And, if you want to send more than one email to just one person, read this article on how to create multiple form notifications in WordPress.

Lastly, if you want to keep branding across your notification emails consistent, you can check out this guide on adding a custom header to your email template. This is a great way to add your charity logo to your emails.

Custom Email Header

Step 6: Configure Your Form Confirmations

Form confirmations are messages that display to site visitors once they submit a donation form on your website. They let people know that their donation has been received and offer you the chance to let them know the next steps.

WPForms has 3 confirmation types to choose from:

  1. Message — This is the default confirmation type in WPForms. When a site visitor makes a donation, a simple message confirmation will appear letting them know it was received. You can use this method to send a basic email donation receipt.
  2. Show Page — This confirmation type will take site visitors to a specific web page on your site thanking them for their donation. For help doing this, check out our tutorial on redirecting customers to a thank you page.
  3. Go to URL (Redirect) — This option is used when you want to send site visitors to a different website, such as your social media page.

Now let’s see how to set up a form confirmation so you can customize the message site visitors will see when they make a donation on your website.

So to start, click on the Confirmation tab in the Form Editor under Settings.

save confirmation settings in wordpress donation form

Next, select the type of confirmation type you’d like to create. For this example, we’ll use the default Message.

Now, edit the text inside the text box. You can customize the confirmation message to your liking, thanking the visitor for their donation. When you’re done, click Save in the top right corner.

And for help with other confirmation types, see our documentation on setting up form confirmations.

Step 7: Set Up Donation Payment Settings

In order to collect donations on your site, you’ll need to configure your payment settings and set up your online payment processor.

To make that easier, WPForms integrates with PayPal, Authorize.Net, and Stripe for accepting payments with major credit or debit cards.

You can use the one you already have set up for your charity, or easily set up a new payment account.

So to configure the payments settings on your nonprofit donation form, you’ll have to install and activate the right payment addon.

For easy step by step instructions, check out our tutorial on installing and using the PayPal addon. If you want to use Stripe for taking credit cards or setting up recurring donations, you’ll find similar instructions for installing and using the Stripe addon here.

Once you’ve done that, click the Payments tab in the Form Editor.

In our example, we’ll set up PayPal to process donations.

setup online payments for donation form

Here you’ll need to do the following:

  • Click the checkbox enabling PayPal Standard payments on your donation form
  • Enter the email address associated with your PayPal account
  • Choose the Production mode, unless you want to test your form first, then choose Test/Sandbox. For help with testing your forms, check out how to test PayPal payments and how to test Stripe credit card payments before accepting real payments on your site
  • Select the Donation payment type
  • Send site visitors to a certain URL if they don’t complete their PayPal donation
  • Select your preferred shipping setting
  • Decide whether to allow site visitors to include notes with payments

setup paypal in donation form

After you’re done configuring the payment settings, click Save to store your changes.

And be sure to check out our tutorial on allowing customers to choose their payment method if you want to offer more than one payment option.

So now you’re ready to add your online donation form to your website.

Step 8: Make Your Donation Page

After you’ve created your donation form from the template, you need to make a donation page for the form.

WPForms allows you to add your donation form to many locations on your charity’s website, including:

Let’s take a look at the most common option: making a donation page.

To begin, create a new page or post in WordPress, or go to the update settings on an existing one. We called ours Donation Page.

After that, click inside the first block (the blank area below your page title) and click on the Add WPForms icon.

add wpforms widget for donation form

The WPForms widget will appear inside your block. So now click on the WPForms dropdown and pick which one of the forms you’ve already created that you want to insert onto your donation page.

select donation form in wpforms dropdown

Now, click Preview, and you’ll see your donation form as it will appear on your website.

If you’re happy with the way your form looks, hit Publish. It’s now live on the Internet.

finished wordpress donation form

Sure, the donation form looks a little simple right now. And you can leave it this way (maybe your donation page has a minimalist style). Or, customize the form to make it have more to it.

Need some design inspiration? Check out these form designs you can steal.

How to Send a Donation Receipt

Do you want to send your donors a receipt after they send a payment?

You can use form notifications to send an email receipt for each donation you receive. But you can also work with form entries to create custom receipts.

Check out this complete guide to form entries to see how easy it is to view your donations in the WordPress dashboard. You can sort, read, and delete donor profiles easily.

Print a donation receipt

So, to send a donation receipt to each donor, you could print their form entry to a PDF. If you wanted to make completely bespoke receipts, it’s easy to export your form entries to CSV and then import the data into your own layout.

Keep In Touch With Donors

You can combine your donation forms to gather contact information with some popular email marketing services like:

So this gives you the chance to add donors to your email list and keep them informed about your organization’s events.

And because your form is already live on your website, it’s easy to use the social sharing features in WordPress to get more traffic to it. Check out these awesome social media plugins to get some ideas.

Ready to get started? We’ve got you covered with our online donation form template. Click the button to get started now!

Create Your Nonprofit Donation Form Now 

WPForms Nonprofit Discount

Are you a nonprofit organization looking to save money while seeing your donations skyrocket?

WPForms Pro is available to qualified nonprofits at a major discount of 75% off, including registered 501(c)(3) nonprofit organizations.

That’s only $99/year for the world’s most powerful form builder for WordPress.

So you’ll find it easier than ever to convert potential donors on your website into permanent donors. You can use all of the advanced features in Pro to make sure your donors support your fundraising efforts long term.

Simply head to the WPForms Nonprofit Discount page and fill out the request form. Once we review your application, we’ll be in touch.

Next Steps for Nonprofits

And there you have it! You now know how to create a nonprofit donation form in WordPress.

If you want, you can even add a request for a donation while they’re filling out any other WordPress forms on your site. That could really help you to reach a fundraising goal faster. Read about how to add an optional payment to your WordPress forms.

We also have a guide to super helpful Salesforce integrations that’ll be handy if you use Salesforce for Nonprofits.

So, what are you waiting for? Get started with the most powerful WordPress forms plugin today.

And don’t forget, if you like this article, then please follow us on Facebook and Twitter.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.