Visit Philantro's homepage.

Wix Integration

This website builder does not support all of Philantro's fundraising features.

The Philantro platform is designed to enable you to collect online donations, provide donor self-service, peer fundraising and event ticketing directly on your website. However, with this web builder, the ease-of-use comes with some drawbacks that might make you reconsider. Wix only supports the fully embedded donation form and the event ticketing donation form; nothing else. If you are an nonprofit that's starting out, we believe Wix is a great option and the embedded donation form should serve you well to get the ball moving. However, as your fundraising grows, you might find other Philantro features useful that Wix does not support.

  • Supports
  • Embedded Donation Form
  • Embedded Event Ticketing
  • Fundraiser Widget
  • Does Not Support
  • Modal Donation Form
  • Donor Self-Service
  • Donor Recapture
  • Peer Fundraisers
  • Donation Form URL Variables

How helpful was this article?


HTML Embed Integration Method

The web builder does not support all Philantro features. See the benefits and downsides of this web builder below.

Wix may freely alter their dashboard and menu settings at anytime without notice. If the steps we outline below no longer apply, please consult Wix's documentation about HTML Embed.

  • Navigate to and edit your desired web page.
  • In the editor, click "Add", then click "Embed".
  • Click "Custom Embed" under "Custom".
  • Click "Embed a Widget".
  • Drag and drop the newly created element wherever you want your donation form to appear.
  • Click the newly created block in the editor, select "Enter Code".
  • Add the Integration Code in the empty field.
  • Click "Apply" to save.
Contact Support about this Topic

Integration Code

On line 8 in the code snippet below, replace "XXXXXXXXX" with your Philantro Organization ID.

Add the following code snippet to your code injection section for the footer. This is the most effective way to integrate Philantro. This snippet is how Philantro and your website communicate with one another.

  • <div id="ph-root"></div>
  • <script>
  • (function() {
  • const s = document.createElement('script');
  • const ph = document.getElementsByTagName('script')[0];
  • s.type = 'text/javascript'; s.async = true;
  • s.src = 'https://philantro.s3.amazonaws.com/pdf/philantro.js';
  • window.options = {OID: ''};
  • ph.parentNode.insertBefore(s, ph);
  • })();
  • </script>
Contact Support about this Topic

Design Considerations

Now that your donation form is live, it is time to make sure it's the best it can be. Below are a few things to consider to ensure your online donation form is as user-friendly as possible.

  • Give the Widget Embed enough height to allow the form to grow in height without being cut off.
  • Dedicate a full section to the Donation and/or Event Ticketing form and give it a 100% width.
Contact Support about this Topic

Sustainable Fundraising Tips and Techniques

Whether you're doing research on Philantro® or learning more about sustainable fundraising techniques for micro and major nonprofits - our newsletter is a great resource. No gimmicks, no spam - 100% Philantro.