WPForms Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

15 Donation Page Examples to Inspire Your Online Fundraising

by Shahzad Saeed on Jun 22, 2017

Are you looking for inspiration to create a donation page for your nonprofit? Having a high-conversion donation page is crucial for your organization to meet its fundraising goals. In this article, we’ll show you some cool donation page examples, and also explain what we liked in them and what we didn’t.

1. Mozilla

Mozilla’s donation page is probably the simplest donation form you’ll ever find.

mozilla- donation page

What we liked:

  • The mission statement is stated briefly on the left side. This can motivate people to make a donation who would like to support them to stand up for an open web for all.
  • The entire form is visible above the fold, so donors do not need to scroll down to find the form.
  • Users can easily choose from Stripe or PayPal payments.
  • Distractions like external links are kept to a minimum to boost conversions.

What we didn’t:

  • None of the donation amounts are preselected. It could confuse first-time donors when deciding how much they should contribute.

2. The Obama Foundation

The Obama Foundation uses a huge picture of Obama in the background, and the form is displayed on the right hand side.

obama foundation- donation page

What we liked:

  • The picture of Obama displayed in the background can create a sense of credibility to donors.
  • A checkbox is preselected that agrees to cover the transaction fees on donation. This can avoid disappointment down the line when they see an extra fee during checkout.
  • Users can also easily activate recurring payment by selecting a checkbox.

What we didn’t:

  • Neither the mission statement nor a statement about how they’re going to spend their funds is placed on the donation page. This can discourage users from making a donation, especially those who landed directly on the donation page from an external referral source who don’t know much about the foundation.
  • The background image is large in size, which can increase the page loading time.

3. United Nations Population Fund (UNFPA)

The UNFPA donation page contains 5 different sections with 5 different call-to-action buttons.

unfpa- donation page

What we liked:

  • The main donation page contains 5 sections. The goals of different fundraising goals and how they are going to spend their funds are described in all sections.
  • To reduce complexity, instead of directing all donors to a single donation form, the main donation page points to different donation subpages.

What we didn’t:

  • The top banner is a bit confusing. The Donate Now picture in the banner looks like a call to action, but actually, it isn’t clickable.
  • The page isn’t well optimized for conversions. One of the Learn More links in the page is not clickable.
  • The length of the page could be reduced by displaying all the sections side by side.

4. World Wide Fund (WWF)

wwf- donation page

The WWF donation page processes donations on the same page without redirecting donors to a different page.

What we liked:

  • A donation amount is preselected, so donors can easily go through to the next step in checkout.
  • A clear statement is displayed about why they should donate.
  • A trust signal is displayed on the page, which will likely encourage donations.

What we didn’t:

  • The thank-you gift section is a bit confusing. It would have been better if the thank-you gift section is hidden and only displayed to users who want to receive a gift.
  • The page contains many external links, which likely drop conversions.
  • The form is too long. The length of the form could be reduced by splitting it into multiple pages.

5. GetUp

GetUp splits the donation page into 2 sections:

  1. A section that describes their mission and why you should support it.
  2. A section in which the donation form is placed.

getup- donation page

What we liked:

  • The form is split into different pages, which reduces the length of the form, leading to boost donations.
  • A secure symbol is shown just above the form fields. As half of donors look for these security indicators, this is likely to boost donations.
  • FAQs are added in a drop down link, making the length of the page short.

What we didn’t:

  • Users will have to scroll down the page to make donations. The donation page contains a navigation menu with many links, which could take users away from the page.

6. Her Song

her song- donation page

Her Song allows you to make a donation either by creating an account on the site or without an account.

What we liked:

  • They use a preselected checkbox that adds users to their email list.
  • All the fields show if it is required or not.
  • Donors can easily choose from different recurring cycles.

What we didn’t:

  • The mission statement is placed in the footer. In our opinion, it should be placed on the top of the page.
  • The page contains multiple call-to-actions including a Facebook share and a retweet button. The share buttons could be added on the thank-you page, but not on the donation page because they’ll reduce conversions.
  • The color scheme of different buttons could be confusing.

