How I Created a Donor Leaderboard in WordPress & Were given Extra Donations

by | Mar 4, 2026 | Etcetera | 0 comments

Most WordPress donation pages don’t show how many people are already giving. And when supporters truly really feel like they’re the only ones donating, they’re a lot much less liable to apply via.

Donor leaderboards unravel this via showing authentic beef up in movement. When other folks see others donating, then they truly really feel further comfy supporting your endeavor, too.

Plus, it’s easy to set this as much as your internet web page with the proper donation plugin.

In this data, I will show you recommendations on how one can create a donor leaderboard in WordPress to recognize your supporters and expand your nonprofit.

How to Create a Donor Leaderboard in WordPress

Why Create a Donor Leaderboard in WordPress?

A donor leaderboard builds social proof and encourages other folks to provide via showing real-time workforce beef up. Seeing others donate makes new visitors truly really feel further comfy and motivated to join your endeavor.

In truth, research presentations that 74% of donors can be motivated to provide further or donate outside their standard schedule once they truly really feel pressured via a formidable reason. Seeing authentic other folks give — in particular when their generosity is alleged — can be that additional push.

Plus, highlighting very best donors on nonprofit internet pages doesn’t merely have a great time their generosity. It moreover builds momentum for fundraising campaigns.

You’ll have the ability to uncover further insights in our nonprofit analysis information.

Listed here are some key benefits of together with a donor leaderboard in your WordPress internet web page:

Benefit Why It Problems
Strengthens workforce engagement Turns explicit individual donations proper right into a shared experience, helping supporters truly really feel part of something better.
Recognizes very best supporters Publicly thanking donors in your nonprofit web site strengthens their connection in your function and makes them truly really feel valued.
Creates delightful competition Seeing others on the leaderboard can inspire donors to provide further or encourage others to donate.
Builds transparency and believe Showing donor activity reassures new supporters that others believe in your endeavor.
Encourages routine donations Donors may be motivated to prepare per thirty days pieces to deal with or toughen their position.

Now, I’ll walk you via recommendations on how one can organize a donor leaderboard in WordPress. Proper right here’s the whole thing I’ll cover in this data:

Step 1: Arrange and Flip at the Charitable Plugin

WP Charitable is the most productive WordPress donation and fundraising plugin. It signifies that you’ll organize campaigns and show donor wisdom professionally without charging platform fees.

We use Charitable to keep watch over donations on the Balkhi Foundation internet web page. To be informed further about our experience, see our entire Charitable evaluation.

Charitable makes it easy to prepare campaigns, apply donations, and display donor wisdom in a certified means. The Donor Leaderboard serve as is built-in in Charitable Skilled and becomes available mechanically each time you flip at the plugin.

First, you’ll need to sign up for a Charitable account.

On the Charitable web site, click on at the ‘Get Charitable Now’ button, pick a plan, and apply the on-screen instructions to complete checkout.

Charitable Website

💡 Practice: If you wish to have to check out Charitable quicker than purchasing, there’s a unfastened Charitable model available throughout the WordPress plugin record. However, the donor leaderboard serve as is most straightforward built-in throughout the Charitable Professional fashion.

Upon signup, you’ll have your individual Charitable account area, where you’ll to find your plugin’s zip report and license key.

Now you’ll arrange and switch at the Charitable plugin. Go to Plugins » Add Plugin throughout the WordPress dashboard.

The Add Plugin submenu under Plugins in the WordPress admin area

Then, click on at the ‘Upload Plugin’ button on the most efficient of the internet web page.

Next, click on on ‘Choose Report,’ make a selection the Charitable zip report you downloaded, and click on on ‘Arrange Now.’

Select plugin zip file to upload and install in WordPress

As quickly because the arrange is entire, click on at the ‘Activate’ button to permit the plugin in your internet web page. For details, see our data on tips on how to set up a WordPress plugin.

