HomeHTML Template for Donation Page
Donation Page Templates

HTML Templates for Charity Donation Pages

Conversion-optimized HTML donation page templates for charities, nonprofits, and fundraising campaigns. Preset donation amounts, recurring vs one-time toggle, Gift Aid declaration, impact statement sections, campaign progress bar, donor wall, and Stripe/PayPal embed-ready containers — every element tested to reduce donation drop-off.

Get 180+ Templates — $35

Donation Page — Friction Costs Donations

Every field, every click, and every moment of confusion on a donation page costs donations. The average charity donation page loses 70% of visitors before completion. The three most common causes: too many fields (name, address, phone on the same page as card details), unclear impact (donors do not know what their money does), and no recurring option (a one-time donor who intended to give monthly gives once and never returns). Each of these is a design and copy problem with a known solution.

Amounts

Preset Donation Amount Buttons

Preset amounts with impact context: £5 (provides a meal), £10 (buys a school book), £25 (funds a week of care), £50 (sponsors a child for a month). A custom amount input alongside the presets. Presets with impact context increase average donation amount by 30–40% compared to a blank amount field — donors anchor to the described impact, not an arbitrary number they choose themselves. The middle preset is most commonly selected.

Recurring

Recurring vs One-Time Toggle

Monthly giving toggle prominently featured — defaulted to monthly for campaigns where recurring revenue is the goal. Messaging difference: "£10 today" vs "£10/month — the equivalent of one coffee a week." Monthly donors have a 12× higher lifetime value than one-time donors. A small "most popular" badge on the monthly option and a comparison of total annual impact (£10/month = £120/year impact) nudges donors toward the more valuable recurring commitment.

Gift Aid

Gift Aid Declaration Section

Gift Aid adds 25p per pound donated by UK taxpayers at no cost to the donor. A clear Gift Aid checkbox with a plain-English explanation: "I am a UK taxpayer and want [Charity] to claim Gift Aid on my donation — this increases my donation by 25% at no extra cost to me." Pre-checking the Gift Aid box (with clear labelling) is HMRC-compliant and typically increases Gift Aid claim rates from 40% to 80% of eligible donations.

Impact

Impact Statements and Progress

A campaign progress bar: "£47,350 raised of £60,000 goal — 78% funded." Donor count: "1,240 supporters." Days remaining if a time-limited campaign. Impact milestone markers on the progress bar ("At £30,000 we can open the new ward"). Progress, social proof (donor count), and urgency (deadline) are the three most powerful motivators for donation completion on a campaign page. A live counter updating as donations come in creates real-time urgency.

Donation Page Conversion Checklist

Get All 180+ Templates — $35 One-Time

Commercial licence · No subscription · Instant download · Lifetime updates

Download All 180+ Templates — $35
One payment · Own the files forever · Used by 500+ agencies worldwide

Frequently Asked Questions

What should a charity donation page include?
A donation page needs: preset amounts with impact descriptions, recurring/one-time toggle (with monthly defaulted), Gift Aid declaration for UK donors, progress bar and donor count for campaign pages, payment form with minimal required fields, Charity Commission registration number, secure payment badge, and a thank-you page with impact confirmation. Removing site navigation from the donation page and defaulting to monthly giving are the two highest-impact changes for donation conversion rate.
How do I add Gift Aid to an HTML donation form?
Add a clearly labelled checkbox: 'I am a UK taxpayer and would like [Charity Name] to claim Gift Aid on my donation.' Include the HMRC-required declaration statement in full. Store the Gift Aid declaration alongside the donor name, address, and donation amount — all required for a HMRC Gift Aid claim submission. The donor must be a UK taxpayer and must have paid sufficient Income Tax or Capital Gains Tax to cover the Gift Aid claimed. Pre-check the checkbox (clearly labelled) and require active unchecking to opt out — this significantly increases claim rates.
Which payment processor should charities use for online donations?
Stripe (with Stripe.js): lowest fees for volume donors, fully customizable UI, and strong recurring payments management. PayPal Giving Fund: zero transaction fees for eligible registered charities, but limited customization and PayPal account required to donate. Donorfy, Enthuse, or Charity Checkout: UK-focused charity payment processors with integrated Gift Aid claiming. For small charities: Enthuse is recommended — it handles Gift Aid declaration storage and HMRC claim submission automatically, reducing admin significantly.
How do I make a donation page load fast for mobile donors?
Keep the donation page under 200KB total: no large hero images (use an emotionally powerful small image, 50KB max WebP), inline critical CSS, defer non-critical JavaScript. Payment form scripts (Stripe.js) load asynchronously. No third-party analytics scripts on the donation page itself — they add 50–150ms of render-blocking latency. Every 100ms of additional load time reduces donation conversion by approximately 1% on mobile — for a page processing thousands of donations, this is meaningful lost revenue.
How many donation page HTML templates are in UIXDraft?
UIXDraft includes 180+ HTML/CSS templates including charity and nonprofit-focused layouts: donation amount selectors, campaign progress bars, Gift Aid sections, impact statement displays, and donor wall components. One $35 purchase, commercial licence.

Related Resources