Donor relationships are key to our ability to realize our missions as nonprofits. All relationships are constructed by experiences, which means that the experiences we create for donors matter. By improving our donation experience with these donation form best practices, we encourage giving and generosity. The donation experience begins long before someone writes a check or clicks a donate button. It encompasses donors’ interactions and emotions, as well as the context that surrounds them as they live these interactions and emotions. This means that donor experience includes a donor’s overflowing inbox or limited internet connectivity while commuting.  

When it comes to your online donation experience, taking the time to optimize your donation page before your next giving campaign can have a real impact on its success. Here’s a checklist of 10 ways to improve your online donation experience before your next campaign.

1.   Mobile First!

Design your donation page to look great on mobile. Not only is mobile giving continuing to increase year over year, 41% of donors give in response to tragedies. The public increasingly uses their phones to view news, social media, and read email, which means they’re also using their phones to search for ways to contribute to a cause or click through a cause marketing CTA. Make sure you’re primed to receive these donations.

2.   Be Strategic About Where You Ask for Donations

Online donation never starts on the actual donation page. It begins on your website homepage and related landing pages. Normally you’ll want to keep your donate button static in the top right corner, because this is what people expect to see and makes it easier for them to donate. But you can also be strategic about where you ask for donations. For example, maybe your site visitor is reading about your impact and is inspired by all that you do and then makes the decision to donate; make it easier for them by including a donate button wherever you talk about ways to get involved or your impact!

screenshot of NVOAD page about their tornado response with two CTA buttons - one for "volunteer" and the other for "donate"

3.   Educate Your Donors While They’re Motivated

Donors that give via shopping for a cause or peer-to-peer might not be as patient, but donors that come to a donation page from your website navigation are motivated. Use the opportunity to educate them and make the argument for your preferred giving method. For most nonprofits, this means monthly giving. 

Direct website visitors who click on your “donate” button to information about your monthly giving program before providing a link to your donation form, as the Humane Society of Sarasota County does. Now these visitors will be more likely to join as recurring donors. For campaigns and other donate CTAs where it would be inappropriate to push for a monthly commitment, send people directly to the donation form. 

Clicking "Give" on the navigation menu of the Humane Society's website opens a page titled "Monthly Giving" with information about this program, such as the impact of different giving amounts and why this program benefits the Humane Society more, and a button to "Sign up now"

4. Keep Your Form Simple

Simplify your donation form by limiting the visible fields to basic donation information (frequency, suggested amounts, option to cover processing fee). Move all the other necessary fields like payment and personal information to a second and third stage that appear after the user clicks “Next”. There is nothing less appealing than a long form that feels like a job application. Think carefully about your form fields and don’t overwhelm your donor. Break the form up wherever possible so that it doesn’t feel tedious and becomes more interactive, as illustrated here by Stupid Cancer’s website. screenshot of Stupid Cancer's donation form. The url is circled in green because it shows a closed lock in front of it, indicating that it starts with https:// and is SSL secure

5. Embed Your Donation Form Onsite

The above example also demonstrates the importance of embedding your donation form on your website, as opposed to linking out to an external site. This simple act increases users’ confidence that their donation is going to your organization. Embedding also improves your SEO and your nonprofit’s online visibility. You’ll first need to make sure your entire site is SSL secure–signified by an https:// or a closed lock in the URL–so that credit card information (along with other personal information) can be transmitted safely across your web server.

6.   Embed All Your Other Content Too

If you decide to include evidence of your impact on your donation page, embed the content so that donors who want more information don’t navigate away from the donation page. Videos and infographics are ideal because they are more engaging and easy to insert. Whatever you do, make sure content doesn’t distract from the task at hand by being too time-consuming. Nicholas House does this beautifully on their Dream Builders page by embedding a short video about their impact last year and a second video lower down with more information about the history of Nicholas House.

screenshot of Nicholas House's "Dream Builders Pledge Form" with, from left to right and top to bottom: Dream Builders logo, Nicholas House logo, video about 2020 impact, explanation of Dream Builders (multi-year giving club), donation amounts, video about the history of Nicholas House, payment method

7.   Remove Competing CTAs

If you must include information about additional ways to support your organization, don’t use calls-to-action (CTAs). You want to minimize decision fatigue by offering an obvious decision path. The Land Conservancy of New Jersey provides email address and phone numbers for questions related to stock, matching, and tribute gifts without emphasizing these actions that don’t apply to the vast majority of donors. The secondary information is included below the donation form to make it clear that these are additional options that are available for giving scenarios not covered by their donation form.

screenshot of Land Conservancy page with a donation form and single CTA "Next", followed by smaller text explaining other ways to give and contact information for tribute, stock, or matching gifts

8.   Eliminate the Navigation Bar

Take a tip from the pros and remove the navigation bar from your donate page. This further streamlines actions to minimize decision fatigue and subconsciously signals to your user that they shouldn’t click away. This page is different from any other page, and you don’t want distractions! 

screenshot of ACS's donation page, demonstrating that no navigation bar is visible 

9.   Demonstrate Material Impact

People will give more generously and feel even better about the impact of their donation when they can associate a material impact with their gift. Consider adding this information, although you’ll still want to keep your form short and simple. Try to edit out as much text as possible. More preferable than listing this information in your form would be to share it on the page via an infographic or table of what each giving amount makes possible.

Screenshot of Nicholas House donation form. Suggested donation levels are: $1000 - Housing and access to transportation for homeless families; $500 - Rental assistance to prevent eviction; $350 - Food for up to 50 families; $150 - Sanitizing supplies to ensure families' health; $75 - Snacks for children's programming; Other; Your donation amount:

10. Prioritize Your After-Donation Experience!

Most organizations overlook the thank-you page. Remember that donors are most motivated by the feeling they get after donating, so this is a crucial moment to reaffirm the impact of their donation. 

Use powerful imagery that reassures donors that their gift is going to make a difference. Choose images with expressive faces and where the person appears close to increase how much the viewer connects to the image. The body language and gaze of the person in the image will determine what people look at next. 

screenshot of Dreamscape's thank-you page

For the thank-you page above, the child seems to be addressing the user through eye contact while pointing to the personalized thank-you message. The combined effect feels highly personal and moving.

In addition to your thank-you page, always include an email receipt to build credibility and make your donor feel safe. The email receipt can include information about what the donation helped your organization to achieve, even if it’s just pulling from your annual report, i.e. “Thanks for your gift of $35. With help from donors like you, last year 35 families moved into permanent housing. This year we hope to help even more!” 

From donors’ initial impulse to the rewarding feeling they get after giving, these 10 tips will help you to create a more impactful online donation experience. Combine them with other best practices for a website that attracts more supporters to transform your giving this year! 


Other articles picked for you