Understanding Forms
Forms within a campaign are the primary call to action elements your donors and fundraisers will interact with. Therefore understanding how your donation, signup, ticketing, and lead forms work, is crucial to running successful campaigns. Let’s explore how to create the perfect form…
Skip Ahead To
Understanding Forms
Donation, Signup, Ticketing, and Lead Forms
- Donation Forms
A simple 3 step form that enables donors to select a donation amount, enter their personal details, and lastly, process their donation payment via credit card. - Signup Forms
A simple 3-4 step form enabling fundraisers to signup to a Peer to Peer Campaign. The fundraiser firstly enters their account information, then the Campaign Profile information, followed then by Ticketing or Self Donation options, and finally the payment process if required. - Ticketing Form
A simple registration form enabling event attendees to purchase tickets. The form creates a user account, collects attendee information, and processes payment via credit card. - Lead Form
A basic form providing the ability to capture leads through collecting the viewers' data.
### accordion
## expand
# Donation Forms
Donation Forms allow you to collect online donations from donors. They contain 3 Steps + 1 Optional Step:
Select Donation Amount + Enter Personal Details + Process Payment + Thank You modal (optional)
Once a donor fills out the form, Raisely creates a new user within the Supporter Management Tool as well as records individual/recurring donations.
The Donation Forms' primary settings are found by selecting Settings > Donation Form from your campaign sidebar. Here you can:
- Customise your Donation Amounts and Frequency Options
- Add/Edit/Remove fields within the Donation Form
- Adjust Settings to setup features like the Thank You message
- Apply Regular Giving Upsell Options
- Access Embed code for your Donation Form, allowing you to publish the form on another website
## expand
## expand
# Signup Forms
- Selection of Activity Type (for Activity-based campaigns)
- Create/Login to a user account
- Create Campaign Profile
- Create/Join Team Profile (Optional)
- Ticketing Selection (if enabled)
- Self Donation (if enabled) and Payment Processing
- Enable Teams, Facebook Signup, Ticketing, and Self Donations
- Change Forms Headings & Language
- Access unique Advanced settings
## expand
## expand
# Ticketing Forms
- Enable/Disable Ticket Types
- Change the forms wording
- And enable donations within the form process
To add a Tickets form:
- 1
- Within the Page Builder (on any page), simply Add a new block, and search or select Ticket Form, adding it to the location on the page you determine.
- 2
- Select the Settings icon on the block, where you can change wording, enable/disable Ticket Types, and enable donations.
- 3
- To configure your Attendee Fields that appear on the form, from the campaign sidebar select Tickets > Settings > Attendee Fields.
## expand
## expand
# Lead Forms
- Newsletter subscription
- ‘Notify me’ signup
- Contact form
- To collect Petitions
- Gain access to a gated page
- Questionnaire/Survey
To add a lead form:
- 1
- Within the Page Builder (on any page), simply Add a new block, and search or select Lead Form, adding it to the location on the page you determine.
- 2
- Select the Settings icon where you can add tags and submission settings.
- 3
- To change the form fields, select Add Field. This will then override the default field settings that are based on your Signup Form user fields.
- 4
-
Now select from the dropdown the forms you’d like to add, and once done, tick
Approve your changes and select
Save.
Note: you are unable to shuffle the order of your fields once selected. If you make a mistake, simply remove the fields and start from where you need them.
## expand
### accordion
Add a Form to your page
All Campaigns templates will already have either a Donation Form and/or Signup Form depending on the template. If you want to add a new form to your page simply:
- 1
- From the campaign sidebar, select Pages > selected Page
- 2
- In the Page Builder, select Add (bottom right) > Blocks > either Donation Form, Signup Form, Lead Form, or Ticketing Form
- 3
- Now place the form where you want it on your page
Form Fields
Managing Multiple Forms
- 1
- Within the Page Builder, select the form blocks Settings Icon on the form you wish to assign an attribution
- 2
- Select the Advanced tab, then expand Attributes.
- 3
- Here you can add a class attribute name of your liking. Eg. dform--footer or signup--page
- 4
-
Now you can edit this form's styles in your CSS simply by targeting the
class name you attributed to the form. For example, if I wanted to change the background and text colour of my footer donation form (
dform--footer), I could enter this into the CSS:
.donation-form.dform--footer {background:coral; color:white;}
- 1
- From the campaign sidebar, select Settings > Donation Form
- 2
-
Expand the Button Amount you wish to hide (though you can do this for all of them), and in the Custom CSS Class field enter a class name for that button amount.
Eg. amount--30 (for the $30 button) - 3
-
Now back in your Page Builder, select your CSS Editor and enter:
.dform–footer .amount--30 { display:none;}
- Notice here that there is a space between the classes as the amount buttons are a level down from the donation form parent classes.
Optimising Forms
Forms are a process. The trick to a great form is to optimise this process so the user feels that the experience is clear and predictable. If they hit hurdles in the form that either doesn’t meet their expectations or are just poor experiences, then they may very well abandon their initial decision to donate or signup.
There are two primary areas to focus on when optimising your forms:
Form Fields
Form fields are primarily valuable for you, not the user. For the user, they are an expectation, but they can also be considered time-wasters or intrusions. Therefore, form fields are to be a balancing act, between greater user experience and helpful data collection.
Rule of Thumb - if you can get the information another way later on, then leave that field out.
Using field conditions to hide unnecessary fields is also a great way to make the experience more undistracting for your users. You can access these in your Donation Form, Signup Form, or Ticketing settings.
Donation Button amounts (for Donation Forms)
There has been a lot written around the psychology of user choice when it comes to being presented with donation amount options. Though, one of the best ways to gain insights is to run some A/B testing using Google Optimize. This live testing allows you to set up different donation forms with different amounts, and report on the decision that users made.
This can be a really helpful way to understand your audience through either short testing periods or longer-term use. You can even use it to test some of your data theories you may have, by targeting say your B Test to only activate on certain demographics.
For more information on how to use Google Optimize, check out the following support guide.
Your forms should be intentional and a delightful experience on both desktop and mobile. Taking time to test them yourself using Stripes Test Credit Cards or dummy information is really worthwhile.
Form Follow-up: Messages and Thank You’s
Part of a good user experience includes a confirmation at the end of the form. Users are seeking three things:
- An acknowledgement that they filled out the form correctly,
- A feeling that their time was appreciated
- A next step
Raisely has these covered for you, enabling both an immediate on-screen Thank You Popup and email or SMS communications.
Setup Thank You Popup
Donation Forms
- 1
- Within your campaign, from the sidebar select Settings > Donation Form
- 2
- Select the Settings tab and scroll down to Thank You
- 3
- Here you can enter the Thank You Popup settings to customise a personal message
Lead Forms
- 1
- Within the Page Builder, select the Settings Icon on the Lead Form block you have placed on page
- 2
- In your General settings, you can add a Success Message and also add a success redirect if required
Raisely Messages contains default messages that send on Form submissions, such as Donation Receipt, Fundraiser Welcome, and Donation Thanked. You can use these to customise a unique message that makes your donors and fundraisers to feel appreciated and know the next step they can take. For more information on how to set these up, check out our Understanding Messages guide.
Cannot find the support guide you are after? Head on over to our YouTube channel 📺 for more creative content to help you go further. You can even leave us comments, suggesting new content ideas 🤯