Skip to Main Content

Donation Pages from Start to Finish

The Ultimate Guide to Donation Pages

You want donation pages that lead to more donations. This guide will show you how to create them.

Now is the time to update and optimize your online donation forms and donation pages!

As online giving has become more common, donation page best practices have evolved. What worked yesterday might be holding you back today!

If you haven’t revamped your donation pages or forms recently, now’s a good time to do so. The earlier you make these changes, the sooner you’ll start seeing more donations!

In this essential guide, we’ll be covering donation page basics, from why you need a donation page to a checklist on how to optimize your donation forms.

For easy access, we’ve linked all of the sections below, so you can find exactly what you’re looking for:


Section 1

What Are Donation Pages?

A good donation page will make it easy to make a gift. But, more than that, it will create an experience that sticks with your donors and makes them more likely to give again in the future.

But how do you do that? 

You’re about to find out! Before we delve into the best ways to optimize your donation page, let’s start with the basics. 

How are donation pages different from donation forms? Read on to find out!

Neon One characters talking
Neon One characters talking

Donation Pages

Donation pages are the website landing pages that include your actual donation forms. This is where the majority of the messaging for the page lives. 

Common elements on a donation page (that aren’t the donation form itself) include:

  • Images that connect donors to the people they’ll support with their gift
  • Copy that talks about donors’ potential impact
  • Elements like progress bars that track progress toward a fundraising goal or lists of recent donors
  • Trust indicators (like Guidestar or Charity Navigator badges)

Think of your donation page as the “container” that holds your donation form.

Donation Forms

Donation forms are the actual fields your nonprofit uses to collect money and donor information online. When completing their gift to your nonprofit, donors simply fill out basic information, including their name, email address, and payment information.

Donation forms are embedded in the donation page that’s hosted on your website (or other virtual platform). Think of the difference between the two as the difference between “where” and “how.” Your donation page is where your donors go to make their gift, and the donation form is how they complete the transaction.

What’s Included on a Donation Page?

While no two nonprofits are exactly the same, there are a number of best practices that come into play when building a donation page for your organization.

Here’s a quick list of must-have elements for any nonprofit donation page:

  • A high-impact hero image related to your mission or brand with a few lines of copy reiterates someone’s decision to give (Note: If you are creating a donation page that’s specific to a certain campaign, choose a hero image that relates to that campaign)
  • Copy that shares details about how a donor’s gift will make an impact
  • A form that collects a donor’s name, email address, mailing address, communication preferences, and payment type and information (credit card or online payment field)
  • Donation amount suggestions with the option for donors to choose their own custom amount
  • Recurring and/or monthly donation options
  • Impact statements for your various donation amount and frequency options explaining what a gift of this size would allow your nonprofit to do
  • A user-friendly experience for the platform they are on (mobile, tablet, or desktop)
  • Social media share buttons attached to the donation confirmation page, plus copy encouraging your donor to spread the word

These components are standard parts of a good donation page, but your mission, donor base, and community are unique. Use data from past giving campaigns to learn what kind of elements your nonprofit’s donors might respond to in a donation page. Spend some time combing through your organization’s donor database to see what kind of trends emerge.

As you’re updating your page, you can also conduct A/B tests to learn which new elements work and which don’t. An A/B test means creating two different versions of your page, sending a version of each form to different donor groups, and seeing which version of the page performs best. 

In order to conduct an A/B test, you’ll need to find your donation pages’ conversion rates. You can calculate this by taking the number of unique visits to an online donation page divided by total donations processed by that page. You’ll do this for each version of your donation page.

If you conduct an A/B test and find that one version of your new donation page has a much higher conversion rate, then that’s the version you should use!


Section 2

Why Do I Need Great Donation Pages?

For many nonprofits, donations make up a significant portion of their funding. Even with other revenue coming in from channels like grants and major gifts, online donations are still an essential part of funding your mission. 

With the right donation page and form setup, anyone can give to your nonprofit instantly. The immediacy of online giving makes it extremely easy to give whenever and wherever your donor may want. 

But just because someone navigates to your website—or even to your donation page—doesn’t mean they will always take those last steps to donate.

With the wrong donation page, you risk losing out on donors and long-time supporters. In fact, the average nonprofit donation page sees a 50-70% abandonment rate.

If your donation page is confusing or loads slowly, or your form is too long, you may risk losing a potential donor.

The rest of this guide will give you the tips you need to improve, optimize, and track your donation pages to attract new donors and increase your fundraising.

Neon One characters
Neon One characters


The rest of this guide will give you the tips you need to improve, optimize, and track your donation pages to attract new donors and increase your fundraising.


