In 95% of situations, we suggest using Form V2. Form V1 embeds directly into your website code and therefore allows for more custom configurations—although development knowledge is required to implement these configurations. Form V2 is delivered through an iFrame, provides a better user experience, and allows for more native Funraise features, like Apple Pay or Tickets.
✏️Good to know
The Form Ids and script links here are for demo purposes only. Be sure to copy the form code directly from your platform and then configure it using the tips below.
You can hide the default Donation Form launch button and use your own buttons to target the Form. Add useDefaultButton: false to your Form Configuration Script and add data-toggle="modal" and data-target="#donateModal-yourFormId" to your button element.
Your custom button can launch the Donation Form with a frequency preselected. Add data-frequency="" to your custom launch button. "o"=One-time, "w"=Weekly, "m"=Monthly, "q"=Quarterly, "y"=Yearly. Important: These frequencies must be enabled on your Form from within your platform.
Prefill donation and donor information with URL parameters. This improves your donors' experience and is particularly useful for email marketing campaigns because it uses merge tags to build a unique URL.
Embed an open Form directly on your page. We call this a "placed form." Change isPopup: true to isPopup: false. Be aware that the form will change in height as a user progresses through the flow. This example adds an additional wrapper div to center the placed form.
If you are using the Placed variation for the Giving Form, you'll want to make sure you are also presenting mobile visitors with the best experience. While the Popup variation of the form is mobile friendly, the Placed form variation may not be, depending on your site layout.
Although you can add multiple default Transaction and Supporter tags inside the Donation Form Editor, you can also dynamically set or override the default Transaction Tag with a Form Configuration. Add tags: 'yourtagName' to your Form Script.
You can customize all the text on the Donation Form: change a few words or translate the entire form. You must enter the text on your donation form exactly as it exists first, and then enter your desired text. This method also works with structured data, like structured state-country picklists.
You can redirect the user onSuccess. This can be used with a special "Thank You" page or url for analytics tracking. PayPal is special and has its own redirection link configurable from the Donation Form Editor. Please keep in mind, as with all custom implementations, this is only an example and not all browsers will treat this the same way. Be sure to fully test your unique solution.
reCAPTCHA is a tool from Google that helps reduce bots and fraud attempts on your Donation Forms. Setup is easy but involves several steps and configuration in both your Funraise platform and in the Form code. Get step-by-step instructions at the link below.
We’ve made it easy for developers to use our native event handlers, onSetup, onFailure, and onSuccess to pass donation and donor properties to your own custom functions. onFailure can take donor properties while onSuccess can take both donor and donation properties.
You can use 3rd party technologies like Google Analytics and Facebook to track marketing attribution and donation events. There are many ways to track donation events; the method you use will depend on your nonprofit's strategy.
With Donor Store activated, a donor’s information will be cached in their browser. When they return to any Donation Form V1, their information (not including payment information) will be populated automatically. To activate, add useDonorStore: true to your Form Configuration Script.