The Payment Block enables you to collect contributions from your community.
Accept donations, ticket purchases, and merchandise sales without needing
to build your own form.
Use the form below to generate the HTML snippet for a Payment Block
customized to fit your use case.
Note: This is a demo API key. If you’d like to use a
live key, access yours in Admin.
If you don’t have an account,
sign up for free.
The id attribute of an element in your HTML where the
Block will render as a child.
Makes the form multi-stepped.
Allow users to create monthly recurring subscriptions.
Allow contributors to cover processing fees
Default: Show and opt-in
Change fee amounts
A percentage to add to the total if
the contributor chooses to cover processing fees.
Default: 2.9%, Max: 10
A flat dollar amount to add to the total if the contributor
chooses to cover processing fees.
The donation amounts that will show up in the selectable buttons on
the form, entered as a comma separated list in dollars.
Default: “3, 5, 10, 20, 50, 100”
The amount that should be chosen by default. Can be one of the
preset options or any other dollar amount.
If the form should have a fixed amount and not allow the user to
choose a different amount. This doesn't work with Preset or Initial
The text on the form submit button.
The message displayed on a successful payment.
Default: "Thank you for your contribution."
The description of the payment, will be displayed in the header. HTML
A 6 or 3 digit hex color that will be applied as the form accent color.
Display required “Occupation” and “Employer” fields.
The source of the supporter's payment, e.g. newsletter.
Include the Payment Block div and script
elements in any HTML page where you want the Block to appear. Make
sure you’re using a live API key before accepting payments.
Include the Payment Block elements in any HTML page.
generating code snippet…
Note. Take care to only accept payments on web pages that
use HTTPS. Doing so allows your community members to submit
payment data without the risk of their information being stolen.
If you’re having trouble implementing a Block, don’t hesitate to reach out
Get Started with The Groundwork. Try our online donation Blocks, test our event management tools, launch a supporter poll—start building now for free.