Virtuous Giving includes the ability to create multiple donation forms to publish on your website. Before you create your first donation form, you'll need to set up your Virtuous Giving account. Once that's done, navigate to the Forms page in Online Giving to get started.
Now, you are ready to get started on your first donation form!
Settings
To begin, give your donation form a name. The name will be your only identifier for this form, so it needs to be unique. Instead of just calling it "Donation Form," be as specific as possible, like "Main Page Give Now Form for 2018 Website Refresh." Or, heck, name it "Timmy" or "Sally Ann," if you want to. So long as the name is unique, you'll be good to go.
After naming your form, you'll have the option to select default values for a Project, Segment, and Premium. These values will be assigned to any Gifts made via this form. So, if this were going to be the general donation form on your web page, you might assign a Segment for "Online Giving" and set the Project as "General Fund." Premiums assigned will always have a default quantity of 1.
You can skip assigning default values if needed. There are other options for assigning Segments and Projects, which you'll see below or elsewhere in our help center.
**Note: If your organization has multiple Payment Processors you will have an additional field on the initial setup page that is required. Select the appropriate Payment Processor for the Membership Form you are currently working on.**
Once you have named your new form and made the necessary default selections, select NEXT in the lower right to move on to the Build screen.
Build
On the build screen, you'll see that a default form has already been configured, with the most commonly used and required fields already set. If you like, you can use the default form as-is; simply save and publish your form to use it on your site. If you'd like to make changes, you can click and drag to rearrange the form fields however you like. Click and drag any additional fields from the left side of the screen to add them to your form. Click on the trash can icon on any field to remove it from the form. Some fields, like Credit Card Number and Email Address, will not have a delete icon as they are required and cannot be removed.
Many of the fields available should be familiar to Virtuous users, as they are used elsewhere in the system.
Name Field Options
Something to be mindful of is the various naming field options you can build into your form.
Individual Fields
First Name
Middle Name
Last Name
Nick Name
Pre-Marriage Name
Contact Fields
Contact Name *Note - This field equates to "Business Name" when the Contact Type is Organization
Informal Name
Formal Name
Alternate Name
Customizing Default Field Settings
The "Heading" and "Paragraph" fields are specifically designed for donation forms, allowing for a title and a block of descriptive text to be used as part of the form. You can even use Custom Collections in Giving Forms to track more complex data requests. Check out this Support Article to learn about using a Custom Collection in a Form.
Once added to the form, fields will show edit icons that can be used to bring up a series of options on the right side of the screen. These options may vary, depending on the selected field. Most fields support the four options shown below:
Use the "Label" field to customize the actual field label shown on-screen. For example, you may wish to Have the Address fields specify "Home Address." Some field labels, like those for credit card information, cannot be edited.
Pro Tip: As a best practice, organizations should use caution when editing the label on the "Donor Pays Costs" field. It is best to avoid using the term "Fees" in this space as that has a negative connotation.
The "Placeholder" value allows you to display faint gray text in any field, as an example of the data required. Placeholders will be displayed on a published form like this:
Use the "Default Value" to pre-fill any form field with a value of your choosing. This can be particularly useful when applied to custom fields that need to be captured with Gifts from a specific form. "Help text" will display below any form field in italics, as shown in the above example.
Some fields will have additional toggle options as well:
The Check by default option can be used on fields like the "Donor Pays Costs" option to make them select by default. Donors will need to uncheck the box to opt out of paying the transaction costs. Use the "Field is required to submit form" to make any field required. This will add an asterisk next to the Field Label. The "Field is hidden" option can be used in conjunction with the "Check by default" option or "Default Value" to make sure that Gifts submitted via your Form always have certain values set, even without your donor knowing it. For example, you may wish for all Gifts made on a certain Form to come through with the value "Fall Festival Sponsor" in a Custom Field called "Sponsorship Type." You don't want to run the risk of donors editing this value on the Form when making a donation, so you pre-fill the field and make it hidden.
One of the fields available to be added to a form is "Project Designation." Adding this form will allow you to specify a Project or allow your donors to select one when making a donation. Selections made will override the Default Project selected during setup; if a donor does not make a selection, the form default will be applied. There are two ways to allow donors to select a Project:
First, you may choose to make all Projects available and let your donor select the right one. You may also choose to select only a handful of Projects, to limit the choices available to your donors.
Note: In order to be used in a form, Projects must be set as "Active," "Public," and "Is Available Online." Any Projects that do not have all three options selected will not be available to use in an online form.
For some clients, specifically those who may have field staff raising their own support, displaying actual field workers' names may not be desired. In these cases, be sure to set a value for "Online Display name" on the Project and that alias will be used when displaying the Project in your donation form.
When creating a Giving Form, Phone Number and Phone Consent are both added automatically.
-
If you have the SMS functionality, keep in mind that Phone Consent is required if you want to capture Phone Number. If you attempt to remove Phone Consent and then save, you will be given an error message:
- If you do not have the SMS functionality, the Phone Consent checkbox is optional.
- Whether or not you have the SMS functionality, you will not be able to edit the text shown for Phone Consent - the default language is used to comply with legislation preventing SMS spam.
As you edit your form, you can click on the Actions menu in the upper right to save or view a preview of your donation form. Once you have finished editing, you will need to publish your form to make it available for use on your website. When you are ready, save your form and click Next to continue.
Submissions
On the next screen, you'll be able to specify what your donors will see once they make a donation. You may choose to have a thank you message appear directly on-screen, in place of the donation form, or have them redirected to another page on your site. The thank you message should be brief; you will have an opportunity to send a receipt or thank you as part of your usual gift processing.
When you have configured your form, you are ready to move on the the final step.
Embed
Once your donation form has been published, you'll need to post it to your website. On the embed page, you'll have the option to either copy the code snippet to your clipboard so you can paste it into the correct page on your site, or you can send it directly to your web developer. It's really important to note that this embed needs to be put directly on your secure website and NOT in an iFrame. Forms do not work in iFrames due to the nature of how iFrames work. Be sure to speak with your webdeveloper on how to best achive this for your website.