Great News - SSL is included for free with every plan
Great News - Squarespace is Dynamic Link compatible

Getting Started

Squarespace has three methods for adding the philantro.js library but we'll focus on the one that is available for all plans. To begin accepting donations via Squarespace and Philantro, we will start by using the Embed Block method. Squarespace can freely alter their user interface at anytime. If what we show is not what you see, please consult their documentation about "Code Block" and "Code Injection."

Step One

Add an Embed Block

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

  • Open a Page or Post Editor
  • Click an Insert Point or the + symbol.
    • The Insert Point looks like a Black side ways tear drop
    • The + symbol is located at the top right
  • Select Embed from the menu

Step Two

Add Philantro.js + Donation Form Code

Once you have selected Embed and the popup box appears, click the </> icon. This gray icon is generally found on the right within the text field.

  • Click the </> inside the text field
  • A new popup box will appear labeled Embed Data
  • Add the following Code Snippet to the popup box
  • Click Set and 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.