Top Fundraisers

Display a live-updating list of up to 10 top-performing Fundraisers

Using the Top Fundraisers component, you can display a list of up to 10 top-performing Fundraisers. Top Fundraisers automatically updates every minute, enabling website visitors to see performance changes in near-real-time.

Behavior

These settings control which Fundraisers are shown.

  • Campaigns: Controls which Campaigns are represented in the Top Fundraisers list. Adding multiple Campaigns is useful when you want Top Fundraisers to display performance for multiple fundraising efforts.
  • Show currency: Determines the currency used to display amount raised values.
    • Actual currency: Displays amount raised values based on your Fundraise Up account’s default currency setting. This is the default setting when creating a new Top Fundraisers component.
    • Set currency: This option enables you to display amount raised values using a currency you select from the component’s settings view.
    • Detected currency: Shows amount raised values dynamically, based on a website visitor’s location
  • Minimum amount: Setting a minimum amount will prevent Fundraisers with amount raised values below the minimum amount from being displayed in Top Fundraisers.
  • Item title: The title format used for each entry in Top Fundraisers
    • Fundraiser name: The custom name for the fundraiser provided by the fundraising admin when they created the fundraiser.
      When no value is set for Fundraiser name, the item title will default to the first name and last initial of the person who created the Fundraiser.
    • Full name: The first and last name of the person who created the Fundraiser.
    • First name, last initial: Displays the first name and the last initial of the person who created the Fundraiser
    • First name: Displays only the first name of the person who created the Fundraiser
    • Hide: Does not display the name of the Fundraiser or the person who created it. Instead, the title “Someone” is displayed.
  • Maximum rows: Determines how many Fundraisers are displayed in Top Fundraisers. Range: 1-10.
  • Show search box: Enabling this option will display a search input within Top Fundraisers. Inputting a value will search all enabled Fundraisers, not just Fundraisers displayed in the component.

Appearance

These settings control the visual appearance of Top Fundraisers.

  • Title: A title label displayed above the list of Fundraisers. Omitting a title will collapse its container.
  • Text color: The color used for the Item title, Title, and other labels. We recommend maintaining a WCAG-complaint contrast between text and background colors.
  • Accent text color: The color used to highlight amount raised values. We recommended maintaining a WCAG-compliant contrast between the text and background colors.
  • Background color: The background color of the Top Fundraisers component. We recommend maintaining a WCAG-compliant contrast between the background and foreground colors.
  • Border size: The width of border surrounding the Top Fundraisers component. Range: 0-4px. Setting a value of 0px will hide the border.
  • Border radius: Sets the roundness of the corners for the Top Fundraisers component
  • Border color: Sets the color of the border surrounding the Top Fundraisers component. We recommend maintaining a WCAG-compliant contrast between the border color, background color, and the colors surrounding the Top Fundraisers component.
  • Show shadow: Displays a drop shadow for the Top Fundraisers component. By default, this option is not selected.

Localization

When Localization is enabled, you can add translations for Top Fundraisers’ labels.

Default language

When Localization is enabled, a Default language dropdown is shown in the settings for Top Fundraisers. The selected language will be used as the default translation when Fundraise Up is unable to auto-detect a donor’s language preferences.

Label translations

When Localization is enabled, you can select the languages you want to translate the title text label into. You can enable translations for any supported language.

Related articles
Elements

 

In this article