Fundraising Widget

Quick Start Guide

Philantro integration is copy and paste for most instances.


Website Builders

Integration guides for organizations using any of the following website builders.


Customizations

Customizing your donation or event ticketing form. There are two ways - hard coding and dynamic links.


Fundraising Widgets

Add Fundraiser Widgets to your website or stream a live fundraiser to rally supporters.


Security

The basics of SSL and securing your website.


Philantro Support

We strive to respond amazingly fast, but please be aware of our time zone differences and Code of Conduct. We're fairly responsive between the hours of 8AM - 5PM Central Standard Time, Monday - Saturday.

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>