Docs: CommitChange

What is it?

CommitChange is a service that provides web fundraising tools for nonprofits. They provide you with a javascript snippet to put on your website, which gives you an automatic payment processing when a given link is clicked on the site.

There's only one target for CommitChange donations, and that's the RE-volv organization (RE-volv has partnered with CommitChange). This means it cannot be used for "one-time" donations like projects. It is very useful, however, for making a general donation to RE-volv.

How does it work?

In base/base.html, you'll see this snippet:

<!-- Commit Change -->
<script>
(function() {
if(document.getElementById('commitchange-script')) return;
var npo = 4642;
var script = document.createElement('script');
var first = document.getElementsByTagName('script')[0];
script.setAttribute('data-npo-id', npo);
script.id = 'commitchange-script';
script.src = 'https://commitchange.com/js/donate-button.v2.js';
first.parentNode.insertBefore(script, first);
})();
</script>

That means that CommitChange is enabled on all pages that inherit from base.html. To enable a link to CommitChange, make a link like this:

<a data-amounts='10,20,30,70,100,200,1000' data-type='recurring' data-custom class="commitchange-donate">DONATE NOW</a>

You can put on any custom classes or apply any styles that you line. Note that the area available to click to dismiss the commit change modal will take up 100% of the area occupied by the parent element of the a tag.