Squarespace

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 the quickest and cleanest approach. To begin accepting donations via Squarespace and Philantro, we will cover the Code Injection 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 Injection."


Step One

Code Injection Method

This is the preferred way of integrating Philantro. This method ensures your donors can access Donor Self-Service and Donate from any page on your website.

  • Open the Home Menu
    • Click Settings
    • Click Advanced
    • Click Code Injection
  • Add the following Code Snippet to the Footer
  • After adding your code, click Save.
XXXXXXXXX should be replaced with your Philantro OID
<script>
(function() {
var s = document.createElement('script');
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>

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


Step Two

Add the default Donation Button or simply create your own. Try clicking the buttons below to see how the form should appear on your website. Notice how you can also pre-fill suggested donation amounts as well.

Donate Give $10
The text of the Donate Button can be whatever you wish.
<a href="#_givealways" class="philantro-btn">Donate</a>

Done

Your donation form should now appear in its default nature.