After activation, you’ll want to enter your license key to disencumber all the Skilled choices, in conjunction with the donor leaderboard.

Head over to Charitable » Settings and simply paste your key into the respective field. After that, you’ll click on at the ‘Read about Key’ button.

See also  5 Key Onboarding Metrics for B2B SaaS Firms
Adding the WP Charitable license key

With that carried out, you’re all set to create your first advertising and marketing marketing campaign.

Step 2: Create a Advertising and marketing marketing campaign with a Donor Leaderboard

Now that Charitable Skilled is installed and activated, you’ll create your first fundraising advertising and marketing marketing campaign with a donor leaderboard.

That’s the position you’ll organize the promoting marketing campaign details, whether or not or no longer you wish to have to create a peer-to-peer fundraising or crowdfunding advertising and marketing marketing campaign, and add the leaderboard serve as.

To get started, go to Charitable » Campaigns in your WordPress dashboard and click on at the ‘Create Advertising and marketing marketing campaign’ button.

Creating a campaign using Charitable

On the next show, you’ll want to give your advertising and marketing marketing campaign a name.

Choose something clear and descriptive that presentations your fundraising purpose, like “Annual Scholarship Fund,” “Team Middle Renovation,” or “Emergency Earthquake Support Fund.”

After that, you’ll pick a template that fits the best way you’re going for. Don’t concern if it’s not very best imaginable straight away because you’ll be able to keep watch over the whole thing throughout the next steps.

To use a template, hover over the sector and click on at the ‘Create Advertising and marketing marketing campaign’ button.

Naming fundraising campaign and picking a template

On every occasion you’ve determined on a template, you’ll see the promoting marketing campaign builder interface. That’s the position you’ll drag and drop different portions to customize your advertising and marketing marketing campaign internet web page.

From proper right here, let’s seek for the ‘Leaderboard’ field throughout the left panel and drag it into your advertising and marketing marketing campaign preview. You’ll have the ability to position it anyplace it makes necessarily essentially the most sense for your layout – many nonprofits place it just about the very best to highlight donor beef up straight away.

Adding the Leaderboard field

After together with the Leaderboard field, you’ll customize it to suit your web site design.

The first thing likelihood is that you’ll want to set is the ‘View Sort’. You’ll be in a position to choose from a list view and a card view depending in your selection.

The Leaderboard field's view type

Next, likelihood is that you’ll want to keep watch over the following settings:

  • Choice of Donors – Choose what choice of donors you wish to have to turn on the leaderboard.
  • Pagination – Turn this on if you want to get a divorce the tick list all over a few section pages. That comes in handy if if you have a large number of donors.
  • Order Thru – Make a decision how donors are taken care of, identical to via common donations, via most recent contributions, or via name.

I love to suggest starting with a smaller choice of donors and enabling pagination. This helps to keep the leaderboard clean and easy to be informed, in particular as your donor tick list grows.

Adjusting the number of donor displayed and pagination

After that, you’ll moreover make a selection the best way you order your leaderboard.

  • ‘DESC’ (Descending) method the very best values appear first. This is the standard environment, so your very best donors show up on the most efficient of the tick list.
  • ‘ASC’ (Ascending) method the ground values appear first, so the tick list starts with smaller amounts.

This works the equivalent if you choose ‘date’ or ‘name’ for your ‘Order Thru’.

Adjusting the leaderboard's order

Next, there’s the ‘Identify Settings’ section, where you’ll edit your leaderboard’s:

  • Identify – The primary heading confirmed on the most efficient of the leaderboard.
  • Description – A short lived message explaining what the leaderboard is about.
  • Best Folks Identify – The label used for your very best donors.
  • All Folks Identify – The label used for the whole donor tick list.

Take into account, the ones settings are explicit to the promoting marketing campaign you’re building, so that you’ll customize the wording to match each fundraising purpose or appeal.

Adjusting the Title Settings

