3 Tips for a Better Donate Button on Your Website

Better Donate Button

There are many elements of a website that come together to make a compelling final product.  When discussing nonprofit websites, one of the most important aspects is the donate button.  Putting a bit of thought into the way you show visitors how to donate can make a big difference in the effectiveness of your online fundraising efforts.

Below are three suggestions to keep in mind to get the most out of the donate button on your nonprofit’s website.

Make Your Donate Button Stand Out Visually

It’s important that your donate button stands out from the rest of your website immediately.  You can make this happen in a variety of ways depending on the design of your site, but some possible ways to do so include:

  • Use a different color than the rest of your navigation
  • Give it room to breathe by physically setting it apart from other buttons and links
  • Make it larger than other elements of your website’s navigation
  • Use a larger, distinct font

In the image above, the nonprofit organization WildAid uses a yellow box with large, black text to make their donate button stand out.

People will likely want to know where and how to donate before they actually decide to do so.  Make it obvious.

Ensure Your Donate Button Stays in the Same Place

Put your donate button somewhere that doesn’t change as a user navigates your website.  Sure, you can link to your donation page from multiple places on your website.  But you want a visitor to know where that button is whenever they decide they’d like to donate.  Generally, the upper right of a website’s header can be a great, visible spot for a donate button that won’t change from page to page.

Put Your Donate Button “Above the Fold”

You want your donate button to be immediately visible to a visitor when they land on your website.  Putting your donate button high enough on your website so it isn’t cut off by your monitor (also known as content that’s “above the fold”) can help ensure every visitor will see how to give.  Again, the header can be great since it will show up on any monitor, no matter the screen size or resolution.

Regardless of your design, make that donate button stand out in whatever way you think is best.  True, not everyone will ultimately donate to your cause.  But at least you’ll know it’s not because a potential donor couldn’t find where to do so on your website.

Related Reading

How to Get More Online Donations

How Your Nonprofit Can Accept Donations Online Right Now

Tags: ,
David Hartstein is the storyteller and measurement guy at Wired Impact where he routinely reads and writes about nonprofits and web geekery. He used to teach elementary school and often walks around barefoot. You can catch up with David on Twitter at @davharts.

Leave a Comment

Your email address will not be published. Required fields are marked *