Visit Philantro's homepage.

Fully Embedded Donation Form

The embedded version of Philantro Donation form provides a clean and simple solution for accepting donations directly on your nonprofit's website via single page. The widget can also be styled even more (font, font-size, color etc) to match your organization's branding but it requires knowledge of CSS. When adding this widget to your website, it's best to add it to a blank page without a sidebar so that it extends the full width of the page.

How helpful was this article?

Live Example

Philantro's fully embedded Donation Form is mobile responsive and lives in whatever area it's placed in. You can customize the color, text and DOM styling by uploading custom CSS to your Philantro account. For those using a supported website builders (all tested except for Wix and Google Sites) - you can also control form behavior via URL variables as showcased below.

Integration Code

The following assumes you already you have the Philantro integration working on your website. If you do not, consult the Integration documentation first. Add the following code snippet to the area you would like the fully embedded donation form to appear. If you're using a website builder, consult their respective documentation regarding embedding HTML content.

  • The Philantro integration is a prerequisite.
  • <div id="ph-root"></div>
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.