There are also ‘Display Settings’.

You’ll have the ability to permit and disable the following settings in your leaderboard:

  • Donor Gravatar
  • Donation amount
  • Donation rely
  • Closing donation date
  • Advertising and marketing marketing campaign name
  • Supporter level

You’ll moreover find a ‘Width’ slider, which lets you keep watch over how large the leaderboard turns out on the internet web page so it fits neatly in conjunction with your layout or internet web page design.

Customizing the Display Settings

Go ahead and check out the ones settings until you’re pleased with how your leaderboard turns out.

When that’s carried out, it’s time to make your advertising and marketing marketing campaign live. Simply business the status dropdown from ‘Draft’ to ‘Put up’ on the most efficient of the internet web page.

Clicking to publish the campaign

In any case, click on at the ‘Save’ button to avoid wasting loads of your entire changes. Your advertising and marketing marketing campaign with its donor leaderboard is now ready to be displayed in your WordPress web site.

Step 3: Embed Your Advertising and marketing marketing campaign on Your Internet web page

At the side of your advertising and marketing marketing campaign created and the donor leaderboard added, it’s time to turn it in your internet web page. Charitable makes this process extraordinarily simple with its built-in embed wizard.

First, click on at the ‘Embed’ button in your advertising and marketing marketing campaign settings to unlock the wizard, which will data you via together with your advertising and marketing marketing campaign to any internet web page or publish in your internet web page.

Clicking on the Embed button

Throughout the popup that appears, you’ll make a selection whether or not or no longer so that you could upload your advertising and marketing marketing campaign to an present internet web page or a brand spanking new internet web page.

See also  How to Use AI in WordPress (10 Useful Ways)

For this data, I’ll make a selection ‘Create New Internet web page.’

Charitable's embed wizard popup

Throughout the next popup, you’ll give your new internet web page a name. I love to suggest the use of something clear and descriptive, as this will likely more and more turn out to be your internet web page’s URL and affect how merely you’ll to find it later.

After that, click on on ‘Let’s Go!’

Naming the new campaign page

This may increasingly take you to the WordPress block editor.

From proper right here, let’s click on at the ‘+’ button so that you could upload a brand spanking new block, then search for the ‘Charitable Advertising and marketing marketing campaign’ block.

Whilst you see it throughout the search results, click on on on it.

Adding the Charitable Campaign block

On every occasion you’ve added the ‘Charitable Advertising and marketing marketing campaign’ block in your content material editor, you’ll see a dropdown menu where you’ll make a selection which advertising and marketing marketing campaign to turn.

Select the promoting marketing campaign you merely constructed from the tick list.

Choosing a campaign in the Charitable block

The block will show you a preview of the best way your peer-to-peer or crowdfunding marketing campaign will look on the internet web page, in conjunction with your donor leaderboard.

If the whole thing turns out very good, then simply click on on ‘Save’ or ‘Put up’ to make your advertising and marketing marketing campaign live to tell the tale your internet web page. Visitors can now view your advertising and marketing marketing campaign and see the donor leaderboard in movement:

Charitable campaign with a leaderboard

💡 Practice: Since this is a new advertising and marketing marketing campaign, likelihood is that you’ll not see your donor leaderboard straight away. This is usual – once donations get began coming in, the leaderboard will mechanically change and display your donors.

Selection: Show a Donor Leaderboard All through All Campaigns

For many who’re operating a few fundraising campaigns, then likelihood is that you’ll want to showcase overall donor beef up all over your entire internet web page. This manner highlights your most generous supporters regardless of which explicit advertising and marketing marketing campaign they contributed to.

Charitable will give you two flexible ways to turn a donor leaderboard that spans your entire campaigns. Each and every methods are beginner-friendly and take just a few minutes to prepare.

Let me show you each and every possible choices so that you’ll make a selection the person who works best for your internet web page.

