Wix

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
Bad News - Wix is not Dynamic Link compatible

Getting Started

Wix has one methods for adding the philantro.js library and Donation forms. The method we'll outline here is available on all plans - Free and Paid. To begin accepting donations via Wix and Philantro, we will start by using the HTML iframe method. Wix can freely alter their user interface at anytime. If what we show is not what you see, please consult their documentation about "HTML Code."


Step One

Add HTML iframe

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

  • In the editor, click Add on the left side.
    • Click More
    • Look for HTML iframe under Embeds.
  • Click and drag HTML iframe and place it on the page where you would like your donation form to appear.

Step Two

Add Philantro.js + Donation Form Code

Once you have added HTML iframe to your page, click the newly created block in the editor.

  • The menu for HTML Settings will appear
  • Select Code option
    • A text editor will appear.
  • Add the following Code Snippet in that editor
  • Click Apply 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.