How to Add a Donation Form to Wix

The native Wix donation widget

Wix's donation feature comes from its commerce side. You add a donation element or a "Donations" page, set some preset amounts, write a bit of copy, and connect a payment method. For most setups that means Wix Payments, though depending on your region you may be able to wire in another processor.

It works. A donor picks an amount, enters a card, and you get the money. For a single "Support us" button, that is genuinely all some orgs need, and you did not have to paste a line of code to get there.

Where the native widget caps out

The widget is built to be approachable, which is another way of saying it does not do much. The ceilings you will hit:

• Recurring is limited. Wix's donation tooling is centered on one-time gifts. Setting up dependable monthly giving is awkward at best, and monthly donors are exactly the ones you most want to capture.
• Branding is shallow. You inherit Wix's widget look. You can tweak colors at the edges, but you cannot turn it into a designed, on-brand form with custom amount buttons and your own layout.
• Payout control belongs to Wix. Funds run through Wix Payments on Wix's schedule and terms. You are inside their ecosystem, which is convenient until you want out.
• Reporting is thin. You can see transactions, not a real donor picture.

If donations are a core part of how you keep going, you will outgrow this. That is when the embed route earns its place.

Embedding a custom form with the HTML element

Wix gives you an Embed category in the Add panel, and inside it an HTML iframe / "Embed a Widget" / "Embed HTML" element. That is how you get a real, branded donation form onto a Wix page.

1. Build the form in your donation tool

Set suggested amounts, enable a custom amount, turn on monthly giving, and apply your logo and colors first. Copy the embed snippet once it looks right.

2. Add the HTML embed element

In the Wix Editor, open Add Elements, go to Embed Code, and choose Embed HTML (sometimes labeled "Custom Embeds"). Drag it onto the page. In the panel that opens, pick "Code" and paste your snippet, or "Website address" if your tool gives you a URL to iframe.

3. Size the box and publish

This is the Wix-specific gotcha. The HTML element renders inside a fixed iframe, so you have to drag its borders to fit the whole form, including the part that grows when someone opens the monthly toggle or hits a validation error. If you size it too short, the form gets clipped or shows an internal scrollbar. Give it generous height, then publish.

4. Test on a real phone

Open the live page on your phone and make an actual $1 donation. Confirm the money lands, the receipt arrives, and nothing inside the iframe is cut off. Refund yourself afterward.

The Wix iframe quirks worth knowing

Wix's HTML element is genuinely useful, but it behaves like a little window cut into your page, and that causes a few predictable headaches:

• Fixed height. The iframe will not auto-grow with the form, so reserve enough height up front. Forms that expand on interaction are the usual victims.
• Mobile sizing is separate. Wix lets you set a different layout for mobile. Check the embed there too, because a box sized for desktop often clips on a phone.
• It can feel boxed-in. Because it is an iframe, the form sits in a defined frame rather than flowing edge to edge like native content. Match the surrounding section's background so the seam is less obvious.

None of these are dealbreakers. They are just the price of dropping a third-party form into Wix, and knowing about them upfront saves an afternoon of confusion.

Why bother embedding at all

The honest answer: branding, recurring, and where your money lives. An embedded form carries your design into the giving moment instead of handing donors a generic widget. It gives you a real monthly-giving toggle. And if you pick a tool that connects to your own Stripe account, the donations flow straight to you rather than sitting in a pooled platform balance.

That last point is the one people overlook. KindLumen, for instance, drops into a Wix HTML embed and routes gifts directly into your own Stripe, no held funds in the middle. The features page shows how the inline form and recurring options are set up. If you are still deciding between builders, the best donation widget for your website compares the on-page options.

Mistakes to avoid on Wix

• Sizing the HTML iframe too short, so the form gets clipped the moment a donor opens the monthly toggle.
• Forgetting the mobile layout entirely. Wix treats it separately, and most donors are on phones.
• Assuming the native widget does recurring. It does not do it well. Verify before you build your appeal on it.
• Burying the form on a "Ways to Give" page instead of putting it where you make the ask.