Fundraising Forms for Nonprofits
The fastest way to start accepting crypto for your nonprofit is to use the drop-in donation form. Here’s what it looks like - you can interact with it!
Adding the form to your site is simple. Add the following HMTL to your web page:
<change-donation-form
nonprofit-id="n_B7e7Xu5RFvYHGLHDCSMQ5Yck"
></change-donation-form>
<script type="module" src="https://cdn.jsdelivr.net/npm/@getchange/change-drop-in@1/dist/change-donation-form.min.js"></script>You now have a donation form for Make-a-Wish 501(c)(3)!
Change the nonprofit by setting the nonprofit-id attribute. To get the nonprofit-id for your Nonprofit, email hello@getchange.io.
Custom styles
You can change the style of the donation form using CSS custom properties. For example:
<change-donation-form
style="
--background-color-primary: green;
--color-primary: white;
"
></change-donation-form>All style properties
| Property | Description |
|---|---|
| –color | Text color |
| –background-color | Component background |
| –color-primary | Primary and selected button text color |
| –color-disabled | Disabled button text color |
| –background-color-primary | Primary and selected button background color |
| –background-color-primary-hover | Hovered primary and selected button background color |
| –background-color-disabled | Disabled button background color |
| –input-border-color | Input border color |
| –input-border-radius | Input border radius |
| –input-color | Input text color |
| –input-background-color | Input background color |
| –input-background-color-hover | Hovered input background color. Only applies to button inputs, not text inputs. |
| –input-color-hover | Hovered input text color |
| –input-placeholder-color | Input placeholder color |