Section 3

How Do I Optimize My Donation Pages?

What are the components of a good donation page?

Think of this section as an online donation optimization checklist that you can use to help your nonprofit create the best possible platform for giving.

Let’s dig into it!

Neon One Character standing on desk
Neon One Character standing on desk

1. Branding

You have a logo—now what? Make sure you keep your logo style consistent and include it on all of your marketing materials. That means your online donation page, too.

Branding your donation form is a great way to instill trust in your donors. If your donation form looks and feels like the rest of your nonprofit’s website and digital communications, donors will be more likely to complete their transaction. 

In fact, branded online donation forms attract seven times more donors than non-branded forms.

What Does It Mean to Brand Your Donation Pages?

Simply put, branding your donation pages means using your organization’s logo, fonts, color scheme, and other brand elements on your donation form.

This process starts with adding a high resolution, size-proportional version of your nonprofit’s logo–ideally, a resolution of 72ppi or better. The next step is to make sure that the form’s overall style is in line with your organization’s web and print design.

Better Branding for Nonprofits Ebook
Better Branding for Nonprofits Ebook

For example, do you have a specific font or text color that represents your nonprofit? Your form should follow the same style guidelines you’ve established for other materials.

Do you have a specific font or text color that represents your nonprofit? Your form should follow the same style guidelines you’ve established for other materials.

If you decide to include an engaging hero image, be sure that that image also matches the style guidelines of your website and your brand. Say the rest of your website uses high-quality images with warm colors—you’d want to use a similar image on your donation form, not a grainy image with cool tones.

If you haven’t established a style guide for your nonprofit, we highly recommend you take some time to do so. 

Style guides are a valuable resource in building a solid aligned brand identity. They help educate staff, volunteers, donors, and online visitors on visually communicating the nonprofit’s mission.

This shows the Neon One Brand and Style Guide page displayed on a computer monitor
This shows the Neon One Brand and Style Guide page displayed on a computer monitor

Want to see a style guide in action? Check out Neon One’s style guide.

Need a little help with design? Neon Websites is here to lend you a hand. It’s a website builder and CMS designed specifically for the needs of nonprofit organizations. That means it’s easy to build a website—including a donation page—that encourages visitors to support your cause.

From mission-specific templates to personalization options to a seamless integration with Neon CRM, Neon Websites has everything your nonprofit needs to boost your digital presence.

2. User Experience

When we talk about user experience, we’re talking about how intuitive and easy your website is to navigate. This includes any interactive elements on the site—including your donation page. 

In this case, we’re assessing the user experience of your donation process as a whole. The primary focus here is your donation form. Your goal is to make the donation process quick and easy.

Why? Because it will impact your conversion rates! According to the most recent Nielsen Norman Group report surveying nonprofit website usability, 13% of users said difficult-to-use sites deterred them from donating. Optimizing your donation pages will increase someone’s willingness to give.

Here are some steps you can take to create a better user experience.

Break the Donation Process Into Multiple Steps

The next time you finish a transaction online—like buying a new pair of pants or ordering a pizza for delivery—pay attention to your checkout experience. 

In all likelihood, your transaction will be broken down into multiple pages. There’s one page for confirming your order, one for your delivery address, one for your payment info, and one to complete the transaction.

This multi-page format is no accident. By breaking the process down into several discrete steps, the company is capitalizing on the phenomenon known as “cognitive momentum.” 

In other words, once you’ve completed the first step of your multi-page transaction, you feel like you’ve already committed to making the purchase. The rest is just details.

The same logic holds true for donation forms! By breaking down the process into multiple different pages, your form makes the whole transaction seem easier to complete.

The same amount of information posed to donors as a single form might overwhelm them, but embed a multi-page form on your donation page and you will likely see conversion rates rise.

Check out the image below to see how Neon CRM uses multi-page donation forms to help our clients raise more.

This image shows three steps of an online donation page, each one on a phone screen. Image one shows the donation amount selection step. Image two shows the step where someone enters their personal information, and their payment information is displayed on step three.
This image shows three steps of an online donation page, each one on a phone screen. Image one shows the donation amount selection step. Image two shows the step where someone enters their personal information, and their payment information is displayed on step three.

Minimize Form Fields on Your Donation Pages

In the modern digital landscape, data is king. The more data you have on your donors—like their age, income, interests, address, and career information—the better you can tailor communications to specifically address their needs.

But how can you get that data? Well, while it might be tempting to add a ton of different fields to your donation form in order to learn everything there possibly is to know about your new donor, that is a temptation you should resist.

