Integration Guide

Getting Started

If you are using a website builder, follow the guide for your Builder. Whether your platform is listed or not, the fundamentals for integrating Philantro is the same. Insert the script on your website, preferably the footer. The philantro.js is JavaScript library used to allow you accept donations on your own website. Here are the basics for adding Philantro to your website. Low-level experience with web development / design is ideal.


Step One

Add the following code snippet to your website's footer, right before the closing body tag. This is the most effective way to integrate Philantro. This snippet is how Philantro and your website communicate with one another.

OID - An acronym for Organization ID. Your OID is a nine-digit identifier given to you by Philantro upon successful registration.

XXXXXXXXX should be replaced with your Philantro OID
<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'};
ph.parentNode.insertBefore(s, ph);
})();
</script>

Step Two

After philantro.js has been added to your website, you can add the following code snippet to wherever you would like your donation form to appear on the page.

Philantro's Donation form will take the full width of its parent container.
<div id="ph-root"></div>

Done

Your donation form should now appear in its default nature.