How to Add a Donation Button to Your Website

Someone reading your page decides they want to help. What happens in the next ten seconds decides whether they do, and on most websites those ten seconds involve hunting for a way to give, finding a page that asks for a lot of information, and closing the tab.

A donation button is the fix for that, and it is a small piece of work. What is not small is the set of decisions around it: how the money is processed, what amounts to suggest, whether to ask for monthly support, who pays the fees, and what happens after the payment goes through.

This guide covers all of it, in the order you will meet it. It does not contain conversion statistics, because the honest ones are rare and the popular ones are invented. It contains the decisions instead.

Decide How the Money Will Be Processed

Everything else depends on this, and there are three realistic routes.

• A payment provider's hosted page. Your button sends the donor to a page run by a payment company, they pay there, and you get notified. Nothing sensitive touches your site. This is where most organisations should start.
• An embedded payment form. The donation happens on your page, inside a component supplied by the provider. Better continuity for the donor, slightly more setup, and the sensitive parts still sit inside the provider's frame rather than in your code.
• A donation platform. A service built for fundraising, which brings receipts, donor records, recurring giving and campaign pages, and takes its own cut. Worth it once donations are a programme rather than a page.

What you should not do is take card details yourself. Handling raw card data pulls you into a compliance regime that exists for good reasons and that no small organisation wants to be inside. Every route above exists to keep you out of it.

Check two things before choosing: that the provider operates in your country and supports the payment methods your donors actually use, and how quickly money reaches your account. The second surprises people, and it matters if you are fundraising for something urgent.

Suggested Amounts

The amounts you show do more work than any other element on the page, because they answer the question a donor cannot answer alone: what is normal here.

• Offer three, and an open field. More than three is a decision problem, fewer is not a range.
• Anchor them to your actual donors, not to what you would like. If most people give a small amount, a set starting high tells them they are not the audience.
• Say what each amount does, in concrete terms, and only where it is true. If you cannot honestly attribute an outcome to a figure, say what the money goes toward generally instead of inventing an equivalence.
• Preselect the middle one. It sets a reference point and it can be changed in one tap.
• Keep the open field obvious. Some people have a number in mind, and hiding the field behind a link loses exactly those donors.
• Show the currency clearly. Obvious to you, not obvious to a visitor from another country looking at a bare number.

One Off or Monthly

Recurring donations are worth more than single ones over time, and asking for them badly costs you both.

The arrangement that works is a clear choice, presented as two options of equal weight, with the one off option not buried. Preselecting monthly is the common dark pattern here, and the damage is disproportionate: someone who intended to give once and discovers a monthly charge is not merely a cancellation, they are a person who now distrusts you.

Three details make the monthly option easier to say yes to:

• Say when it will be taken, and say that it can be stopped at any time. Both are the questions people have.
• Make cancelling genuinely easy, with a link in the receipt email. A hard cancellation process produces chargebacks rather than retained donors.
• Suggest a smaller monthly figure than your one off amounts. A modest amount every month is an easier decision than a large single one, and usually a better outcome.

If your cause is a one time appeal, such as an emergency or a specific target, keep it a single donation. Asking for ongoing support in the middle of an urgent appeal muddles the ask, and the ask is the whole page.

Fees, and Being Straight About Them

Every payment route costs something, and donors know this. The mistake is pretending otherwise.

Absorbing the fee is the simplest choice. The donor gives what they intended, and you receive slightly less. Nothing to explain, nothing to opt in to.

Offering to have the fee covered is also fine, provided the tick box is unticked by default and one line explains what it means. A surprising number of people tick it when asked plainly.

What to avoid is adding an amount to the total without a clear, visible explanation. A donor who intended to give a round figure and sees a different number on their statement will assume the worst, and they will be at least partly right.

Two related points. If your provider charges differently for cards, wallets and bank transfers, that is your problem to manage rather than the donor's to solve. And if you are a registered charity in a country with a scheme that adds to eligible gifts, collecting the declaration is worth the extra field, but keep it to one clearly explained checkbox rather than a form of its own.

Where the Button Belongs

The commonest failure is a single donate link in the navigation and nothing else on the page a visitor was actually reading.