Selection 1: Add a Donor Leaderboard Using the Block Editor

The program is very best imaginable if you want to show very best donors all over all campaigns on a decided on internet web page or publish. It truly works seamlessly with the WordPress block editor (ceaselessly referred to as Gutenberg).

Get began via opening the internet web page or publish where you wish to have so that you could upload your leaderboard. Then, click on at the ‘+’ button and search for Charitable’s ‘Donor Leaderboard’ block.

Charitable's Donor Leaderboard block

After together with the block, you’ll see quite a lot of display settings in the proper panel.

The ‘View’ dropdown signifies that you’ll choose from ‘Record/Table’ and ‘Card’ layouts – pick whichever style fits your internet web page’s design upper.

Choosing the leaderboard's view type

Throughout the ‘Advertising and marketing marketing campaign’ dropdown, make a selection ‘All Campaigns’ to show donors from all over your entire internet web page.

If you need show most straightforward donors from a decided on advertising and marketing marketing campaign, then you definitely’ll make a selection ‘Provide Advertising and marketing marketing campaign’ (if you most straightforward have one operating advertising and marketing marketing campaign) or the promoting marketing campaign name as a substitute.

Choosing the campaign leaderboard to show

Use the ‘Choice of Donors’ slider to keep watch over what choice of donors appear in your leaderboard.

You’ll have the ability to moreover permit pagination if you want to show visitors additional pages of donors.

Adjusting the number of donors and pagination

The ‘Display Possible choices’ section signifies that you’ll make a selection what wisdom to show for each donor.

You’ll have the ability to include their avatar, donation amount, common donation rely, closing donation date, closing advertising and marketing marketing campaign they supported, and their supporter level.

Configuring the additional display options

Beneath ‘Identify and Descriptions Settings’, Charitable will give you a default text, so it’s all set.

On the other hand you’ll customize the heading and add any explanatory text to match your emblem.

Configuring title settings

For the tick list view, you’ll add a trophy icon, and for the card view, there’s a crown icon strategy to make very best donors stand out.

You’ll have the ability to even keep watch over border colors to match your internet web page’s design.

Customizing icons and colors

On every occasion you’re pleased with how the whole thing turns out, click on on ‘Save’ or ‘Put up’ to make your donor leaderboard internet web page live.

Proper right here’s what it seemed like on my demo internet web page:

Displaying donor leaderboard across campaigns
Selection 2: Add a Donor Leaderboard Using a Shortcode

The program is best possible when you wish to have so that you could upload your donor leaderboard to sidebars, widget areas, or web page developers. Shortcodes come up with further flexible placement possible choices all over your entire internet web page.

To get started, go to Glance » Widgets throughout the WordPress dashboard.

Accessing the Widgets editor

Then, to find the location where you wish to have to turn your leaderboard – this normally is a sidebar, footer area, or each different widget-ready section of your internet web page.

See also  🎁 Unlock New Divi Cyber Monday Bundles: $1,970 In Savings!

On your most well liked location, add a brand spanking new ‘Shortcode’ block or widget.

Adding a shortcode widget

Then, paste this shortcode into the block:

[charitable_donor_leaderboard]

Proper right here’s what it would seem to be in your show:

Adding Charitable's donor leaderboard shortcode

💡 Practice: The widget area is helping the Donor Leaderboard block, which you’ll use as a substitute. However, in this method, we’ll show you recommendations on how one can use a shortcode.

The shortcode method is particularly useful if you’re the use of a internet web page builder like SeedProd, Elementor, or Beaver Builder. It’s since you’ll merely drop the shortcode into any section of your design or a customized touchdown web page.

This basic shortcode will display your donor leaderboard with the default settings. However, you’ll moreover customize it the use of parameters, which may also be small possible choices added to the shortcode. This controls exactly the best way it sort of feels and what it displays.

As an example, if you want to show a card view with 12 donors from a decided on advertising and marketing marketing campaign, you’ll use:

