30 Best Charity Website Examples 2026
These 30 charity website examples show different ways to present a cause, guide visitors and ask for support. Browse the screenshots for design ideas, then compare the donation features in our research notes below.
Best Charity Website Examples
1. charity: water
Giving platform: Stripe
The giving form is the homepage. Monthly sits beside one-off before you scroll, and each suggested amount is annotated with what it buys — one person’s clean water at the bottom of the ladder, a family further up.
2. Trussell
Built with: Drupal
Trussell gives three needs their own navigation labels: donate money, donate food and get emergency food. This separates the route for supporters from the route for people seeking help.
3. GiveDirectly
Built with: WordPress · giving platform: Stripe
Financials is a top-level navigation item beside Team and Blog. The hero also contains the giving form, letting visitors choose the frequency, amount and programme before scrolling.
4. Save the Children
Giving platform: Pin Payments
The donation page numbers itself: step one of three, before it asks for anything. Each preset carries its own line of explanation about what that amount feeds and for how long, and the share of expenditure reaching programmes is published as a plain percentage rather than buried in an annual report.
5. The Trevor Project
Built with: WordPress · giving platform: Stripe
The first thing offered is a counsellor, not a donation. For a crisis line that is the right order and the design holds to it: the route to help sits ahead of the giving link, and the support control is plain text rather than the loudest thing on the screen.
6. Choose Love
Built with: WordPress
A yellow that stops just short of hazard tape, spent on one control and nothing else, against otherwise plain type. The opening lines are counts — people supported, countries reached, years running — and the shop sits in the navigation as a second, lower-friction way in for people who will not hand over cash.
For a broader mix of organisations, see our nonprofit website examples.
7. St. Jude Children’s Research Hospital
Giving platform: PayPal
The giving form opens on Monthly rather than one-off, with every amount written per month, and the homepage runs a piece making the case for regular giving beside it. It is the clearest example here of a site designed around what a supporter is worth over years instead of what they will give today.
8. Watsi
Giving platform: Stripe
Watsi introduces a named patient, the operation they need and the amount still unfunded. The individual story and funding progress give visitors a specific project to support.
9. Best Friends Animal Society
Built with: Drupal · giving platform: Fundraise Up
Six separate routes to the financials from a single homepage — annual report, financial statements, financial information — which is more than anything else here offers. Pet Memorials sits in the top navigation, giving tribute donations their own front door instead of a checkbox halfway down a form.
10. CHU Sainte-Justine Foundation
Built with: WordPress
The donate link opens on a question rather than a form: monthly, one-off, in memory, or in honour, with monthly marked as the recommended route. Splitting the four intentions before asking for a number means the memorial donor and the regular giver never have to read each other’s fields.
11. International Rescue Committee
Built with: Drupal · giving platform: Fundraise Up
The homepage leads with the emergency rather than the organisation, and the giving page opens on a matched-gift offer with a three-step progress bar above it. Programme spend and the independent rating are written on the page as figures rather than linked to as a report.
12. Magic Breakfast
Built with: WordPress · giving platform: Fundraise Up
Magic Breakfast builds its opening message around the number of children reached each morning. Suggested gifts are described in terms of the breakfasts they can provide.
13. Human Rights Watch
Built with: Drupal · giving platform: EveryAction
The homepage is a newsroom. The lead item is a report rather than an appeal, and the research is the argument for giving.
14. Room to Read
Giving platform: Fundraise Up
The giving form is the hero, with the reach figure stated once rather than split across a row of counters, and a line explaining that a dollar puts a book in a child’s hands. A ticker in the corner names recent donors and what they gave, which is the only live social proof on this list.
15. Medecins Sans Frontieres
Built with: Drupal
Three operational figures sit at the top of a page that otherwise reads like a wire service: patients admitted, countries, staff. Red is spent on the donate control and nothing else, which is the only way a single accent survives a page this dense with photography.
16. Akshaya Patra
The header carries a country switch and a list of Indian states before the navigation even begins, because the tax receipt differs in each. The giving form offers more suggested amounts than anything else here, laddered upward from the cost of feeding one child for a year.
17. The Ocean Cleanup
An impact dashboard sits in the main navigation beside the research and the publications, so the case for giving is a live data page rather than a claim. The giving form estimates what a monthly gift removes over a year, and the donate control is deliberately quiet — this is an engineering programme rather than an emergency.
18. Feeding America
Built with: Drupal · giving platform: EveryAction
Two numbers carry the page: what a single dollar buys in meals, and the share of donations reaching programmes. Find Food sits in the navigation beside Donate, so somebody who needs a food bank is not made to read a fundraising appeal first.
19. Planned Parenthood
Giving platform: EveryAction
A healthcare site before it is a fundraising one: book an appointment, find a centre, get care. The giving form then defaults to monthly and explains why in a single line beside the toggle, and offers to let the donor cover the processing fee with the resulting total spelled out.
20. Movember
Sign Up sits ahead of Donate, because the model is people raising money rather than people giving it. The site is organised around joining a campaign, and the health resources get their own space instead of being used as bait for the ask.
21. The Felix Project
Volunteer comes before Donate in the header, and the figures on the page are volunteers and meals rather than money. The yellow is close to pure, set against near-black type, and it is the only colour used anywhere on the first screen.
22. Thirst Project
Built with: WordPress · giving platform: Classy
Three counters sit directly beneath the headline — projects, people served, countries — with Fundraise given the same weight as Donate. For an organisation built on student chapters, that ordering is the strategy rather than a layout preference.
23. Jackie Robinson Foundation
Built with: WordPress · giving platform: Stripe
The donation presets include $42, a reference to Jackie Robinson’s jersey number. It connects a choice in the form to the person the foundation honours.
24. NRDC
Built with: Drupal · giving platform: Stripe
The top of the page is a live matched-gift offer with a ceiling and a multiplier attached to whatever is in court that month. The main control says Ways to Give rather than Donate, which reads softer and gives the membership, legacy and stock routes somewhere to live.
25. Hashtag Lunchbag
Built with: NationBuilder · giving platform: PayPal
The ladder starts at a single dollar and runs to five thousand, the widest range here, because the ask is aimed at somebody organising a lunch-making session as much as at an institutional donor. Host an Event sits in the navigation next to Donate.
26. Cancer Research Foundation
Built with: WordPress · giving platform: GiveWP
A saturated blue control against a monochrome photograph, and a headline built from the year’s projected diagnoses rather than the charity’s own results. The giving form runs on a WordPress plugin, sits directly on the homepage, and offers tribute donations without a second page.
27. AMA Foundation
Built with: Squarespace · giving platform: Blackbaud
AMA Foundation pairs a deep purple palette with a separate fundraising platform. Its observed donation form started at a suggested $75, reflecting a professional audience of physicians.
28. Ovo Foundation
Built with: WordPress
The donation page leads on a monthly figure rather than a one-off one — a pound a month — setting the expectation before any form appears. The rest of the site reads like a grant-maker’s, giving the projects it funds more space than the ask.
29. World Vision International
Built with: Drupal
The donate control leads to a country selector before any amount can be chosen, because giving is handled by national offices. It is an honest reflection of how the organisation is structured and a real obstacle for anybody who arrived ready to give.
30. Broad Foundation
Built with: WordPress
There is no donate button anywhere on this site, and that is correct. A grantmaking foundation distributes its own endowment rather than raising money, so the homepage is addressed to grantees and partners instead of donors.
Donation features and research notes
View the original observations and methodology
The screenshots and donation-form observations below come from our September 2026 review, not a new check of every charity today. We followed donation links where available and compared the findings with captured screens. These observations describe the sample; they do not measure conversion rates.
Read in a browser at 1280×860, one hop from the homepage donate control, then checked against the screenshot of each form. One of the thirty sites do not solicit gifts at all and are listed at the foot.
| Charity | Preset amounts | Monthly | Tribute | Fees | Platform |
|---|---|---|---|---|---|
| charity: water | $40$80$120$240 | yes | yes | no | Stripe |
| Trussell | £5£10£25 | pre-selected | yes | no | — |
| GiveDirectly | $40$60$100$200$300$500 | pre-selected | yes | no | Stripe |
| Save the Children | $27$60$99 | pre-selected | no | yes | Pin Payments |
| The Trevor Project | $200$300$500$750$1,000$2,000 | yes | yes | no | Stripe |
| Choose Love | €10€16€20€25€50€100 | pre-selected | yes | no | — |
| St. Jude Children’s Research Hospital | $20$25$50$75$100 | pre-selected | yes | no | PayPal |
| Watsi | $20$60$120$250 | yes | yes | no | Stripe |
| Best Friends Animal Society | $50$100$200$500$750$1,000 | yes | no | no | Fundraise Up |
| CHU Sainte-Justine Foundation | none shown | no | no | no | — |
| International Rescue Committee | $60$110$150$200$500 | yes | yes | no | Fundraise Up |
| Magic Breakfast | €8€30€60 | pre-selected | yes | no | Fundraise Up |
| Human Rights Watch | none shown | no | no | no | EveryAction |
| Room to Read | $12$25$45$65$130$250 | pre-selected | yes | no | Fundraise Up |
| Medecins Sans Frontieres | none shown | no | no | no | — |
| Akshaya Patra | ₹4,500₹9,000₹13,500₹18,000₹24,000₹30,000₹37,500₹45,000₹60,000₹75,000₹90,000₹1,05,000 | yes | no | no | — |
| The Ocean Cleanup | €10€25€50 | pre-selected | no | no | — |
| Feeding America | $25$50$100$250$500$1,000 | yes | yes | no | EveryAction |
| Planned Parenthood | $15$25$35$50 | pre-selected | yes | yes | EveryAction |
| Movember | €15€20€30€50 | no | no | no | — |
| The Felix Project | £10£20£50 | no | no | no | — |
| Thirst Project | $25$50$100$500 | yes | no | no | Classy |
| Jackie Robinson Foundation | $30$42$100$250 | no | no | no | Stripe |
| NRDC | $35$50$100$250$500 | yes | no | no | Stripe |
| Hashtag Lunchbag | $1$5$10$25$50$100$250$1,000$2,500$5,000 | yes | no | no | PayPal |
| Cancer Research Foundation | $30$60$120$250$500 | yes | yes | no | GiveWP |
| AMA Foundation | $75$100$150$250$500$750$1,000 | yes | no | no | Blackbaud |
| Ovo Foundation | none shown | yes | no | no | — |
| World Vision International | none shown | no | no | no | — |
| Broad Foundation | no donate control anywhere — a grantmaking foundation, not a fundraiser | ||||
Preset donation amounts are shown in their original currencies. They describe the forms observed in September 2026 and should not be compared as equivalent amounts.
Table of contents — all thirty charity websites
- charity: water
- Trussell
- GiveDirectly
- Save the Children
- The Trevor Project
- Choose Love
- St. Jude Children’s Research Hospital
- Watsi
- Best Friends Animal Society
- CHU Sainte-Justine Foundation
- International Rescue Committee
- Magic Breakfast
- Human Rights Watch
- Room to Read
- Medecins Sans Frontieres
- Akshaya Patra
- The Ocean Cleanup
- Feeding America
- Planned Parenthood
- Movember
- The Felix Project
- Thirst Project
- Jackie Robinson Foundation
- NRDC
- Hashtag Lunchbag
- Cancer Research Foundation
- AMA Foundation
- Ovo Foundation
- World Vision International
- Broad Foundation
Building a charity website yourself
There is no house platform for charities, and the biggest names mostly built their own. eight of the thirty run Drupal — a far higher share than any trade we have measured, where it barely appears at all — and ten run WordPress. The remaining ten give off no off-the-shelf signal whatsoever, and they are the household names on the list.
The WordPress detail matters more than the headline. Of the ten WordPress sites, only two use a page builder; the rest run bespoke themes named after the organisation. That is the reverse of every trade we have measured, where nearly everything is a builder. It is not a reason to avoid a builder — it is a reminder that these are organisations with agencies, and that copying their structure is free while copying their build is not.
The giving platform is the decision that actually affects income, and it is separate from the CMS. Every fee-cover option, monthly default, tribute field and employer-match lookup on this list comes from the payment layer rather than the website: Fundraise Up, Classy, Blackbaud, GiveWP, EveryAction and Stripe all appear here, sitting on top of whatever the site happens to run. A small charity can put a modern giving form on an ordinary WordPress site this week and match most of what the large organisations here offer.
For a starting point on the site itself, our free charity WordPress themes cover the build, and nonprofit website examples looks at the same problem from the organisational rather than the fundraising side. If you would rather not touch code at all, the website builder comparison covers the hosted options, and there are Squarespace nonprofit templates for that route specifically.
Charity website questions, answered
How do you make a charity website?
Put the four things above the fold that this measurement shows matter, then worry about design. In order: a donate control in the first screen, one sentence of what you do with a real number in it, a link to your accounts, and a giving form with suggested amounts and a monthly option.
Mechanically, the shortest route is a content management system for the pages and a separate giving platform for the money. Trying to build the donation form yourself is the common mistake — the platforms handle card processing, recurring billing, tax receipting, tribute gifts and fee-cover as standard, and rebuilding that badly costs income.
What features does a charity website need?
Measured across the twenty-nine fundraising sites here, the features that are effectively standard are: a donate control in the first screen (29 of 29), financial reports linked from the homepage (25), suggested donation amounts (24) and a monthly giving option (22).
The ones most sites skip, and where a small charity can gain quickly, are stating impact as a number on the first screen (12 of 29), pre-selecting monthly (9) and letting the donor cover the processing fee (2).
What are the best colours for a charity website?
On the evidence of these thirty palettes, a warm accent on a plain ground. Yellow, orange and red dominate the donate controls, and they are used for the giving control and nothing else on the page, which is what makes them read as a button rather than as decoration.
The reason is contrast rather than symbolism: a charity homepage almost always carries a photograph of a person, and a warm saturated fill is what stays visible against one. Cooler brand colours appear here too, but where they do, the ground is usually kept white so the control still separates.
How much should suggested donation amounts be?
There is no convention to copy, and that is the finding. Across the ladders we opened, the lowest suggested amount runs from one dollar to two hundred — a two-hundred-fold spread between charities doing broadly similar work.
What the strongest examples share is not a number but a translation. The best ladders here annotate each amount with what it delivers: one person’s clean water, a child’s breakfast for a term, a book in a child’s hands. Set the bottom rung at the smallest unit of your work that is worth describing, and let the ladder climb from there.
What is the best website builder for a charity?
The question splits in two, and only the second half affects income. For the pages, the sites here are spread across Drupal, WordPress, Squarespace and bespoke builds, and no option is doing anything the others cannot — pick whichever your team can maintain.
For the money, use a dedicated giving platform rather than a generic form or a payment button. Fundraise Up, Classy, Blackbaud, GiveWP and EveryAction all appear on this list, and they are what supply the monthly defaults, tribute gifts, fee-cover options and employer-match lookups that separate the strong forms here from the weak ones.
Do charity websites need to show their finances?
Not legally in most places, but it is close to universal practice: 25 of the twenty-nine fundraising sites here link financial reports directly from the homepage. Only 5 display an independent rating and only 4 state the share of spend reaching programmes as a figure.
The strongest treatments put it in the main navigation rather than the footer. One site here has Financials as a top-level menu item beside Team and Blog, which converts a compliance document into an argument.
Browse the other Nonprofit, church & community website examples (3 more collections), or see website examples for every industry.
Related Posts
Comments (0)