Integration Widget

Easily integrate our widget into your website by copying and pasting the following code snippet.

1. Place to bottom of your page, before the closing body tag

<link rel="stylesheet" href="https://gnfifoundation.org/assets/widget/style.css">
<script defer id="foundation-widget" type="module" src="https://gnfifoundation.org/assets/widget/widget.js" widget-container="donation-container"></script>

2. Inside your page, add this snippet.

Place it anywhere you want, it will render button donation automatically
Set program with slug. You can get list programs here 
<div class="donation-container" program="local-heroes-development-program-lhdp"></div>

Example (Preview)

Click to open donation modal

Let’s Make a Difference in
the Lives of Others

become a volunteer