Donation Widget

Create a branded donation widget for your website

Build a responsive donation campaign card with suggested amounts, custom amount entry, donor details, and visual controls in a no-code builder.

How to embed Donation Form Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Add preset amounts, choose a currency, let supporters enter a custom amount, and show a clear donation CTA.

Amount controls include:

CurrencyPreset amountsCustom amountButton text

Write a campaign title, description, and optional image URL so visitors understand what their support helps make possible.

Content fields include:

TitleDescriptionCampaign imageSuccess title

Customize name, email, and optional message labels and placeholders, then validate required information before completing the donation flow.

Donor fields:

NameEmailMessageValidation

Switch between light and dark themes and tune the card, amount chips, button, border, radius, shadow, and branding.

Style controls include:

ThemesColorsRadiusCustom CSS

Adjust width, text alignment, and desktop or mobile visibility so the form fits cleanly into your page.

Display controls:

WidthText alignmentDesktop visibilityMobile visibility