Complete documentation for integrating the Ramadhan donation flow into your application

initialise

<script src="https://s3.givebrite.com/ramadhan.min.js?charityId=YOUR_CHARITY_ID"></script>

Replace YOUR_CHARITY_ID with your charity ID from Givebrite.

<div class="ramadhan" style="width: 300px"></div>

The SDK looks for an element with the class ramadhan by default.

// If you used ?charityId=... in the script src, the instance is window.ramadhan
ramadhan.renderButton({ text: "Automate Your Giving" });

Or create the instance yourself (e.g. to set dev/production):

const ramadhan = Ramadhan.init("YOUR_CHARITY_ID", { env: "production" });
ramadhan.renderButton({ text: "Automate Your Giving", icon: true });

Choose your integration method:

Add the Ramadhan donation button to your website with a script tag and a few lines of code

Quick Start