7. Invisible Children

The main donation form contains only a single field to enter the donation amount. After entering the amount, when a button is clicked, it will redirect donors to a secure payment page.

invisible children- donation page

What we liked:

  • We really liked its simplicity. It is another great example for a simple donation page.

What we didn’t:

  • The page points to multiple call to actions.
  • It seems like the page blindly follows the above-the-fold rule by assuming that it will likely boost conversions. Since all the other details regarding the organization are placed below the form, donors will have to scroll down to read them. In our opinion, the location of the form should be tested to figure out if keeping the form at the top really encourages conversions.

8. Children’s Minnesota

childrens- donation page

While the overall design looks amateurish, the donation form of Children’s Minnesota follows some conversion optimization best practices.

What we liked:

  • External links are kept to a minimum and the navigation menu is not used in the page.
  • The page clearly explains how they are going to spend donation funds.
  • The form uses the conditional logic feature that shows certain fields only if a specific option is selected from the dropdown choice.

What we didn’t:

  • The page doesn’t contain any security indicators, which may scare away donors from submitting personal info.
  • The form has too many unnecessary fields, like Comments which could be eliminated to encourage donations.
  • The form is too long and could be split into multiple pages.

9. Special Olympics

The donation form is placed on the right-hand side of the page.

special olympics- donation page

What we liked:

  • Faces can often draw attention from a call to action. In this page, the kid in the background image is looking towards the donation form, which will draw your visitors’ eye to the form.
  • A donation amount is preselected, so users can easily go through to the next step.
  • A checkbox is also preselected that agrees to cover the transaction fees on donation. This can avoid the disappointment down the track during checkout.

What we didn’t:

  • We’re probably being picky here but the main call to action could have been placed above the fold.

10. Asian Pacific Fund

The page displays a beautiful hero image/banner at the top and the form is placed below it.

asian pacific fund- donation page

What we liked:

  • The color scheme used in the page perfectly blends into their brand color.
  • The donation form is also integrated with their email list. This can be a great choice for nonprofits to connect with their donors.
  • A security indicator is shown below the donation form.

What we didn’t:

  • The sidebar contains several links to other pages that could distract donors.
  • The button color isn’t contrasting to the rest of the page, which could negatively impact conversion.
  • The long form could be split into several pages to make it look shorter.

11. Future in Sight

The donation page of Future in Sight also displays a banner at the top, and a sidebar on the left side.

future in sight- donation page

What we liked:

  • The overall design is simple and every section in the form is well organized.
  • The form leverages conditional logic feature to display certain fields only when a specific option is selected.
  • A donation amount is preselected in the form, so donors can easily go through to the next step in checkout.
  • The form uses a contrasting color for the call to action, which stands out from rest of the page.

What we didn’t:

  • The page isn’t well optimized for conversions. It contains several external links pointing to different pages on the site.
  • The form also includes a few survey questions to better understand the donors. It would have been better if the questions were asked after completing the donation.

12. Oxfam

Call to actions in the Oxfam page doesn’t look like a button. But when you hover over it, it displays a button.

donation page example oxfam america

What we liked:

  • Oxfam uses a different approach to displaying various donation amounts. They use an image and a short blurb that explains how each donation amount is going to be spent.
  • When an amount is clicked, it redirects donors to another page to complete the payment.

What we didn’t:

  • Many reviews are being posted on the page from TrustPilot, which could take the attention away from the form.

13. Pencils of Promise

Here’s another great example of a simple donation form.

pencils of promise- donation page

What we liked:

  • We really liked its simplicity.
  • The page displays a couple security indicators to foster trust amongst donors.
  • Donors can also choose their preferred payment option.

What we didn’t:

  • Just like many other donation pages featured here, this page also uses a navigation menu, which could drop conversions.

14. Project CURE

External links are kept to a minimum to improve conversions.

