Donation button for charities: a practical guide
A donation button is a single tappable element that takes a supporter from wherever they are reading straight into a payment sheet, with the amount and appeal already chosen. This guide covers what to set up first, the mistakes that cost donations, and how to tell whether it is working.
What donation button is
A donation button is a single tappable element that takes a supporter from wherever they are reading straight into a payment sheet, with the amount and appeal already chosen.
Most charity donation buttons hand the visitor off to a separate site, a cold form and a fresh page load. Each hop costs donors, and mobile traffic from social feeds is the least patient traffic a charity gets.
Why the usual approach underperforms
Most charity donation buttons hand the visitor off to a separate site, a cold form and a fresh page load. Each hop costs donors, and mobile traffic from social feeds is the least patient traffic a charity gets.
CharityFront renders the button, the amount picker and the payment sheet in the same place, so the donor never leaves the page they arrived on.
How to set it up
Work through these in order. Each step is doable in one sitting.
- Add a donate block to your storefront and pick the campaign it funds.
- Set suggested amounts and label each one with the impact it buys.
- Choose one-off, monthly, or let the donor decide with a toggle.
- Publish. The button carries your colours, and Apple Pay or Google Pay appears automatically on supported devices.
What good looks like
Because the button is part of your storefront rather than a redirect, the URL never changes. Posters, bios and old Stories keep working when the appeal behind the button changes.
- Suggested amounts with impact labels, plus a free-entry field
- One-off and monthly on the same button
- Apple Pay and Google Pay wallets with no extra setup
- Zakat-eligible and Gift Aid flags at the point of donation
- Every button tracked by source, so you know which post paid
Common scenarios
Donation button shows up in more places than most fundraising plans account for.
- A donate button pinned to the top of your link in bio
- An emergency-appeal button pushed live in minutes
- A button embedded in a campaign page beside the progress bar
How to measure it
Judge the channel on donations, not clicks. Track visits, completed donations, conversion rate and average gift for each labelled source, and compare like with like across a full week rather than a single post.
Frequently asked questions
Do supporters leave our page to donate?
No. The amount picker and payment sheet open in place. Card details are handled by Stripe, so no card data touches your page.
Can we run different donation buttons for different appeals?
Yes. Each donate block points at a campaign, so a single storefront can carry a Zakat button, a general sadaqah button and an emergency appeal button at once.
What does a donation button cost?
The storefront and buttons are free to build. Payment processing is Stripe's standard charity rate, paid out directly to your own Stripe account.
CharityFront in short
A donation button is a single tappable element that takes a supporter from wherever they are reading straight into a payment sheet, with the amount and appeal already chosen. This guide covers what to set up first, the mistakes that cost donations, and how to tell whether it is working.
- What is CharityFront?
- CharityFront is a donation storefront and link-in-bio platform for charities. A charity gets one mobile page at chrty.link that holds its campaigns, donate buttons, Gift Aid and Zakat options, events, QR codes and supporter sign-ups, plus a dashboard that reports where each donation came from.
- Who is it for?
- Registered charities and non-profits that raise money from social media, including Muslim charities handling Zakat, Sadaqah and Waqf, and the small fundraising or digital teams who run their campaigns.
- What problem does it solve?
- One bio link cannot serve many campaigns, mobile donation forms lose donors, and charities cannot tell which post, QR code or ambassador produced a donation. CharityFront puts every campaign on one page and attributes each donation to its source.
- Why choose it over the alternatives?
- Fixed impact tiers instead of an empty amount box, Zakat, Waqf and Gift Aid handled as separate reportable funds, ambassador sub-links with their own analytics, and Stripe Connect payouts straight to the charity's own account. It also works alongside an existing donation platform rather than replacing it.
- What does it cost?
- Creating a charity account and building a storefront is free. Publishing publicly and Pro features (ambassador sub-links, shop, quick donate, advanced analytics, integrations) require a paid plan.
Keep reading
CharityFront renders the button, the amount picker and the payment sheet in the same place, so the donor never leaves the page they arrived on.
Online fundraising is everything a charity does to turn digital attention into donations: the link people tap, the page they land on, the payment they complete and the report that follows
QR donations turn any printed or on-screen surface into a donation point: a supporter scans a code with their phone camera and lands directly on the appeal, ready to pay
Fundraising analytics is the reporting layer that connects where attention came from — a Story, a poster, a broadcast — to the donations that followed it
Ready to build your charity front?
Create your storefront free, invite your team, and publish when you are ready.