• In the main navigation, visually distinct. This is the one everyone gets right.
• At the end of the story. The page describing the work is where somebody decides to help, and asking there is the highest value placement on the site.
• On the about page, which is where sceptical visitors go before giving.
• In the footer, for people who arrive determined and do not want to hunt.
• Beside anything with a number in it. An impact figure or a target is a natural moment to ask.
• Not as a pop-up on arrival. Asking for money before you have said anything is the fastest way to be dismissed.

The button should look like a button, sit apart from other links, and say what it does. Our guide on writing effective calls to action applies here in full, with one addition specific to donations: the word give tends to read better than the word donate, because it describes the person rather than the transaction.

The Trust Problem

Asking for money on the internet means asking a stranger to believe you exist and will do what you said.

• Say who you are, precisely. Legal name, registration number where you have one, and a real postal address. This costs nothing and it is the first thing a careful donor looks for.
• Describe where money goes in a couple of sentences, on the page with the button rather than on a policy page nobody opens.
• Show a recognisable payment step. Familiar provider branding and a secure connection do real work at the moment of hesitation.
• Publish something backward looking. A short account of what last year's donations did is more persuasive than any promise about this year.
• Put a human contact route on the page. An email address that reaches a person answers the fear of a faceless form.
• Do not overclaim. Invented figures and inflated impact are usually discovered, and recovering from that is far harder than never having said it.

Writing the Ask

The words around the button matter more than the button, and most of them are written from the organisation's point of view rather than the reader's.

• Say what the money does, not what you need. "This pays for the Tuesday session" is an ask. "We need funds to continue our vital work" is a sentence a reader has seen a thousand times and stopped parsing.
• Be specific about scale. One concrete thing a modest amount achieves does more than a mission statement. Only use figures you can stand behind.
• Write to one person. Second person, singular, plain words. A page addressing supporters as a group is a page nobody feels spoken to by.
• Give a reason it is now. Not a manufactured deadline, a real one: a season, a lease, a case starting, a winter coming.
• Keep it short. Three or four sentences beside the button. The long version belongs on the page above, where someone is deciding whether to care.

One test settles most drafts. Read it aloud and ask whether you would say it to a person standing in front of you. Nearly every phrase that fails that test is one of the stock phrases fundraising pages accumulate.

Special Cases Worth Getting Right

Not every donation button is for a charity, and the neighbouring cases each have a wrinkle.

• Individuals and creators. Perfectly legitimate, and honesty about it matters. Call it support rather than a donation if there is no charitable status, and say what it funds.
• Clubs, schools and community groups. Usually collecting for something specific. Name the thing and show progress toward it, since a target is the strongest motivator available to a small group.
• Emergency appeals. One ask, one amount set, no monthly upsell, and an update afterwards even if the outcome was bad. Especially if it was bad.
• Open source projects. Donors are often organisations rather than individuals, so make invoicing possible and say what a sponsorship gets, if anything.
• Religious organisations. Recurring giving is the norm rather than the exception, so lead with it, and keep records confidential given what the donation reveals.

In every case the same rule applies: describe accurately what the money is and what the giver gets, including when the answer is nothing but your thanks.

Keep the Form Short

Every field between the decision and the payment costs you donations, and most donation forms carry fields that nobody reads afterwards.

Required: the amount, the payment details, and an email address for the receipt. That is a complete donation.

Reasonable to ask, optional: a name, whether they would like updates, and a message or dedication if that suits your cause.

Ask later, not now: postal address, phone number, how they heard about you, and anything else your database would enjoy. All of it can go in a follow up email to someone who has already given, where the response rate is better anyway.

Two practical notes. Offer the payment methods people actually use on phones, since a donation decided on a phone and blocked by a card form typed one digit at a time is a donation lost. And never require an account, which is the single heaviest thing you can put in front of a first time donor.

The Thank You

The moments after a donation are the most neglected part of most fundraising, and they are the cheapest to improve.

1. Confirm immediately, on the page, naming the amount and saying thank you like a person rather than a system.
2. Send a receipt by email that works as a record: the amount, the date, your details, and any information a donor needs for tax purposes where that applies.
3. Say what happens next, specifically. What this money will be part of, and when they will hear about it.
4. Then actually tell them. One update, weeks later, about what happened. This is the single strongest thing you can do to produce a second donation.
5. Make sharing easy but optional, and do not make it the loudest thing on the confirmation page.