If you ask for too much information during your donation process, you increase the likelihood that the visitor fails to complete their transaction. Nobody likes filling out long forms, especially if you’re asking for lots of personal information. All of a sudden, that brand new donor is just another one that got away.

There’s an easy solution. Keep the fields to a minimum on your donation form, then send your new donor a get-to-know-you donor survey soon after they’ve completed the transaction.

Make sure you send that survey soon, though! A donor is more likely to respond right after they’ve given when they are still filled with warm and fuzzy feelings towards your organization. Wait too long, and those feelings will fade.

Learn more about what questions to include in your donor survey in the article below:

When You Ask for Information, Tell Them Why It’s Necessary

When you are asking your donor for information that goes beyond the bare minimum required to complete their transaction, let them know why you need that info.

For instance, if you’re asking for their phone number, make sure that you specify that you will only contact them in case something goes wrong with their donation process.

With phone numbers, specifically, always provide context. Requesting a phone number on your donation form is a great way to kill your conversion rate.

Asking for an email address, on the other hand, is fairly standard. But be sure to let your donor know exactly what they are signing up for when they send you your email address.

Even better, include a check box that allows them to opt into a newsletter or other marketing communications. Otherwise, make clear that you are asking for their email strictly to confirm and follow up regarding their transaction.

Add Security Indicators

If a potential donor feels unsure about giving your organization their credit or debit card information, then they’re almost surely not going to complete their donation online. 

One way to help put worried minds at ease is to include a security indicator (also called a “trust indicator”) on your donation form.

What’s a trust indicator? It could be something as simple as a little padlock icon or the words “secure payment” on the bottom corner of your form. Or both, like the example below:

This is a screenshot showing the payment information step of the donation page. The security indicator—a small padlock icon accompanied by the words "Secure Payment"—is circled in red.
This is a screenshot showing the payment information step of the donation page. The security indicator—a small padlock icon accompanied by the words "Secure Payment"—is circled in red.

Don’t believe that this will improve your conversion rates? You don’t have to take our word for it. An experiment by NextAfter found that the simple action of adding a box indicating that a form was secure resulted in a 126% increase in donations!

Create Mobile Responsive Donation Pages

If you have a website, you want it to be usable on mobile devices. The same is true of your donation pages. You want them to be easy for donors to use, no matter which device they choose to use when visiting your site.

Your donation pages should have a format that makes them easy to use on mobile devices. If it’s simply showing them the desktop version of your page, they’re pretty much guaranteed to have a bad experience. 

Some steps you can take to ensure your donation pages work well on different devices include:

  • Using an online fundraising platform with mobile-optimized forms
  • Compressing large image files (like your hero image) to reduce load time
  • Using standard fonts that will display well on mobile devices
  • Ensuring checkboxes and buttons are easy to tap on small screens

What’s the best way to check your donation page’s user experience on mobile? By testing it yourself! Have staff and volunteers at your organization try and use the donation form via their Apple and Android devices and flag any issues they encounter.

Learn more about Neon CRM’s online donation tool features

4. Social Options

By now, you’ve probably created a Facebook page. Maybe you’ve taken things to the next level with Instagram. If you’re really brave, you’re even on TikTok. 

Now it’s time to make social tools a part of your donation process.

Does Social Media Impact Fundraising?

Social media is about building legitimacy and credibility. Adding social sharing buttons to your donation pages enables donors to become social advocates for your nonprofit in your donors’ hands.

Every share helps expand your reach to a new network of people that weren’t on your radar before.

You can also add social buttons to the confirmation page a donor will see when they submit a gift. Thank them for their donation and invite them to follow you on your social media channels. 

It’s a great way to move someone from your donation page to other online channels where you can connect with them more easily.

Donation Pages Checklist

Download this checklist for more ideas on how to make your donation page
more donor-friendly.

Get the Checklist

Section 4

A Donation Page Example

Reading about best practices is useful. But seeing them in real life is even better! Here’s an example donation page we made for a (fictional) nonprofit that’s raising money to send students to summer camp.

First, notice how the organization’s branding—especially their images and color scheme—is applied to the page. Then, take a look at each of the numbered donation page elements. They each correspond to a donation page best practice!

1. This donation page includes a multi-step format that breaks the donation process into simple steps

2. Donors can choose to make a one-time donation, but there are also recurring options on the form

3. A high-quality image helps donors envision the children they’ll support when they make a gift

4. Above the image is some well-written copy that reiterates a donor’s impact

5. The donation form includes suggested giving options with descriptions, which will help donors decide how much they want to give

