Philantro has two Fundraising tools for nonprofit to use as needed. For this guide, we're solely referencing our Fundraising Widget. Whether you are using a website builder or building from scratch, the technique to add the Fundraising Window to your website is essentially the same.
Campaign ID - A unique ID to reference a Philantro Donation Campaign. You can find all your Campaign IDs under "Manage Campaigns" on your dashboard.
Philantro's online fundraising widget is responsive and takes the width of its parent container. Below are two examples of the same widget but with varying widths to showcase the content adjustment. The height of the fundraising widget will automatically adjust proportionally.
You're free to modify the button text and color scheme of the online fundraising widget by using the "data-color" and "data-button" attributes.
If you use Wordpress or Weebly, you will need to follow the same steps as adding a donation form to your website but if you have already added Philantro.js to your page, you don't have to add it again. Simply add a new block with the following code snippet.
Philantro.js - If you don't have Philantro.js on your page, follow your respective Website Builder guide via the menu on the left to add it before following this guide.
If you use Google Sites, Squarespace or Wix, you will need to follow the same steps as adding a donation form to your website but add the following code snippet instead. You are free to have more than one per page.