Great News - Weebly is Dynamic Link compatible
Great News - SSL is included for free with every plan
Getting Started
Weebly has only one method for adding the philantro.js library and it's freely available on all plans. To begin accepting donations via Weebly and Philantro, we will start by using the Embed Code method. Weebly can freely alter their user interface at anytime. If what we show is not what you see, please consult their documentation about "Embed Code."
Step One
Add An Embed Code Block
Edit the page or create a new page for you to add your Philantro donation form.
- Open a Page and click Build
- Options will now appear on the left side
- Look for Embed Code under Basic.
- Click and drag Embed Code and place it on the page where you would like your donation form to appear.
Step Two
Add Philantro.js Library
Once you have added Embed Code to your page, click the newly created block in the editor.
- The menu from Custom HTML will appear
- Click the Edit Custom HTML button
- A text editor will appear.
- Add the following Code Snippet in that editor
- Save and Publish
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 Three
Add Donation Form Code
Once you have added Philantro.js to your website, you will need to follow the same steps to add another block wherever you want your form to appear.
Add the following code snippet in the newly created Embed Code block
<div id="ph-root"></div>
Done
Your donation form should now appear in its default nature.