Integration Guide

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

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.