Fundraising Widget

Getting Started

Philantro has two Fundraising tools for nonprofit to use as needed. For this guide, we're solely referencing our Fundraising Widget. Whether you are using a website builder or building from scratch, the technique to add the Fundraising Window to your website is essentially the same.

Campaign ID - A unique ID to reference a Philantro Donation Campaign. You can find all your Campaign IDs under "Manage Campaigns" on your dashboard.

Place this line of code wherever you want your Fundraising Window to appear.
<div class="philantro-progress" data-campaign="Campaign ID"></div>

Wordpress and Weebly

If you use Wordpress or Weebly, you will need to follow the same steps as adding a donation form to your website but if you have already added Philantro.js to your page, you don't have to add it again. Simply add a new block with the following code snippet.

Philantro.js - If you don't have Philantro.js on your page, follow your respective Website Builder guide via the menu on the left to add it before following this guide.

<div class="philantro-progress" data-campaign="Campaign ID"></div>

Google Sites, Squarespace and Wix

If you use Google Sites, Squarespace or Wix, you will need to follow the same steps as adding a donation form to your website but add the following code snippet instead. You are free to have more than one per page.

<div class="philantro-progress" data-campaign="Campaign ID"></div>
<script>
(function() {
var s = document.createElement('script');
var URI = window.location.href;
var ph = document.getElementsByTagName('script')[0];
s.type = "text/javascript"; s.async = true;
s.src = "<link provided via dashboard>/philantro.js";
window.options = { OID: 'XXXXXXXXX', Referrer: URI};
ph.parentNode.insertBefore(s, ph);
})();
</script>