{"id":46548,"date":"2026-03-04T11:00:00","date_gmt":"2026-03-04T11:00:00","guid":{"rendered":"https:\/\/dailysutoon.com\/?p=46548"},"modified":"2026-03-04T11:00:00","modified_gmt":"2026-03-04T11:00:00","slug":"how-i-created-a-donor-leaderboard-in-wordpress-got-more-donations","status":"publish","type":"post","link":"https:\/\/dailysutoon.com\/?p=46548","title":{"rendered":"How I Created a Donor Leaderboard in WordPress &amp; Got More Donations"},"content":{"rendered":"<p>Most WordPress donation pages don\u2019t show how many people are already giving. And when supporters feel like they are the only ones donating, they are less likely to follow through.<\/p>\n<p>Donor leaderboards solve this by showing real support in action. When people see others donating, then they feel more comfortable supporting your mission, too.<\/p>\n<p>Plus, it\u2019s easy to set this up on your website with the right donation plugin. <\/p>\n<p>In this guide, I will show you how to create a donor leaderboard in WordPress to recognize your supporters and grow your nonprofit. <\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"385\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/creating-a-donor-leaderboad-featured.png\" alt=\"How to Create a Donor Leaderboard in WordPress\" class=\"wp-image-390939\"><\/figure>\n<h4 class=\"wp-block-heading\">Why Create a Donor Leaderboard in WordPress?<\/h4>\n<p>A donor leaderboard builds social proof and encourages people to give by showing real-time community support. Seeing others donate makes new visitors feel more comfortable and motivated to join your mission.<\/p>\n<p>In fact, research shows that <strong>74% of donors<\/strong> can be motivated to give more or donate outside their usual schedule when they feel compelled by a strong reason. Seeing real people give \u2014 especially when their generosity is acknowledged \u2014 can be that extra push.<\/p>\n<p>Plus, highlighting top donors on nonprofit websites doesn\u2019t just celebrate their generosity. It also builds momentum for fundraising campaigns.<\/p>\n<p>You can explore more insights in <a href=\"https:\/\/www.wpbeginner.com\/research\/nonprofit-marketing-statistics-and-insights-you-should-know\/\" title=\"Nonprofit Marketing Statistics and Insights You Should Know\">our nonprofit research guide<\/a>.<\/p>\n<p>Here are some key benefits of adding a donor leaderboard to your WordPress site:<\/p>\n<figure class=\"wp-block-table\">\n<table>\n<thead>\n<tr>\n<th>Benefit<\/th>\n<th>Why It Matters<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Strengthens community engagement<\/td>\n<td>Turns individual donations into a shared experience, helping supporters feel part of something bigger.<\/td>\n<\/tr>\n<tr>\n<td>Recognizes top supporters<\/td>\n<td>Publicly thanking donors on your <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-a-nonprofit-website-in-wordpress\/\" title=\"How to Create a Nonprofit Website in WordPress (Step by Step)\">nonprofit site<\/a> strengthens their connection to your cause and makes them feel valued.<\/td>\n<\/tr>\n<tr>\n<td>Creates friendly competition<\/td>\n<td>Seeing others on the leaderboard can inspire donors to give more or encourage others to donate.<\/td>\n<\/tr>\n<tr>\n<td>Builds transparency and trust<\/td>\n<td>Showing donor activity reassures new supporters that others believe in your mission.<\/td>\n<\/tr>\n<tr>\n<td>Encourages <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-a-recurring-donation-form-in-wordpress-step-by-step\/\" title=\"How to Create a Recurring Donation Form in WordPress (Step by Step)\">recurring donations<\/a><\/td>\n<td>Donors may be motivated to set up monthly gifts to maintain or improve their position.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Now, I\u2019ll walk you through how to set up a donor leaderboard in WordPress. Here\u2019s everything I\u2019ll cover in this guide:<\/p>\n<div class=\"wp-block-aioseo-table-of-contents\">\n<ul>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-step-1-install-and-activate-the-charitable-plugin-19\">Step 1: Install and Activate the Charitable Plugin<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-step-2-create-a-campaign-with-a-donor-leaderboard-22\">Step 2: Create a Campaign with a Donor Leaderboard<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-step-3-embed-your-campaign-on-your-site-24\">Step 3: Embed Your Campaign on Your Site<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-alternative-show-a-donor-leaderboard-across-all-campaigns-29\">Alternative: Show a Donor Leaderboard Across All Campaigns<\/a>\n<ul>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-option-1-add-a-donor-leaderboard-using-the-block-editor-31\">Option 1: Add a Donor Leaderboard Using the Block Editor<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-option-2-add-a-donor-leaderboard-using-a-shortcode-36\">Option 2: Add a Donor Leaderboard Using a Shortcode<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-bonus-tip-create-a-donor-portal-in-wordpress-94\">Bonus Tip: Create a Donor Portal in WordPress<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-faqs-about-creating-a-donor-leaderboard-in-wordpress-41\">FAQs About Creating a Donor Leaderboard in WordPress<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/#aioseo-next-steps-grow-your-nonprofit-wordpress-website-49\">Next Steps to Grow Your Nonprofit WordPress Website<\/a><\/li>\n<\/ul>\n<\/div>\n<h4 class=\"wp-block-heading\">Step 1: Install and Activate the Charitable Plugin<\/h4>\n<p><a href=\"https:\/\/www.wpcharitable.com\/\" target=\"_blank\" title=\"WP Charitable\">WP Charitable<\/a> is the best WordPress donation and fundraising plugin. It lets you set up campaigns and show donor information professionally without charging platform fees.<\/p>\n<p>We use Charitable to manage donations on the Balkhi Foundation website. To read more about our experience, see our complete <a href=\"https:\/\/www.wpbeginner.com\/solutions\/wp-charitable\/\" target=\"_blank\" title=\"Charitable review\">Charitable review<\/a>.<\/p>\n<p>Charitable makes it easy to set up campaigns, track donations, and display donor information in a professional way. The Donor Leaderboard feature is included in Charitable Pro and becomes available automatically once you activate the plugin.<\/p>\n<p>First, you\u2019ll need to sign up for a Charitable account.<\/p>\n<p>On the <a href=\"https:\/\/www.wpcharitable.com\/\" target=\"_blank\" title=\"WP Charitable - Best WordPress Donation and Fundraising Plugin\">Charitable website<\/a>, click the \u2018Get Charitable Now\u2019 button, pick a plan, and follow the on-screen instructions to complete checkout.<\/p>\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.wpcharitable.com\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"360\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/06\/charitablesite.png\" alt=\"Charitable Website\" class=\"wp-image-350992\"><\/a><\/figure>\n<div class=\"wpb-alert style-blue\">\n<p><strong>\ud83d\udca1<\/strong> <strong>Note:<\/strong> If you want to try Charitable before purchasing, there\u2019s a <a href=\"https:\/\/wordpress.org\/plugins\/charitable\" target=\"_blank\" title=\"Free version of WP Charitable - WordPress Donation Plugin\">free Charitable version<\/a> available in the WordPress plugin directory. However, the donor leaderboard feature is only included in the <a href=\"https:\/\/www.wpcharitable.com\/\" target=\"_blank\" title=\"WP Charitable - Best WordPress Donation and Fundraising Plugin\">Charitable Pro<\/a> version.<\/p>\n<\/div>\n<p>Upon signup, you\u2019ll have your own Charitable account area, where you can find your plugin\u2019s zip file and license key.<\/p>\n<p>Now you can install and activate the Charitable plugin. Go to <strong>Plugins \u00bb Add Plugin<\/strong> in the WordPress dashboard.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"172\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2023\/05\/wpadmin-plugins-addnew.png\" alt=\"The Add Plugin submenu under Plugins in the WordPress admin area\" class=\"wp-image-385691\"><\/figure>\n<p>Then, click the \u2018Upload Plugin\u2019 button at the top of the page.<\/p>\n<p>Next, click \u2018Choose File,\u2019 select the Charitable zip file you downloaded, and click \u2018Install Now.\u2019<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"276\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2020\/02\/wp-plugins-addplugins-uploadplugin-choosefile.png\" alt=\"Select plugin zip file to upload and install in WordPress\" class=\"wp-image-333147\"><\/figure>\n<p>Once the installation is complete, click the \u2018Activate\u2019 button to enable the plugin on your site. For details, see our guide on <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners\/\" title=\"How to Install a WordPress Plugin \u2013 Step by Step for Beginners\">how to install a WordPress plugin<\/a>.<\/p>\n<p>After activation, you\u2019ll need to enter your license key to unlock all the Pro features, including the donor leaderboard.<\/p>\n<p>Head over to <strong>Charitable \u00bb Settings<\/strong> and simply paste your key into the respective field. After that, you can click the \u2018Verify Key\u2019 button.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"344\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2022\/11\/wpadmin-charitable-settings.png\" alt=\"Adding the WP Charitable license key\" class=\"wp-image-290828\"><\/figure>\n<p>With that done, you\u2019re all set to create your first campaign.<\/p>\n<h4 class=\"wp-block-heading\">Step 2: Create a Campaign with a Donor Leaderboard<\/h4>\n<p>Now that Charitable Pro is installed and activated, you can create your first fundraising campaign with a donor leaderboard.<\/p>\n<p>This is where you\u2019ll set up the campaign details, whether you want to create a <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-peer-to-peer-fundraising-in-wordpress\/\" title=\"How to Create Peer-to-Peer Fundraising in WordPress (Step by Step)\">peer-to-peer fundraising<\/a> or crowdfunding campaign, and add the leaderboard feature.<\/p>\n<p>To get started, go to <strong>Charitable \u00bb Campaigns<\/strong> in your WordPress dashboard and click the \u2018Create Campaign\u2019 button.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"317\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-campaigns-createcampaigns.png\" alt=\"Creating a campaign using Charitable\" class=\"wp-image-391262\"><\/figure>\n<p>On the next screen, you\u2019ll need to give your campaign a name.<\/p>\n<p>Choose something clear and descriptive that reflects your fundraising goal, like \u201cAnnual Scholarship Fund,\u201d \u201cCommunity Center Renovation,\u201d or \u201cEmergency Earthquake Relief Fund.\u201d<\/p>\n<p>After that, you can pick a template that fits the style you\u2019re going for. Don\u2019t worry if it\u2019s not perfect right away because you\u2019ll be able to adjust everything in the next steps.<\/p>\n<p>To use a template, hover over the box and click the \u2018Create Campaign\u2019 button.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"403\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-name-disasterrelief.png\" alt=\"Naming fundraising campaign and picking a template\" class=\"wp-image-391264\"><\/figure>\n<p>Once you\u2019ve selected a template, you\u2019ll see the campaign builder interface. This is where you can drag and drop different elements to customize your campaign page.<\/p>\n<p>From here, let\u2019s look for the\u00a0\u2018Leaderboard\u2019\u00a0field in the left panel and drag it into your campaign preview. You can position it wherever it makes the most sense for your layout \u2013 many <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-a-nonprofit-website-in-wordpress\/\" title=\"How to Create a Nonprofit Website in WordPress (Step by Step)\">nonprofits<\/a> place it near the top to highlight donor support right away.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"350\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-leaderboard.png\" alt=\"Adding the Leaderboard field\" class=\"wp-image-391265\"><\/figure>\n<p>After adding the Leaderboard field, you can customize it to suit your <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/key-design-elements-for-effective-wordpress-website\/\" title=\"Key Design Elements for an Effective WordPress Website\">site design<\/a>. <\/p>\n<p>The first thing you might want to set is the \u2018View Type\u2019. You can choose between a list view and a card view depending on your preference.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"342\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-leaderboard-viewtype.png\" alt=\"The Leaderboard field's view type\" class=\"wp-image-391275\"><\/figure>\n<p>Next, you might want to adjust the following settings:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Number of Donors<\/strong> \u2013 Choose how many donors you want to display on the leaderboard.<\/li>\n<li><strong>Pagination<\/strong> \u2013 Turn this on if you want to split the list across multiple section pages. This is helpful if you have a lot of donors.<\/li>\n<li><strong>Order By<\/strong> \u2013 Decide how donors are sorted, such as by total donations, by most recent contributions, or by name.<\/li>\n<\/ul>\n<p>I recommend starting with a smaller number of donors and <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-split-wordpress-posts-into-multiple-pages\/\" title=\"How to Split WordPress Posts into Multiple Pages (Post Pagination)\">enabling pagination<\/a>. This keeps the leaderboard clean and easy to read, especially as your donor list grows.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"356\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-leaderboard-pagination-etc.png\" alt=\"Adjusting the number of donor displayed and pagination\" class=\"wp-image-391283\"><\/figure>\n<p>After that, you can also choose how you order your leaderboard.<\/p>\n<ul class=\"wp-block-list\">\n<li>\u2018DESC\u2019 (Descending) means the highest values appear first. This is the standard setting, so your top donors show up at the top of the list.<\/li>\n<li>\u2018ASC\u2019 (Ascending) means the lowest values appear first, so the list starts with smaller amounts.<\/li>\n<\/ul>\n<p>This works the same if you choose \u2018date\u2019 or \u2018name\u2019 for your \u2018Order By\u2019.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"397\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-leaderboard-order.png\" alt=\"Adjusting the leaderboard's order\" class=\"wp-image-391280\"><\/figure>\n<p>Next, there\u2019s the \u2018Title Settings\u2019 section, where you can edit your leaderboard\u2019s:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong> \u2013 The main heading shown at the top of the leaderboard.<\/li>\n<li><strong>Description<\/strong> \u2013 A short message explaining what the leaderboard is about.<\/li>\n<li><strong>Top Contributors Title<\/strong> \u2013 The label used for your top donors.<\/li>\n<li><strong>All Contributors Title<\/strong> \u2013 The label used for the full donor list.<\/li>\n<\/ul>\n<p>Remember, these settings are specific to the campaign you\u2019re building, so you can customize the wording to match each fundraising goal or appeal.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"348\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-leaderboard-titlesettings.png\" alt=\"Adjusting the Title Settings\" class=\"wp-image-391276\"><\/figure>\n<p>There are also \u2018Display Settings\u2019.<\/p>\n<p>You can enable and disable the following settings in your leaderboard:<\/p>\n<ul class=\"wp-block-list\">\n<li>Donor Gravatar<\/li>\n<li>Donation amount<\/li>\n<li>Donation count<\/li>\n<li>Last donation date<\/li>\n<li>Campaign name<\/li>\n<li>Supporter level<\/li>\n<\/ul>\n<p>You\u2019ll also find a \u2018Width\u2019 slider, which lets you control how wide the leaderboard appears on the page so it fits neatly with your layout or page design.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"367\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-leaderboard-displaysettings.png\" alt=\"Customizing the Display Settings\" class=\"wp-image-391285\"><\/figure>\n<p>Go ahead and test these settings until you\u2019re happy with how your leaderboard looks.<\/p>\n<p>When that\u2019s done, it\u2019s time to make your campaign live. Simply change the status dropdown from \u2018Draft\u2019 to \u2018Publish\u2019 at the top of the page.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"343\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-publish.png\" alt=\"Clicking to publish the campaign\" class=\"wp-image-391269\"><\/figure>\n<p>Finally, click the \u2018Save\u2019 button to save all your changes. Your campaign with its donor leaderboard is now ready to be displayed on your <a href=\"https:\/\/www.wpbeginner.com\/guides\/\" title=\"How to Make a WordPress Website (Ultimate Guide)\">WordPress website<\/a>.<\/p>\n<h4 class=\"wp-block-heading\">Step 3: Embed Your Campaign on Your Site<\/h4>\n<p>With your campaign created and the donor leaderboard added, it\u2019s time to display it on your site. Charitable makes this process incredibly simple with its <strong>built-in embed wizard<\/strong>.<\/p>\n<p>First, click the \u2018Embed\u2019 button in your campaign settings to launch the wizard, which will guide you through adding your campaign to any page or post on your site.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"312\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-embed.png\" alt=\"Clicking on the Embed button\" class=\"wp-image-391286\"><\/figure>\n<p>In the popup that appears, you can choose whether to add your campaign to an existing page or a new page.<\/p>\n<p>For this guide, I\u2019ll choose \u2018Create New Page.\u2019<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"378\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-embedwizard-popup.png\" alt=\"Charitable's embed wizard popup\" class=\"wp-image-391330\"><\/figure>\n<p>In the next popup, you can give your new page a name. I recommend using something clear and descriptive, as this will become your page\u2019s <a href=\"https:\/\/www.wpbeginner.com\/glossary\/url\/\" title=\"URL\">URL<\/a> and affect how easily you can find it later.<\/p>\n<p>After that, click \u2018Let\u2019s Go!\u2019<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"332\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/charitable-builder-disasterrelief-embedwizard-naming-newpage.png\" alt=\"Naming the new campaign page\" class=\"wp-image-391327\"><\/figure>\n<p>This will take you to the <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" title=\"How to Use the WordPress Block Editor (Gutenberg Tutorial)\">WordPress block editor<\/a>.<\/p>\n<p>From here, let\u2019s click the \u2018+\u2019 button to add a new block, then search for the \u2018Charitable Campaign\u2019 block.<\/p>\n<p>When you see it in the search results, click on it.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"326\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-charitablecampaign-block.png\" alt=\"Adding the Charitable Campaign block\" class=\"wp-image-391288\"><\/figure>\n<p>Once you\u2019ve added the \u2018Charitable Campaign\u2019 block to your <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/14-tips-for-mastering-the-wordpress-visual-editor\/\" title=\"Tips for Mastering the WordPress Content Editor\">content editor<\/a>, you\u2019ll see a dropdown menu where you can choose which campaign to display.<\/p>\n<p>Select the campaign you just created from the list.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"400\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-charitablecampaign-dropdown.png\" alt=\"Choosing a campaign in the Charitable block\" class=\"wp-image-391290\"><\/figure>\n<p>The block will show you a preview of how your peer-to-peer or <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-raise-money-with-crowdfunding-in-wordpress\/\" title=\"How to Raise Money with Crowdfunding in WordPress (Easy Ways)\">crowdfunding campaign<\/a> will look on the page, including your donor leaderboard.<\/p>\n<p>If everything looks good, then simply click\u00a0\u2018Save\u2019\u00a0or\u00a0\u2018Publish\u2019\u00a0to make your campaign live on your website. Visitors can now view your campaign and see the donor leaderboard in action:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"421\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/livesite-newcampaign-leaderboard.png\" alt=\"Charitable campaign with a leaderboard\" class=\"wp-image-391392\"><\/figure>\n<div class=\"wpb-alert style-yellow\">\n<p><strong>\ud83d\udca1<\/strong> <strong>Note:<\/strong> Since this is a new campaign, you might not see your donor leaderboard right away. This is normal \u2013 once donations start coming in, the leaderboard will automatically update and display your donors.<\/p>\n<\/div>\n<h4 class=\"wp-block-heading\">Alternative: Show a Donor Leaderboard Across All Campaigns<\/h4>\n<p>If you\u2019re running multiple fundraising campaigns, then you might want to showcase overall donor support across your entire site. This approach highlights your most generous supporters regardless of which specific campaign they contributed to.<\/p>\n<p><a href=\"https:\/\/www.wpcharitable.com\/\" target=\"_blank\" title=\"WP Charitable - Best WordPress Donation and Fundraising Plugin\">Charitable<\/a> gives you two flexible ways to display a donor leaderboard that spans all your campaigns. Both methods are beginner-friendly and take just a few minutes to set up.<\/p>\n<p>Let me show you both options so you can choose the one that works best for your website.<\/p>\n<h5 class=\"wp-block-heading\">Option 1: Add a Donor Leaderboard Using the Block Editor<\/h5>\n<p>This method is perfect if you want to show top donors across all campaigns on a specific page or post. It works seamlessly with the WordPress block editor (also called <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/common-gutenberg-questions-answered\/\" title=\"Common Gutenberg Questions Answered (WordPress 6.0+ FAQ)\">Gutenberg<\/a>).<\/p>\n<p>Start by opening the page or post where you want to add your leaderboard. Then, click the \u2018+\u2019 button and search for Charitable\u2019s \u2018Donor Leaderboard\u2019 block.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"378\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-leaderboardpage-leaderboardblock.png\" alt=\"Charitable's Donor Leaderboard block\" class=\"wp-image-391333\"><\/figure>\n<p>After adding the block, you\u2019ll see several display settings in the right panel.<\/p>\n<p>The \u2018View\u2019 dropdown lets you choose between \u2018List\/Table\u2019 and \u2018Card\u2019 layouts \u2013 pick whichever style matches your site\u2019s design better.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"370\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-leaderboardpage-leaderboardblock-view.png\" alt=\"Choosing the leaderboard's view type\" class=\"wp-image-391336\"><\/figure>\n<p>In the \u2018Campaign\u2019 dropdown, select \u2018All Campaigns\u2019 to show donors from across your entire site.<\/p>\n<p>If you prefer to show only donors from a specific campaign, then you can select\u00a0\u2018Current Campaign\u2019\u00a0(if you only have one running campaign) or the campaign name instead.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"376\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-leaderboardpage-leaderboardblock-campaign.png\" alt=\"Choosing the campaign leaderboard to show\" class=\"wp-image-391338\"><\/figure>\n<p>Use the \u2018Number of Donors\u2019 slider to adjust how many donors appear on your leaderboard.<\/p>\n<p>You can also enable pagination if you want to show visitors additional pages of donors.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"327\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-leaderboardpage-leaderboardblock-donornumbers.png\" alt=\"Adjusting the number of donors and pagination\" class=\"wp-image-391340\"><\/figure>\n<p>The \u2018Display Options\u2019 section lets you choose what information to show for each donor.<\/p>\n<p>You can include their <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-set-custom-avatars-for-users-in-wordpress-gravatar-alternative\/\" title=\"How to Set Custom Avatars for Users in WordPress (Gravatar Alternative)\">avatar<\/a>, donation amount, total donation count, last donation date, last campaign they supported, and their supporter level.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"213\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-leaderboardpage-leaderboardblock-displayoption.png\" alt=\"Configuring the additional display options\" class=\"wp-image-391342\"><\/figure>\n<p>Under \u2018Title and Descriptions Settings\u2019, Charitable gives you a default text, so it\u2019s all set.<\/p>\n<p>But you can customize the heading and add any explanatory text to match <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-build-your-personal-brand-using-wordpress\/\" title=\"How to Build Your Personal Brand Using WordPress\">your brand<\/a>.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"327\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-leaderboardpage-leaderboardblock-titlesettings.png\" alt=\"Configuring title settings\" class=\"wp-image-391344\"><\/figure>\n<p>For the list view, you can add a trophy icon, and for the card view, there\u2019s a crown icon option to make top donors stand out.<\/p>\n<p>You can even adjust border colors to match your site\u2019s design.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"361\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/blockeditor-leaderboardpage-leaderboardblock-icon-color.png\" alt=\"Customizing icons and colors\" class=\"wp-image-391346\"><\/figure>\n<p>Once you\u2019re happy with how everything looks, click \u2018Save\u2019 or \u2018Publish\u2019 to make your donor leaderboard page live.<\/p>\n<p>Here\u2019s what it looked like on my demo site:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"416\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/livesite-leaderboard-acrosscampaigns.png\" alt=\"Displaying donor leaderboard across campaigns\" class=\"wp-image-391360\"><\/figure>\n<h5 class=\"wp-block-heading\">Option 2: Add a Donor Leaderboard Using a Shortcode<\/h5>\n<p>This method is ideal when you want to add your donor leaderboard to sidebars, widget areas, or <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/best-drag-and-drop-page-builders-for-wordpress\/\" title=\"Best Drag &amp; Drop WordPress Page Builders\">page builders<\/a>. Shortcodes give you more flexible placement options across your entire website.<\/p>\n<p>To get started, go to <strong>Appearance \u00bb Widgets<\/strong> in the WordPress dashboard.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"202\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/appearance-widgets.png\" alt=\"Accessing the Widgets editor\" class=\"wp-image-387566\"><\/figure>\n<p>Then, find the location where you want to display your leaderboard \u2013 this could be a <a href=\"https:\/\/www.wpbeginner.com\/showcase\/12-wordpress-sidebar-tricks-to-get-maximum-results\/\" title=\"WordPress Sidebar Tricks to Get Maximum Results\">sidebar<\/a>, footer area, or any other widget-ready section of your site.<\/p>\n<p>In your preferred location, add a new\u00a0\u2018Shortcode\u2019\u00a0block or widget.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"248\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/widget-sidebar-shortcode.png\" alt=\"Adding a shortcode widget\" class=\"wp-image-391362\"><\/figure>\n<p>Then, paste this shortcode into the block:<\/p>\n<p><code>[charitable_donor_leaderboard]<\/code><\/p>\n<p>Here\u2019s what it might look like on your screen:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"364\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/widget-sidebar-shortcode-charitabledonorleaderboard.png\" alt=\"Adding Charitable's donor leaderboard shortcode\" class=\"wp-image-391363\"><\/figure>\n<div class=\"wpb-alert style-orange\">\n<p><strong>\ud83d\udca1<\/strong> <strong>Note:<\/strong> The widget area supports the Donor Leaderboard block, which you can use instead. However, in this method, we\u2019ll show you how to use a <a href=\"https:\/\/www.wpbeginner.com\/glossary\/shortcodes\/\" title=\"Shortcodes\">shortcode<\/a>.<\/p>\n<p>The shortcode method is particularly useful if you\u2019re using a page builder like <a href=\"https:\/\/www.seedprod.com\/\" target=\"_blank\" title=\"SeedProd - Best Drag &amp; Drop WordPress Website Builder\">SeedProd<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" title=\"Elementor Pro\" href=\"https:\/\/www.wpbeginner.com\/refer\/elementor-pro\/\" data-nojs=\"1\" data-shortcode=\"true\">Elementor<\/a>, or <a rel=\"nofollow noopener\" target=\"_blank\" title=\"Beaver Builder Home Page\" href=\"https:\/\/www.wpbeginner.com\/refer\/beaver-builder\/\" data-nojs=\"1\" data-shortcode=\"true\">Beaver Builder<\/a>. This is because you can easily drop the shortcode into any section of your design or a <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-a-landing-page-with-wordpress\/\" title=\"How to Create a Landing Page With WordPress\">custom landing page<\/a>.<\/p>\n<\/div>\n<p>This basic shortcode will display your donor leaderboard with the default settings. However, you can also customize it using <strong>parameters<\/strong>, which are small options added to the shortcode. This controls exactly how it looks and what it displays.<\/p>\n<p>For example, if you want to show a card view with 12 donors from a specific campaign, you can use:<\/p>\n<p><code>[charitable_donor_leaderboard view=\"card\" number=\"12\" campaign=\"123\"]<\/code><\/p>\n<p>Just replace \u201c123\u201d with your actual campaign ID. You can find this ID number in the URL address bar when you are editing a specific campaign (e.g., <code>post=123<\/code>).<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"356\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/widget-sidebar-shortcode-charitabledonorleaderboard-withparameters.png\" alt=\"Adding Charitable's donor leaderboard shortcode with parameters\" class=\"wp-image-391368\"><\/figure>\n<p>For details, you can see our guide on <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" title=\"How to Add a Shortcode in WordPress (Beginner\u2019s Guide)\">how to add a shortcode in WordPress<\/a>.<\/p>\n<p>Once you\u2019ve added the shortcode, click \u2018Update\u2019 to save your changes. Now, visit your website to see your donor leaderboard in action.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"358\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/livesite-sidebar-leaderboard-acrosscampaigns.png\" alt=\"Donor leaderboard in a sidebar\" class=\"wp-image-391366\"><\/figure>\n<h4 class=\"wp-block-heading\">Bonus Tip: Create a Donor Portal in WordPress<\/h4>\n<p>After setting up your donation system, you may also want to <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-improve-user-experience-in-wordpress\/\" title=\"How to Improve User Experience in WordPress (Practical Tips)\">improve the experience<\/a> for returning donors. A donor portal makes it easy for supporters to manage their contributions without contacting you for help.<\/p>\n<p>It gives them a secure place on your WordPress site to view their donation history, manage recurring gifts, and update their details anytime.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"373\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/09\/live-charitable-givingportal-navigation.png\" alt=\"Donor portal navigation menu\" class=\"wp-image-365295\"><\/figure>\n<p>For your <a href=\"https:\/\/www.wpbeginner.com\/showcase\/best-team-communication-tool-for-small-business\/\" title=\"Best Team Communication Tools for Small Businesses\">team<\/a>, it also reduces admin work like resending receipts and manually updating records. Everything donors need is available in one convenient location that they can access whenever they want.<\/p>\n<p>And when supporters have easy access to their information, they feel more connected to your organization and are more likely to continue giving.<\/p>\n<p>The good news is that creating a donor portal is easier than you might think. For step-by-step instructions, see our detailed guide on <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/create-donor-portal-in-wordpress\/\" title=\"I Created a Donor Portal in WordPress in Just 15 Minutes (No Coding)\">how to create a donor portal in WordPress<\/a>.<\/p>\n<h4 class=\"wp-block-heading\">FAQs About Creating a Donor Leaderboard in WordPress<\/h4>\n<p>Here are some common questions readers ask about using donor leaderboards in WordPress.<\/p>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>Can I show a donor leaderboard for a specific campaign only?<\/strong><\/summary>\n<p>Yes, you can display a donor leaderboard for a specific campaign in WordPress.<\/p>\n<p>With <a href=\"https:\/\/www.wpcharitable.com\/\" target=\"_blank\" title=\"WP Charitable - Best WordPress Donation and Fundraising Plugin\">Charitable<\/a>, when you add the Donor Leaderboard block or use the shortcode, simply select the specific campaign from the dropdown menu or add the campaign ID parameter to show donors from that campaign only.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>Can I control what information appears on the donor leaderboard?<\/strong><\/summary>\n<p>Yes, you have full control over what information displays on your leaderboard. You can choose to show or hide donor avatars, donation amounts, donation counts, last donation dates, campaign names, and supporter levels through the block settings or shortcode parameters.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>Will the donor leaderboard update automatically?<\/strong><\/summary>\n<p>Yes, your donor leaderboard updates automatically in real-time whenever someone makes a new donation. You don\u2019t need to manually refresh or update anything \u2013 the leaderboard will reflect the current rankings as soon as donations are processed.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>Can I place the donor leaderboard anywhere on my site?<\/strong><\/summary>\n<p>Yes, you can place your donor leaderboard virtually anywhere on your WordPress site. You can add it to pages, posts, sidebars, footers, or any widget-ready area using either the block editor or the shortcode method.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>Does using a donor leaderboard actually help increase donations?<\/strong><\/summary>\n<p>Yes, donor leaderboards can help increase donations by creating <a href=\"https:\/\/www.wpbeginner.com\/showcase\/best-social-proof-wordpress-plugins-easy-to-use\/\" title=\"Best Social Proof Plugins for WordPress &amp; WooCommerce\">social proof<\/a> and friendly competition.<\/p>\n<p>When potential donors see others contributing, it builds trust and encourages them to give. Plus, existing donors may increase their contributions to improve their ranking or recognition.<\/p>\n<\/details>\n<h4 class=\"wp-block-heading\">Next Steps to Grow Your Nonprofit WordPress Website<\/h4>\n<p>Now that you\u2019ve set up your donor leaderboard, you\u2019re well on your way to building a stronger fundraising presence online. A leaderboard is just one piece of creating an effective nonprofit website that connects with supporters and drives donations.<\/p>\n<p>To continue growing your nonprofit\u2019s impact, here are some guides to expand your fundraising capabilities and reach more supporters:<\/p>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-accept-international-donations-in-wordpress\/\" title=\"How to Accept International Donations in WordPress\">How to Accept International Donations in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/add-fundraising-thermometer-in-wordpress\/\" title=\"I Built a Fundraising Thermometer in WordPress (in Just 10 Minutes)\">How to Add a Fundraising Thermometer in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/plugins\/16-best-wordpress-plugins-for-nonprofits\/\" title=\"Best WordPress Plugins for Nonprofits\">Best WordPress Plugins for Nonprofits<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/get-more-donations-for-nonprofit\/\" title=\"14 Ways I Get More Donations for My Nonprofit (I\u2019ll Show You How)\">Ways to Get More Donations for Your Nonprofit Site<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/opinion\/donation-form-best-practices-to-boost-donations-in-wordpress\/\" title=\"Top Donation Form Best Practices to Boost Donations in WordPress\">Donation Form Best Practices to Boost Donations in WordPress<\/a><\/li>\n<\/ul>\n<p>If you liked this article, then please subscribe to our\u00a0<a href=\"https:\/\/youtube.com\/wpbeginner?sub_confirmation=1\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Subscribe to WPBeginner YouTube Channel\">YouTube Channel<\/a>\u00a0for WordPress video tutorials. You can also find us on\u00a0<a href=\"https:\/\/twitter.com\/wpbeginner\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Follow WPBeginner on Twitter\">Twitter<\/a>\u00a0and <a href=\"https:\/\/facebook.com\/wpbeginner\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Join WPBeginner Community on Facebook\">Facebook<\/a>.<\/p>\n<p>The post <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/donor-leaderboard-in-wordpress\/\">How I Created a Donor Leaderboard in WordPress &amp; Got More Donations<\/a> first appeared on <a href=\"https:\/\/www.wpbeginner.com\/\">WPBeginner<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Most WordPress donation pages don\u2019t show how many people are already giving. And when supporters feel like they are the only ones donating, they are less likely to follow through. Donor leaderboards solve this by showing real support in action. When people see others donating, then they feel more comfortable supporting your mission, too. Plus, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":46549,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-46548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/dailysutoon.com\/index.php?rest_route=\/wp\/v2\/posts\/46548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dailysutoon.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dailysutoon.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dailysutoon.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dailysutoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46548"}],"version-history":[{"count":0,"href":"https:\/\/dailysutoon.com\/index.php?rest_route=\/wp\/v2\/posts\/46548\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dailysutoon.com\/index.php?rest_route=\/wp\/v2\/media\/46549"}],"wp:attachment":[{"href":"https:\/\/dailysutoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dailysutoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dailysutoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}