Google Sites

Great News - SSL is included for free
Great News - Google Sites, the website builder, is free for everyone
Bad News - Google Sites is not Dynamic Link compatible

Getting Started

Google has made some tremendous improvements to their Google Sites product. We highly recommend this product for nonprofits who want to get started with a website. Google Sites, the website builder, has one method for adding the philantro.js library. To begin accepting donations via Google Sites and Philantro, we will start by using the Embed method. Google can freely alter their user interface at anytime. If what we show is not what you see, please consult their documentation about "Embed."

Step One

Add An Embed Block

Edit the page or create a new page for you to add your Philantro donation form.

  • Select Embed from the page editor
    • Embed is located under Insert in the editor on the right side

Step Two

Add Philantro.js + Donation Form Code

Once you have added Embed to your page, an Embed editor will appear.

  • Select Embed Code from the popup
    • A text editor will appear.
  • Add the following Code Snippet in that editor
  • Click Next to Preview
  • Click Insert to Save
XXXXXXXXX should be replaced with your Philantro OID
<div id="ph-root"></div>
(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);

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


Your donation form should now appear in its default nature.