6. This form include minimal additional fields, which means the donation process is short and simple

7. Check out the security indicators on this donation page—they’re a subtle signal to donors that their information is safe

8. This thank-you message on the confirmation page wraps up the donor’s experience and makes them feel good about their generosity
9. Anyone who completes this form is given the chance to take a donor survey to tell the organization more about themselves
10. Notice the social sharing options on the confirmation page—they make it easy for your donor to spread the word about your work

Want to dig into this topic a little more? Check out our complete analysis of this donation form example.


Section 5

What Tools Do I Need To Create Donation Pages?

As you conduct your search for the perfect online fundraising platform, consider what specific needs your organization has right now and where you see yourself going in the future!

While many phenomenal online donation tools are out there, they’re not all designed with the same purpose in mind. Each type has strengths and limitations that may or may not be compatible with your organization. 

With the right software in tow, you’ll be able to reach new fundraising heights and engage with your donors in a reinvigorated way.

Neon One Character
Neon One Character

Before You Buy, Ask Yourself…

  • Can this software grow with our organization?
  • Does this product fit into our budget?
  • How will we manage the data we collect?
  • What kind of support and training comes with this software?
  • Does this software fit in well with our current platform(s) and tools?

Online Donation Tools & Donation Form Features You Need

1. Mobile-Friendly Donation Pages

Mobile giving encompasses any donation that’s made on a mobile device—usually, smartphones and tablets.

Donors may make mobile donations through any of the following methods:

When your donation pages (and the forms they include!) are easy to use on mobile devices, your donors can effortlessly give to you wherever they are. It’s convenient, engaging, and widely accessible for your on-the-go supporters.

2. Recurring Giving

According to a recent Giving Study with Neon One and Searing and Duell, data shows that recurring giving (sometimes referred to as “sustainable giving” or “monthly giving”) programs have proven to be some of the most effective and important investments a nonprofit organization can make.

With a good donation page, you can make recurring giving easy for your donors and increase your donor retention rates. 

This is a relatively straightforward tactic. All you have to do is include an option for recurring or monthly donations right under the donation amount field.

If you take this approach, consider creating different suggested giving amounts (with corresponding impact statements) for this type of gift. 

If, for example, your suggested giving amounts on your donation form range from $30 to $300, that might be outside the range people are comfortable donating every month. 

Instead, you could set amounts that range from $15 to $100. Make sure you include the option to give a custom amount!

Try to add some different billing options, too. You can give donors the option to have their contribution automatically deducted every:

  • Week
  • Month
  • Quarter
  • Year

Monthly or annual gifts are the most popular contribution types, especially if you have implemented a monthly donor program or an annual fund campaign.

Including recurring donation options on your form is an easy way for your nonprofit to build a reliable stream of income. It also allows your donors to give to your nonprofit regularly without the hassle of mailing a check each month!

3. CRM Integration

One of the significant benefits of online donations is the ability to capture information. Depending on how your online donation page is set up, you can gather donor data such as:

  • Name
  • Email address
  • Phone number
  • Mailing address
  • Communication preferences
  • Payment information

When your online donation forms are integrated with your CRM, you won’t have to enter any of this information manually. Instead, accurate, instant data will be available in your database as soon as your donor clicks “submit.”

Integrating your donation pages and your CRM has other benefits, too. When they work seamlessly together, you’ll be able to track your donors’ giving histories, gather valuable information about their interests and passions, and gain insight into other interactions they’ve had with your organization.

How Does Neon CRM Help?

Neon CRM provides unlimited custom donation forms that are perfect for nonprofits regardless of size.

Neon CRM’s software enables you to fully personalize your donation pages, including various options for branding and content.

With Neon CRM, you can create a donation form that’s right for your organization.

Best of all? All of your data automatically synced up to your CRM, which eliminates the need for manual data entry.

This is a simple graphic that says, "With neon crm, you can collect, process, and analyze donations all in one system." It includes a red button labeled "Get started!"
This is a simple graphic that says, "With neon crm, you can collect, process, and analyze donations all in one system." It includes a red button labeled "Get started!"

You’ll be able to access all the information you collect on your donation pages immediately, meaning less room for error and more time to focus on fundraising.


Create custom online donations forms

Does your online fundraising platform make it easy to create effective donation pages? Neon CRM does! You can build a beautiful donation page in minutes and customize the fields on your donation form. And, since they’re part of your CRM, your donors’ information will automatically appear in their donor profile—no manual uploading and downloading required.

See for yourself how simple it is to build great donation pages in Neon CRM with our self-guided tour!


Take A Tour Of Our Donation Form Builder