How to Collect Donations on a No-Code Website

Why no-code builders can’t do this natively

Processing a donation means handling a Stripe secret key on a server and running webhooks to send receipts and record gifts. No-code builders are page builders — they render front ends, not servers you control. Even the ones with "commerce" features are built around products, carts, and shipping, not "give whatever you want, maybe every month."

You can sometimes bend a fixed-price product into a "$25 donation," but the second you want suggested amounts, a custom-amount field, or recurring giving, that approach collapses. So in practice, donations on a no-code site come from a dedicated tool you drop in. The only thing that varies between builders is how you paste the embed.

The universal pattern (works on all of them)

Learn this once and it works on Carrd, Softr, Notion, Webflow, Framer, Wix, and the rest. Four steps:

1. Build the form in a donation tool. Set suggested amounts, turn on monthly giving, add your logo and colors so the embed comes out already branded.
2. Paste the embed into your builder’s HTML/embed element where you want the form to appear.
3. Connect your own Stripe (or PayPal/Square) account in the donation tool so payouts go straight to you, not into a pooled account.
4. Test with a real gift. Publish, make a real $1 donation on your phone, confirm the receipt arrives, then refund it.

That’s it. The form renders inline on your page, in your branding, and the entire payment backend runs off-site. If your builder is technically static or AI-generated, the same logic is spelled out in adding a donation form without a backend.

Which no-code builders allow embeds

The whole strategy depends on the builder letting you paste custom HTML. Almost all do, on at least some plan. Here’s the lay of the land.

If your builder allows custom HTML — and the table shows almost all do — you can collect donations on it. The rest is just per-builder placement quirks.

Per-builder notes

Same pattern, small differences in where the embed goes.

Carrd

You’ll need the Pro plan for the Embed element. Drop it where you want the form, paste your snippet, publish. Carrd is single-page, so place the form near your ask rather than on a separate "donate" page.

Webflow and Framer

Both have a dedicated Embed/HTML element. You’ll see a placeholder in the editor — normal — and the real form renders on the published site or in preview. Reserve some vertical space so the page doesn’t jump as the form loads.

Wix and Squarespace

Wix uses an "Embed HTML" widget; Squarespace uses a code block. On Squarespace, script-based embeds sometimes require a Business plan, so check your tier before you wonder why nothing shows.

Softr and Notion sites

Softr has a Custom Code block that takes the snippet directly. Plain Notion can’t run embed scripts, so if your site is published through a Notion-site tool, confirm it supports custom HTML embeds first.

Don’t skip recurring and receipts

Since the donation tool does the heavy lifting, take advantage of it. Turn on monthly giving — recurring donors are worth far more over time, and mid-gift is the easiest moment to ask. Make the monthly option visible without forcing it.

And make sure receipts are branded and carry proper tax language, not a generic processor email. The receipt is the donor’s first impression of the org after they give, so it’s worth getting right. A tool like KindLumen bundles recurring giving, branded receipts, and donor records into the same embed, so a no-code site ends up with the same giving experience a custom build would, without any of the backend. Whatever you pick, confirm both work in your real test gift.

Test like a donor, then ship

The last step is the one people rush, so make it a habit. Open your published site on a real phone, not a desktop window, and give yourself a dollar. Watch the whole flow the way a donor would: does the form load without shoving the layout around, are the amount buttons tappable, does the receipt actually arrive, does the gift show up where you’ll look for it later?

Then refund yourself and you’re done. That five-minute test catches more problems than any setup guide, because it’s the real thing on the real device your donors use. For a wider comparison of what to embed in the first place, see the best donation tools for websites.