Style Your Donation Forms

You can change the look and feel of a donation form to reflect your organization's branding and message.

Optimized Donation Forms

For Optimized Forms, the font type, size, and colour are already set to create a streamlined and engaging donor experience. In a form's branding card, you can set the font style of text, such as bold and italics, in the Impact statement.

Standard Donation Forms

For Standard Forms, you can change a lot of the design of your form. When you create or edit a Standard Form, the changes you can make from the Form tab when you select Style in the Form designer are:

• Body to adjust the font type, size, and color.

  Tip: Changing the body style will update the text in the Text only component, but you can still customize the font style of that text afterward.

• Dividers to adjust the line type, thickness, and colour of all divider lines on the form.

• Headers to adjust the type, size, and colour of the font. Use Border to change the colour of the line under the headers.

  Tip: To match the form's header font with the body, under Font, select Use font from body. This only applies to the type of font, not the size and colour.

• Gift type buttons to change the font size and colour, as well as the font and background colour when the buttons aren't selected.

• Gift amount buttons to change the font size and colour, as well as the font and background colour when the buttons aren't selected.

• Consent option buttons to change the font size and colour, as well as the font and background colour when the buttons aren't selected.

• Payment button to change the font size and colour, as well as its background colour.

  Tip: To change the text on the payment button, hover over it on the form and select Click to edit.

Note: To change the font family for the submit button, under Style, select Body to adjust the font name.

Tip: Review how to add and configure the fields and components.