project cure- donation page examples

What we liked:

  • A donation amount is preselected.
  • An email list is integrated with the form, so organizers can connect with donors.
  • Several security indicators are shown, which create a trust factor.

What we didn’t:

  • The page could be split into different pages to make it shorter.

15. NextGen Climate

NexGen Climate uses a simple donation form without any fluff.

nextgen climate- donation page example

What we liked:

  • We really liked its simplicity.
  • The page is split into multiple pages in order to make it look shorter.
  • The page makes it easy to make a recurring payment. Users will only need to click a checkbox.

What we didn’t:

  • None of the donation amounts is preselected, so some users may find it difficult when deciding how much should they donate.

We hope this list of donation page examples inspired you to create your own donation pages to meet your online fundraising goals.

If you like this article, you might also want to read how to improve donation forms conversions, and see our guide on how to create a nonprofit donation form in WordPress to get started.

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

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Comments

  1. We use the GIVE WordPress plugin because it provides donor and member recordkeeping and folds into our financial system. But we do use WP forms for other things. If WP Forms integrated with the GIVE plugin it would be perfect. What about it?

    1. Hi Bruce,

      We appreciate the suggestion! It looks like one of the major features of that plugin is their forms so an integration may not be a good fit, but I’ll put it on our radar to consider in the future.

      Thanks for mentioning it 🙂

  2. Are the examples shown here, editable?
    Can I insert titles and words that are directly related to my Mission? I am a for profit organization through which 90 percent of earnings go back into the Mission.
    Can I design a page, which conveys that “Mission” to visitors, Subscribers, and followers?

    1. Hi Mike,

      Sure, you can absolutely customize any of our existing form templates in any way you like! Though the examples here are for inspiration, you can take these ideas and apply them to your own forms. All of the text in our forms is editable, including the form title, field labels, and descriptions — and with all paid license, you can also add an HTML field that allows you to insert longer additional text or image content.

      And if you’d like to customize your WordPress pages outside of your forms, I’d suggest checking out WPBeginner for tons of tutorials and advice.

      I hope that helps! 🙂

  3. Thanks for the great ideas. Now, how do you create forms like the ones above using WPForms? I have a license, but my forms need to be jazzed up. How can you set the donation selections to be buttons (as pictured)? How can you add optional values plus an “Other” box where they can enter their own amount?

    Any advice or links for me?

    1. Hi Nathan,

      Great questions! While we don’t currently have any built-in way to make radio buttons or checkboxes look like standard buttons, this can be accomplished with some custom CSS. It can get a bit complex, but I found a tutorial here that seems to explain the approach pretty well.

      We also have a great guide on getting started with CSS, as well as a more specific guide on our form’s default styles.

      To set an ‘Other’ amount option, you can:
      1) Include ‘Other’ as an option in your Multiple Items or Dropdown Items field, with a price of $0
      2) Add a Single Item field, and set the Item Type to ‘User Defined’ (this lets the user enter their own amount)
      3) Still on the Field Options for Single Item, open Conditional Logic and set this field to display only if Other is selected in the other item field.

      Here’s a screenshot with an example of how these settings would look

      I hope this helps! If you have any other questions about this, could you please contact us in support?

      Thanks! 🙂

  4. Hi,
    I love the examples! I don’t see the one that covers what I’m trying to do though.

    I want to have the features above – ie. membership or free-form donation amount, with option to do subscription/monthly payments. BUT I also want to have the option for someone to donation and ADDITIONAL amount towards a specific fund (eg. to help with trail maintenance).

    How can I accomplish this, without making my users go to separate pages?

    thanks!

    1. Hi Rachel,

      We don’t currently have a way to set up recurring/subscription payments, though this is something we’re hoping to add soon specifically with our Stripe addon (no exact ETA currently). As far as your additional amount option, I apologize as I’m not sure I understand exactly what you have in mind. When you have a chance, could you please get in touch with a little more detail about what you’re looking to do?

      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.