Use this link to share with your colleagues:
How to Create/Edit Donation Forms: https://help.pm.leapevent.tech/a/1241150
Online donations are crucial to your organization's success, and PatronManager donation forms help you make the most powerful appeal you can.
- Find your donation forms to edit and/or create a new form
- Set up your form
- Add your logo to the form's header
- Set donation levels or use a write-in amount
- Add the credit card fee offset field (optional)
- Add images, video, or text to strengthen your form
- Add additional fields to your form, including custom fields
- Optionally, add Personal Pronouns to your form
- Add/edit headers to your form
- Remove fields/content from your form
- Move your form's fields/content around
- Add constants (e.g. set the Appeal, Campaign, or Fund)
- Also known as hidden fields / default values
- Add your Securetrust Seal (if applicable)
- Get the link to your form and take a look at your handiwork on mobile devices
We'll also answer some Frequently Asked Questions (FAQs) at the end. Let's do this!
Are you making a donation form for a gala? We've got special instructions just for you!
Want to see it all in action?
This video covers the process of creating a new Donation Form. We recommend following along with the full instructions below to get all the detail, but if you prefer watching to reading, go ahead and start here!
1. Find your donation forms to edit and/or create a new form
They're in the Donation Forms tab!
Get to the Donation Forms tab
You've got two options for this:
1.1. Click the Donation Forms tile from the PatronDonate Hub
2. Set up your form
OK, first we need to lay down the basics of your form, like:
- How it looks
- If it's for a single gift or for recurring donations (or both!)
- The record type the donations will have when they come in
and a whole lot else. Let's go!
This is the very top section of the form:
- Donation Form Name: make it recognizable, so you and your staff know exactly which form this is; don't worry, your patrons can't see this.
-
Accept single or recurring donations?:check both boxes if you want your patrons to be able to give a single donation or a recurring donation on this form.
- Note: you can only make this choice when creating a new donation form. If you're editing an existing form, you won't be able to change this.
-
Frequency options: if you checked the "Recurring" box above, this is where you decide which recurring options your patrons can choose from.
- Note: you'll be able to customize which suggested amounts appear as options for which frequency a bit later, when you edit your Donation Levels.
- Active: make sure this is checked.
- Donation Record Type: if Donations made through this form should have a special Record Type, choose that here.
-
Suppress qualification tasks: by default, your Donation Administrator will receive task reminders to qualify new Donations. If you don't want those reminders, check this box.
- Note: if you choose to suppress these tasks, be sure you have a process in place to remember to qualify Donations - it's important!
- From Email Address: optionally select a "From" email address for the confirmation emails that are sent to donors from Donations made via this Donation Form; if left blank, the From Email Address set in Organization Settings will be used
-
Donation Templates: The templates we include in PatronManager work well, but if you have custom thank-you templates, choose those here.
- Need to customize your templates? Click here for that article.
- Logo URL: when your patrons click the logo in the upper left hand corner, where should that link take them? We recommend a link to your organization's website.
Scroll down just a bit to find these rich text fields:
Both of these fields are rich text fields, meaning you have a variety of formatting options.
-
Inactive Form Message: your patrons would only see this if they visit the link to a form you've deactivated, but include a message for them just in case.
- Note: if you're deactivating an old form, this is where you'll include a link to your new donation form!
- Confirmation Page Message: this is your "Thank You" page, so be sure to include a nice message for your generous patrons - they'll see it right after they submit their donation.
- Link: Embed a link to your organization's website or Public Ticketing Site if you like.
- Insert image: click to add an image; you'll see the pop-up pictured below
-
Source: link to the image you want to insert; copy the image address, and paste it here.
- Need information on how to upload an image to link to? We've got you covered.
- Alternative Description: if someone can't see the image, they'll see this text.
- Height: we recommend 711, but it's up to you.
- Click Save!
All done? Next, we'll set up the footer at the bottom of the form.
On your donation form, scroll down to the final section here:
-
Theme Name: each option here serves as a baseline for how your donation form looks and feels:
-
Chromatic
- Overall: bright
- Background color: white
- Site header: white background with a strip of brand 1 color across the top, overlaid logo
- Buttons and links: uses brand 1 color
- Large header text: uses custom font in brand 2 color, with a separator bar below in brand 1 color. Left-aligned.
- Small header text: uses custom font in black
-
Cinematic
- Overall: dark
- Background color: uses brand 2 color
- Site header: brand 2 color background with a strip of brand 1 color across the top, overlaid logo
- Buttons and links: uses brand 1 color
- Large header text: uses custom font in white, with a white separator bar below. Centered.
- Small header text: uses custom font in white
-
Moderne
- Overall: bright
- Background color: white
- Site header: brand 2 color background with a strip of brand 1 color across the top, overlaid logo
- Buttons and links: uses brand 1 color
- Large header text: uses custom font in black, with a black separator bar below. Centered.
- Small header text: uses custom font in black
-
Chromatic
- Font Family and Font URL: find your favorite font family from Google Web Fonts to ensure your site is readable across all browsers/devices (see below for instructions)
- Brand Colors: enter the hex codes of your organization's branding for each brand color; the colors will be used differently depending on which theme you choose (see above)
- Save it up!
We recommend copying your settings from your Public Ticketing Site's theme builder and entering them here! It's a great way to have consistency in your branding.
2.1. Go to the Google Web Fonts website
Here's the link: Google Web Fonts
2.2. If you know the name of the font, search for it in the upper right; otherwise, narrow down your choices with the filters on the right sidebar
3. Add your logo to the form's header
Just like your public ticketing site, your donation forms can have your logo at the top - and that's great for consistency in branding!
For best results, we suggest an image between 60-200 pixels tall and up to 600 pixels wide for the Header Image and an image between 30 pixels tall and 300 pixels wide for the Header Image (Mobile).
4. Add/edit Donation Levels, or use a write-in amount field
Donation levels are great: they act as suggested donations, and your patrons can't make any errors when entering an amount into a write-in field.
On the other hand, you can give your patrons a write-in field so they can donate as much (or as little) as they want.
Heads up!
If you want to include the 3% transaction fee offset option, you must use Donation Levels, even if the only "level" you offer is a write-in option.
4.2. Scroll down to the fields section, find the Donation Levels block, and click New Level
If you don't need to add levels, just edit them, skip down a couple steps.
4.3. Fill out this page as follows
-
Description: this is what will show up on your form
- Pro tip: call out the names of your levels along with the amount here, like "Gold Donor: $500"
-
Donation Amount: the actual USD your donor is donating
- Be sure this is a whole number - no decimals, no commas, no symbols!
- Rank: the order in which this option appears; fill out any number here and we'll fix it in just a second
- Click Save
4.5. Update this page as needed
-
Description: this is what will show up on your form
- Pro tip: call out the names of your levels along with the amount here, like "Gold Donor: $500"
-
Donation Amount: the actual USD your donor is donating
- Be sure these are whole numbers - no decimals or symbols! - and make sure each one matches the description.
-
Frequency selections: if your form accepts recurring donations, you'll see the Frequency Options you selected for the form here. Check the boxes to decide which donation levels are available for each frequency choice.
- Tip: if you want to adjust frequency options or remove levels entirely, you'll do that on the main form setup page.
-
Rank: the order in which the levels appear; the higher the number, the lower it appears
- In this example, we're reordering our $500 level to be above "Other" but below "$100"
- Click Save
4.3. Fill out the page as follows
- Field Name: Amount
- Field Type: default
- Sort Order: 100
- Label: "Amount to Donate" or similar
- Required: checked
- Default Value: leave this blank
- Save-a-roo!
5. Add the credit card fee offset field (optional)
Credit card processing fees can take a bite out of the donations your patrons are giving - so why not ask them if they'd be willing to cover them for you?
Ready to add the field? Check out this article.
6. Add content to the top of the form - images, video, and text
Images and videos are a great way to make your donation ask powerful, and to remind your patrons exactly why they love to support you. It's also a great idea to add a custom message at the top to clearly lay out your appeal.
6.3. Fill out the page as needed for your content type
- Field Name: Image
- Sort Order: where this appears on your form; you can always reorder your fields/content later if need be
- URL: link to the image you want to insert; you'll host the image elsewhere (like your own organization's website), copy the image address, and paste it here
- Alternative Text: if someone is unable to view the image, they'll see this text; this field is optional because Web Accessibility Guidelines recommend adding this for images that include information or context, but not for images that are purely decorative
- Click Save
Q: Can't I upload an image directly?
A: No, but if you don't have your image hosted elsewhere (tip: it's easier if you do!), you can upload it as a Document in Salesforce and add the URL from there. We recommend using a PNG or JPG file.
- Field Name: Video
- Sort Order: where this appears on your form; you can always reorder your fields/content later if need be
-
Embed Code: grab your video's embed code from Vimeo or YouTube and paste it here
- Note: you want everything from "<iframe" up to and including "</iframe>", but nothing outside those tags.
- Click Save
Q: What if my video is too large on the form?
A: You can customize the "width" and "height" numbers in the embed code to the size you prefer.
Hint: be sure to keep the same ratio between the numbers so your video doesn't stretch -- for example, if you reduce the default width by half, reduce the default height by half as well.
- Field Name: choose Long Text for your appeal message
- Sort Order: where this appears on your form; you can always reorder your fields/content later if need be
- Content: what your patrons will see
- Click Save
7. Add additional fields to your form
Need to ask your donors some extra questions? You can add fields from the Donation object to your form, in whatever amount and order you want. You can even add custom fields!
Pro tip!
Additional fields are great, but don't go overboard! Studies show patrons are more likely to abandon their donation the longer your form is.
7.4. Fill out the page as follows:
- Field Name: choose the field you're adding
-
Sort Order: the higher the number, the lower on the screen your form will appear
- Don't worry, you can always reorder your fields later if you put it somewhere you don't like
- Label: what your patrons see on the form
If you'd like to add the Personal Pronouns text field to allow donors to optionally share their preferred pronouns, you can!
7.2. Enter field details
- Field Name: Personal Pronouns
- Sort Order: Leave blank; the field will automatically join the other Contact fields
- Label: Optionally, enter a label to display this field as on the Donation Form
- Save
Never make this field required!
8. Add/edit headers and explanatory text
Headers can organize fields in a more natural way or give some context to a video, while short text fields can provide context or explain what a donor should do. Here's an example of a large header ("Donate"), a small header ("Contact"), and a short text field ("Please complete the form below...").
8.2. To add a new header or short text field, scroll down to the form builder section and click New Content
To edit an existing header or text field, find it and click "Edit"
8.3. Either way, fill out the page as follows
- Field Name: choose Large Header, Small Header, or Short Text
- Sort Order: where this appears on your form; you can always reorder your fields/content later if need be
- Content: what your patron sees!
- Save when you're done
9. Remove fields/content from your form
It's best to keep your form as short as you can - research shows the more fields patrons have to fill in, the more likely they'll abandon the form in the middle of filling it out.
10. Move your form's fields/content around
Need to move the name/address fields to the bottom of the form? Maybe the video would look better at the top of the form? Absolutely.
10.3. Change the order numbers as you see fit
Only use whole numbers; the higher the number, the lower that content block will appear on the form.
11. Add constants / default value (e.g. Appeal, Campaign, and Fund)
You're likely organizing your donations in PatronManager to see how different fundraising efforts are performing. Donation forms can help! For example, you can:
- Automatically assign Donations coming in through one form to a specific fund (e.g. "Annual")
- Have a second form that adds all donations to a specific Campaign (e.g. "2020 Fall Appeal")
- and more!
And don't worry - your patrons won't see these fields.
11.3. Fill out the page as follows:
In our example, we're adding a default/constant of Fund = "Annual Fund".
-
Field Name: choose the field you want to add a default/constant for; in our example, it's Fund
- To add a default Campaign, you've got an extra step - see below
- Default Value: enter what you want to be the default value*
- Save your work
First, you'll need the ID of the Campaign. Head to the Campaign and grab the ID from the URL.
In our example below, we want to add the 2019 Annual Campaign as a constant to all our incoming donations for this form. The ID is
7010a00000255P1AAI
Now head back to your hidden field form and fill it out:
- Field Name: Campaign ID
- Default Value: paste the ID from the Campaign
- Save your work
*Warning!
Be sure to add the exact value you need - capitalization, punctuation, and spacing matter. For example, "Annual fund", "Annual Fund", and "Annual Fund." will all appear in your reports differently.
If you're having trouble figuring out what value to use, use the value's API Name!
12. Get the link to your form and take a look at your handiwork on mobile devices
Alright, you're just about done; time to grab that link and gaze at the beautiful form you've created.
Best of all, you can also see what it looks like on other devices, right from your laptop!
12.2. It's down here, the "Public URL"
Use this URL to link your patrons to your form from your website, your PTS, marketing emails - you name it!
12.4. To see how it looks on other devices, right-click and choose Inspect
We're using our preferred browser - Google Chrome!
12.5. Whoa, this cool code window opens up! In the upper right corner, next to "Elements", find this Device Mode button and click it
Frequently Asked Questions
Yep! Once you've selected your Frequency Options at the top of the form, you'll click "Edit All" in the Donation Levels block to adjust which levels appear for which frequencies. Jump to this section for more.
Great idea - not yet, though. If you'd like this functionality, though, please submit a Product Idea and let us know.
Specifically, we'd like to hear what you'd use it for (i.e. what business problem would you solve with this added functionality?). Your input drives our product decisions, so thanks for taking the time to do so!
Great idea - not yet, though. If you'd like this functionality, though, please submit a Product Idea and let us know.
Specifically, we'd like to hear what you'd use it for (i.e. what business problem would you solve with this added functionality?). Your input drives our product decisions, so thanks for taking the time to do so!
Great question! You can find out right in your browser - follow these steps.
Check to make sure you added your field to the Donation object. If you added it to the Contact or Account objects, you won't be able to add it to your form.
If you're adding a hyperlink to text in one of the rich text fields (for example, the footer body fields), be sure you're using the entire URL. If you skip the "https://" part, the editor may not accept it.
You'll need to use the entire URL - including the "https://" part.
For example, www.patronmanager.com will not work. Instead, use https://www.patronmanager.com.