The order matters. Gratitude first, information second, another request some other day. A confirmation page that immediately asks for a monthly upgrade reads as ungrateful, whatever the numbers say about it.

Donor Data

Donations create personal data and, where the donation is linked to a cause, sometimes sensitive data too. A few habits keep it simple.

Collect only what you use. The shortest form is also the smallest obligation.

Say what you will do with it, on the form, in one line, with a link to your privacy notice.

Separate the donation from the mailing list. A donation is not consent to be emailed indefinitely. Offer updates as a choice, and honour a refusal.

Do not store card details. Your payment provider holds them; you should hold a reference and nothing more.

Control access to the donor list, and know who can export it. Donor lists leak through spreadsheets far more often than through breaches.

Be careful with what a donation implies. A gift to a cause can reveal something about a person's health, politics or beliefs, so treat the list as confidential rather than as a marketing asset.

Test It Like a Donor

Before publishing, run the whole thing yourself with real money. A test mode transaction does not prove the receipt is readable or that the money arrives.

1. Donate a small amount on a phone, from a browser you are not signed into.
2. Check the confirmation page says something a human wrote.
3. Find the receipt email, including in the spam folder, and read it as a stranger would.
4. Confirm the money arrived, and note how long it took.
5. Set up a monthly donation and cancel it to see how easy that is. If you struggle, so will your donors.
6. Try to give a decimal amount and a very small one, since minimums and rounding cause silent failures.

Then repeat the first two steps after any redesign. Donation flows break quietly during redesigns more than at any other time, and nobody emails to say they could not give you money. Our guide on improving conversion rates makes the same point about checkouts, and a donation form is a checkout with a stronger motive and a weaker obligation.

Accessibility, Which Is Not Optional Here

A donation form that excludes people excludes their money, and payment interfaces are among the worst offenders on the web.

Amount buttons must be real buttons with labels a screen reader can announce, including the currency. A set of styled boxes that only respond to a mouse click locks out keyboard users entirely.

Every field needs a persistent label, not placeholder text that disappears when typing starts. On a payment form that is the difference between an error and an abandoned donation.

Errors must say what to do. "Invalid" beside a card field helps nobody. Say which part is wrong and keep everything else the person typed.

Do not impose a time limit on the form, and if your provider does, say so in advance.

Check contrast on the button. Donate buttons are frequently a brand colour with white text at a contrast that fails in daylight.

The donors most affected by all of this include older people and people with disabilities, who are, for many causes, among the most generous groups you have. Treating accessibility as a compliance chore rather than as reach is a mistake with a measurable cost.

Problems and Their Fixes

• People start and do not finish. Count the fields and the steps. A required account or a long form is the usual cause.
• The button is invisible on mobile. Check it on a real phone. Navigation buttons often collapse into a menu, taking the donate button with them.
• Receipts are not arriving. Check the spam folder and your sending domain setup. A missing receipt produces support emails and refund requests.
• Monthly donors cancel quickly. Usually they did not realise it was monthly. Look at how the choice is presented.
• Donations from abroad fail. Currency or payment method support. Check what your provider allows in the countries your visitors come from.
• The amounts get no response. They may be anchored too high. Try a lower set and keep the open field prominent.
• Everything works and nobody gives. That is a case problem, not a button problem. The page needs to say what the money does, in specifics, before it asks.

Getting Started

The short path. Choose a payment provider that operates where you are, and use its hosted page or embedded form rather than handling anything sensitive yourself. Put three suggested amounts and an open field on the page, with a clear one off or monthly choice and neither preselected as a trap. Ask for the amount, the payment and an email address, and nothing else. Confirm on screen, send a real receipt, and tell people what happened weeks later.

Then test it with your own money, on a phone. If you would rather not wire the pieces together yourself, a donation button widget gives you the amounts, the recurring option and the styling on any page, with the payment handled by the provider.

Donations often sit beside a campaign rather than on their own, and a petition form is the other half of that page: signatures build the list, the button funds the work.