Create a Donation Form in WordPress (with a template)

How to Create a Nonprofit Donation Form in WordPress

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 

What Is a Donation Form?

A donation form lets you collect donations from people online and easily manage your form submissions for future reference. You can create a donation form online using form builders and connect it with a payment gateway to process donations.

Here are some reasons why you should consider adding a donation form to your nonprofit site:

  • 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 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 nonprofit or charitable organization can accept donations online.
  • 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 customizations.

A donation form is a little different from a pledge form. Pledge forms are normally used for sponsorships or crowdfunding projects. But on a WordPress donation form, you’ll want to take payment right away to speed up the donation process. (Either way, in most cases people can make a tax deduction!)

WPForms is the best WordPress Form Builder plugin. Get it for free!

If you’re starting a fundraiser online, using a WPForms donation form template is one way to go about it. In this guide, we’ll show you the hassle-free way of creating a nonprofit donation form in WordPress.

How to Make a Nonprofit Donation Form in WordPress

Here’s a video tutorial showing how you can make a WordPress donation form:

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

Step 1: Create Your WordPress 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.

After you’ve activated WPForms on your site, you can simply take advantage of our nonprofit donation form template to quickly create your form and start collecting charitable donations.

Next, go to WPForms » Add New to create a new form. You’ll see over 400+ customizable form templates here.

add new form

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

Then, search for the “donation form” template using the search bar. You’ll find several different donation forms with slight variations in the fields. Pick one that suits your goals the best.

In this example, we’re going to use the simplest nonprofit donation form template. donation form template for nonprofit

Nonprofit donation form template

WPForms will create a donation form out of the pre-built donation form template for nonprofit.

The Donation Form template

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 Template Fields

Let’s now customize this template using the easy form builder.

The field called ‘Donation Amount’ is a Single Item field that allows users to pick the amount they want to donate.

Let’s also add a field with a few standard donation amount choices that user can click to process payments 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.

Adding a Multiple Items field to a donation form

Next, click the Multiple Items form field to:

  • Change the label to something like “Donation Amount”
  • Enter the donation amount labels and dollar values
  • Add another item by clicking on the plus (+) button and call it something like “Other Amount”

Customizing a Multiple Items field for a donation form

Now, scroll down and toggle on the Required option 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.

Making a donation amount field required

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, toggle off the Required option. If you don’t, users won’t be able to select the pre-defined donation amounts if that’s what they want to do.

Making the donation amount field not required

Next, click on the Smart Logic tab at the top of the Field Options panel. Toggle on the Enable conditional logic setting.

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

Setting up conditional logic to let donors enter a custom donation amount

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 Notifications

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

Accessing a form's notifications settings

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.

An email notification with a custom header image

Step 5: 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.

A donation form confirmation message

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 6: 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, Square, and Stripe to accept donations online 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 tutorials on how to use WPForms payment addons:

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

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

PayPal Standard payments settings in the form builder

Here you’ll need to do the following:

  • Toggle on the option 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.
  • 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.

Setting up PayPal Standard settings to accept donations

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 7: 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.

Click on Save button on the top-right of the form.

Save form

Then, click on Embed next to the Save button.

Embed form button

This will open a dialog box where you can choose to create a new page to embed your form or add it to an existing page.

We’ll want to add the form to a fresh new page, so we’ll select Create New Page.

Embed in new page

Now, give your form a name and click on Let’s Go.

Create new page

You’ll now see your WordPress editor, with the donation form already embedded within the page.

Take a moment to review your form and when you’re ready, click on Publish to take your page with the donation form live.

Publish donations form page

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

Bonus: Advanced Donor Management

If you’re a power user, you can perform some advanced donor management with WPForms apart from collecting donations.

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, Add Optional Payment Fields to Your Forms

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 to add automation 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.

Comments

  1. you didnt tell me I needed a 140/240$$ account this seemed like the cheap way but wptipjar only takes 1% at 240 id need to be donated $24,000

    TL;DR wpTipJar is better unless ur doing over $24,000

    PS, why do all these donation boxes cost money while I could make a blank item in woo commerce, completely free >:(

    1. Hi Barry! I apologize for any confusion here.

      You mentioned that you’re looking to accept donations. In case it helps to know, we have some very special discounts for non-profit organizations, for which I’ve included the details below:

      $99 per year for a Pro license (normally $399 per year). Our Pro license provides you with access to lots of addons, including Stripe and PayPal addons (so you can accept donations through forms on your site).

      $199 per year for an Elite license (normally $599 per year). Our Elite license provides everything you get with a Pro license plus additional addons like Webhooks, ActiveCampaign, Authorize.Net, and the Salesforce addons.

      Please note that both the Pro and Elite nonprofit licenses are limited to 5 sites.

      The rate will stay the same for as long as you keep your non-profit site and choose to renew.

      If you have any further questions about this or if you’d like to apply for a non-profit license, please don’t hesitate to contact us.

      Thanks!

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.