Squarespace

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 - Friday.

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>
<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>

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


Done

Your donation form should now appear in its default nature.