How to Create a Donation Form With Custom Branding
_(1).webp)
A practical guide to custom-branding your donation form, and why the branding that matters isn't the part you can see.
A donor clicks "Donate," and the page they land on looks nothing like the site they were just on. Different colors, different type, and a form that obviously came from somewhere else. In that half-second something small and expensive happens-they hesitate.
Here's how to build a form that doesn't do that and why most of the work isn't visual at all.
TL;DR-How to create a branded donation form
- Gather your assets first. Logo, colors, fonts, suggested gift amounts based on what your donors actually give, and your fund designations.
- Set your fields, then cut the ones you won't use. Name, email, payment. Add a field only when you'll act on the data.
- Match the styling to your site. Colors, type, and form fields are the visible 20%.
- Write the content like it's brand. Context, campaign choice, designations, confirmation screen, and receipt is the other 80%.
- Embed it where the context lives. A real donation page or campaign page, not one global script across your whole site.
What custom branding a donation form actually means
A branded donation form is one where the entire giving experience (language, fields, campaign options, confirmation screen, and receipt) feels like a continuous part of your organization and not a logo with matching colors on a third-party widget.
Most guides stop at the logo and colors. That's the easy 20%. When I look at a form, 80% of brand is the content and the messaging and almost nobody customizes that part.
Can a donor tell what they're funding? Can they choose a campaign or earmark where the money goes? Does the receipt sound like you, or like a canned checkout? The language and the fields are what make someone feel they're talking to your organization rather than a transactional tool parked on your page.
"So much of what a donor is buying in a donation experience is the feeling and the mission. Anytime you can't embed that into the form, you're missing out."
This is a brand-strategy question wearing a technical costume. If you want the upstream version, Fifty and Fifty covers nonprofit positioning and brand strategy in depth. You don't need a rebrand to start; you need to treat the form's words as brand, not plumbing.
How to create a custom-branded donation form in Donately
The mechanics are quick, most branded forms go live in under ten minutes. The thinking is where the time should go.
1. Set your fields and cut the ones you don't need.
Start from the donor's side: name, email, payment. Add a field only when your organization will actually use the data. Every extra ask costs you.
.png)
2. Match the styling to your site.
Colors, type, and form fields should look like they belong. That is what custom donation forms control. Necessary, not sufficient.
.png)
3. Write the content like it's brand, because it is.
Add context. Let donors choose a campaign or earmark a gift. Set suggested amounts from what your donors actually give. Make the copy sound like your organization.
.png)
4. Offer the payment methods your donors use.
Credit card, ACH bank transfer, and PayPal through Stripe and PayPal. Include what your donors reach for, not a dozen options.
.png)
5. Customize the confirmation screen and receipt.
The gift isn't the end of the experience. A thank-you and receipt that sound like you keep the donor inside your brand.
.png)
6. Embed it where the context lives.
Donately forms embed on any site and work with WordPress, Wix, Squarespace and Weebly. Full walkthrough in the embeddable donation forms guide. One rule: a real donation page, campaign page or fundraiser. Not a single global script across the site.
.png)
Want to sell event tickets, memberships or products alongside a gift? Cart Items let supporters add those inside the same form.
Do branded donation forms convert better?
Yes. Native, on-brand, low-friction forms hold onto more donors. Three pieces of evidence, in ascending order of how much they should move you.
The mobile gap. Among people who reach a primary donation page, M+R Benchmarks 2026 reports 11% of desktop users complete a gift and only 8% of mobile users do. For small nonprofits, mobile drops even lower to 4%. Mobile is now 52% of nonprofit website traffic. Most of your donors are on the device the sector converts worst on.
Across Donately-Powered forms in 2025, once a donor engaged the form, completion was essentially identical across devices: 70.5% on desktop, 71.0% on mobile. The gap that defines the sector average disappears when the form is built into the page.
I'm not going to stack our 71% against M+R's 11% and claim six times better since they're different measurements. Theirs starts at page arrival; ours at the donor's first real interaction with the form. The fair finding is narrower and more useful. A form built into the page erases the mobile penalty.
Value per session. Donately-powered forms returned roughly $8.22 per session in 2025 against M+R's ~$1.33 per visitor. Read that as "what these forms do," not a like-for-like sector claim. Our denominator is form-embed traffic, which carries more donation intent than a whole website.
Checkout research. The sharpest evidence comes from e-commerce. Baymard Institute finds roughly 18% of shoppers abandon because checkout ran too long or got too complicated. In addition, close to one in five abandon because they didn't trust the site with their payment details. The research is blunt about handoffs. Don't redirect a buyer to an outside service to pay if you can avoid it. A donation form is a checkout, same physics.
Mistakes to avoid
Set it and forget it. Someone embeds the default form, sees that donations work, and ultimately walks away. Instead, customize these every time with the suggested amounts, unnecessary fields removed, fund designations, and the payment options you actually offer.
Cutting fields blindly. Fewer is generally better, but "fewer always wins" is its own lazy myth. When conversion researcher Michael Aagaard stripped fields without thinking it through, conversions dropped because he'd removed fields donors wanted.
Never testing. Build two versions, on a campaign or a paid-media run, and see which converts.
Letting donor data die in the form. This costs the most over time. Gift data should land in a CRM or source of truth so you can tell one-time from recurring donors. Donately's integrations connect that pipeline.
Lazy embedding. One global script overwriting a single form across the whole site is the easiest path, and it feels like it. Instead, build a few like a clear donation page, campaign-specific forms, and a pop-up only where one genuinely makes sense.
Extra modules by default. Tip prompts and e-cards help in the right spot, however, nobody wants seven questions about tipping a software company.
A note on fees. Plenty of platforms advertise "no fees." We don't because it's never actually true. Every tool has a cost, and the only question is whether or not you can see it. We published the whole method for measuring it. This includes the comparisons where Donately is the more expensive option as Total Donor Cost.
Donately's platform fee is 4% pay-as-you-go or 2% on the paid plan. There's also a license: $5,000 prepaid, covering up to $1M raised. No per-gift platform fee at all because you've already bought the software. That $5,000 is everything Donately charges with no other fee from us. Stripe or PayPal's processing still applies, exactly as it does on every platform.
Do the arithmetic on your own numbers, because a prepay's real rate depends on how much of it you use. At a full $1M that $5,000 works out at 0.5%. At $500K the same $5,000 is 1%. At $250K it's 2%, which is the paid plan. This proves the license is the cheapest option once you're raising enough to fill it. That crossover point is worth calculating before you buy, rather than after.
That's the same discipline this article asks of every other platform, applied to us. A headline rate means nothing without the denominator it's divided by. What no platform can zero out is the processing fee (roughly 2.2% + $0.30 per gift for nonprofits). Anyone claiming that it’s free is hiding it and usually in a donor "tip."
FAQ
What does it mean to brand a donation form?
Making the form feel like a continuous part of your site and your organization. Not only visually, but in its language, fields, campaign designations, the confirmation, and the receipt. Most of branding a form is content, not design.
Are embedded donation forms better than redirect or hosted pages?
Yes, usually a redirect to an outside, differently-branded checkout breaks trust visually. Checkout research finds redirecting buyers to an external service to pay tends to hurt conversion. The exception is determinate; a dedicated, well-branded hosted page can work when you control its design end to end.
How many fields should a donation form have?
As few as your organization will actually use, but don't cut blindly.
Can I embed a donation form on WordPress, Wix, or Squarespace?
Yes, plus Weebly.
Should donors be asked to cover fees?
It's a reasonable option and most donors say yes. It lets your organization receive the full intended gift while keeping the ask transparent, which beats hidden tips or fees baked in where nobody can see them. Total Donor Cost sets out how to compare the two on one number.
Method note
Donately figures are aggregated, anonymized GA4 event data across Donately-powered donation forms for calendar year 2025. Device completion is measured from the donor's first interaction with the form (the add-to-cart event), not from page load. Inline embeds load on page view regardless of donor intent, so measuring from first interaction avoids inflating the denominator. Per-session value is total revenue (~$10M) divided by total sessions (~1.22M). Not directly comparable to M+R Benchmarks, which measures from arrival on a donation page and reports per-visitor. Bot and card-testing traffic excluded.
Let's Fundraise Together!
Sign up today and see why thousands of organizations trust Donately to manage their online fundraising.
.webp)

.jpg)