[charitable_donor_leaderboard view="card" number="12" campaign="123"]

Merely change “123” in conjunction with your actual advertising and marketing marketing campaign ID. You’ll have the ability to to find this ID amount throughout the URL care for bar when you are editing a decided on advertising and marketing marketing campaign (e.g., publish=123).

Adding Charitable's donor leaderboard shortcode with parameters

For details, you’ll see our data on tips on how to upload a shortcode in WordPress.

On every occasion you’ve added the shortcode, click on on ‘Exchange’ to avoid wasting loads of your changes. Now, seek advice from your internet web page to look your donor leaderboard in movement.

Donor leaderboard in a sidebar

Bonus Tip: Create a Donor Portal in WordPress

After setting up your donation device, you might also want to beef up the enjoy for returning donors. A donor portal makes it easy for supporters to keep watch over their contributions without contacting you for be in agreement.

It supplies them a safe place in your WordPress internet web page to view their donation history, organize regimen pieces, and change their details anytime.

Donor portal navigation menu

In your crew, it moreover reduces admin artwork like resending receipts and manually updating data. The whole thing donors need is available in one at hand location that they may be able to get right of entry to each time they would love.

And when supporters have easy get right of entry to to their wisdom, they truly really feel further hooked up in your workforce and are a lot more prone to continue giving.

The good news is that creating a donor portal is more straightforward than likelihood is that you’ll assume. For step-by-step instructions, see our detailed data on tips on how to create a donor portal in WordPress.

FAQs About Creating a Donor Leaderboard in WordPress

Listed here are some not unusual questions readers ask about the use of donor leaderboards in WordPress.

Can I show a donor leaderboard for a decided on advertising and marketing marketing campaign most straightforward?

Certain, you’ll display a donor leaderboard for a decided on advertising and marketing marketing campaign in WordPress.

With Charitable, while you add the Donor Leaderboard block or use the shortcode, simply make a selection the fitting advertising and marketing marketing campaign from the dropdown menu or add the promoting marketing campaign ID parameter to show donors from that advertising and marketing marketing campaign most straightforward.

Can I keep watch over what wisdom turns out on the donor leaderboard?

Certain, it’s essential to have entire keep watch over over what wisdom displays in your leaderboard. You’ll be in a position to choose to show or cover donor avatars, donation amounts, donation counts, closing donation dates, advertising and marketing marketing campaign names, and supporter levels all over the block settings or shortcode parameters.

Will the donor leaderboard change mechanically?

Certain, your donor leaderboard updates mechanically in real-time each time any individual makes a brand spanking new donation. You don’t want to manually refresh or change the remaining – the leaderboard will replicate the prevailing scores as soon as donations are processed.

Can I place the donor leaderboard any place on my internet web page?

Certain, you’ll place your donor leaderboard just about any place in your WordPress internet web page. You’ll have the ability to add it to pages, posts, sidebars, footers, or any widget-ready area the use of each the block editor or the shortcode method.

Does the use of a donor leaderboard actually be in agreement increase donations?

Certain, donor leaderboards can be in agreement increase donations via rising social evidence and delightful competition.

When doable donors see others contributing, it builds believe and encourages them to provide. Plus, present donors may increase their contributions to toughen their score or reputation.

Next Steps to Expand Your Nonprofit WordPress Internet web page

Now that you just’ve organize your donor leaderboard, you’re neatly in your approach to building a stronger fundraising presence online. A leaderboard is just one piece of creating an effective nonprofit internet web page that connects with supporters and drives donations.

To continue emerging your nonprofit’s affect, listed below are some guides to magnify your fundraising purposes and reach further supporters:

For many who favored this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll have the ability to moreover to find us on Twitter and Fb.

The publish How I Created a Donor Leaderboard in WordPress & Were given Extra Donations first seemed on WPBeginner.

WordPress Maintenance

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!