Skip to main content
Module Gallery

Browse the different modules you can use to build your sites and pages.

Jenna Notarfrancesco avatar
Written by Jenna Notarfrancesco
Updated over a week ago

Site Modules are the customizable templates that make up your site pages. They contain any combination of design elements such as: text, videos, graphics, donation or ticket forms, CTA buttons, progress bars, and site metrics.

Example Modules

In this section, we'll review our current modules and how to use them in your fundraising.

Use these quick links to jump to the right module:

Hero

Banners

Content

Dynamic Elements

Embedded Forms

Main Hero

The Hero module provides dynamic, real-time campaign progress, including the funding progress bar, campaign metrics, timers and countdowns and donor stats. Use this module on fundraising sites to display important media and metrics for your campaign. Displaying the campaign's funding progress, donor count, end date and impact metrics is useful to drive urgency and credibility to drive donations.

This module is perfect for fundraising campaigns such as:

  • Galas

  • Walks/runs/races

  • Fundraising challenges

  • DIY fundraising

  • Giving days

  • Capital campaigns

  • Annual campaigns

  • Year-end campaigns

  • + more

You can edit the following settings:

  • Heading: Add an optional title and subtitle to appear prominently above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Media Area: Showcase videos and/or a captivating set of images as a rotating carousel.

  • Buttons: Choose which buttons to display and fine-tune their settings individually. Easily rearrange their order using a simple drag-and-drop interface. Optional buttons include the Donate Button, Ticket Button, Peer-to-peer Sign Up Button, and Share Button.

  • Metrics: Show or hide specific metrics. To adjust these settings individually visit each setting page. Optional metrics include the funding progress bar, number of donations, number of tickets sold, the end date, the impact metric and the activity metric.

Hero (Event)

The Hero (Event) module is a prominent section typically located at the top of a fundraising event webpage. It serves as the main introduction to the event, designed to capture visitors' attention immediately. This module often includes a compelling title, a concise subtitle, key event details (such as date, time, and location), and a call-to-action button. It may also feature an impactful image or video related to the event. The goal is to engage visitors and encourage them to participate, donate, or learn more about the event and its cause.

This module is perfect for fundraising campaigns such as:

  • Galas

  • Tournaments

  • Ceremonies/Award shows

  • Ticketed events

  • Walks/runs/races

  • DIY fundraising

  • + more

You can edit the following settings:

  • Heading: Add an optional title and subtitle to appear prominently above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Buttons: Choose which buttons to display and fine-tune their settings individually. Easily rearrange their order using a simple drag-and-drop interface. Optional buttons include the Donate Button, Ticket Button, Peer-to-peer Sign Up Button, and Share Button.

Hero (Splash)

The Hero (Splash) module of a fundraising site is the first impression visitors get when they land on the page. It serves as a powerful, engaging introduction to the cause, aiming to capture attention and inspire action. This section typically includes a compelling title, a concise subtitle, and a call to action, often accompanied by an impactful image or video. The goal is to communicate the urgency and importance of the cause, encouraging visitors to donate, share, or learn more.

This module is perfect for fundraising campaigns such as:

  • Galas

  • Tournaments

  • Ceremonies/Award shows

  • Ticketed events

  • Walks/runs/races

  • DIY fundraising

  • + more

You can edit the following settings:

  • Heading: Add an optional title and subtitle to appear prominently above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Buttons: Choose which buttons to display and fine-tune their settings individually. Easily rearrange their order using a simple drag-and-drop interface. Optional buttons include the Donate Button, Ticket Button, Peer-to-peer Sign Up Button, and Share Button.

Banners

Banners on fundraising websites serve as prominent visual elements strategically placed at the top of pages to capture supporter attention and convey important messages. These banners typically feature compelling imagery, or succinct messaging to increase engagement.

Banner Image

Banner Images attract visitors' attention, increasing awareness of fundraising campaigns and initiatives. Use a compelling graphic or branded imagery that reinforces the organization's identity and mission.

This module is perfect for fundraising campaigns such as:

  • Galas

  • Walks/runs/races

  • Fundraising challenges

  • DIY fundraising

  • Giving days

  • Capital campaigns

  • Annual campaigns

  • Year-end campaigns

  • + more

You can edit the following settings:

  • Image: Set an optional image like a logo to appear in center of the banner.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

Banner Text

Show a full width banner with headline text. Effectively capture visitors' interest and motivate them to get involved. Use clear CTAs to encourage visitors to take action.

This module is perfect for fundraising campaigns such as:

  • Galas

  • Walks/runs/races

  • Fundraising challenges

  • DIY fundraising

  • Giving days

  • Capital campaigns

  • Annual campaigns

  • Year-end campaigns

  • + more

You can edit the following settings:

  • Centered Text: Set an optional text like a section title to appear in the center of the banner.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

Content

Content modules are versatile and ideal for storytelling, describing campaign goals, and sharing event details. Customize them with text and graphics and use them in any combination on your page for a dynamic layout.

About

The About module is a flexible content module with a main section and sidebar. Use this module to creatively tell your organization's story and your campaign objectives. The About module is great for fundraising sites and donation pages, as it can be creatively customized with text and graphics.

You can edit the following settings:

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Main Content: Empower your message with customization. Edit the content for the main column to tell your cause's story or communicate any other information with precision and impact.

  • Sidebar Content: Enhance your content with supplementary information or more. Edit the content for the sidebar column to provide additional context, details, logos and graphics or any other relevant information.

Single-Column Content

The Single-Column Content module shows general content in one column. Use this module on your page to add text, videos or custom graphics.

This module is great for fundraising sites and donation pages and can be used for:

  • Event details

  • Sponsor walls

  • Peer-to-peer participant information

  • FAQ sections

  • Campaign goals

  • + more

You can edit the following settings:

  • Heading: Set an optional title and subtitle of the module. This will sit above the main content.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Column Content: Set heading and body text, quote blocks, link out to other urls on text, upload graphics and embed videos hosted on YouTube or Vimeo.

Two-Column Content

The Two-Column Content module shows general content in two columns. Use this module on your page to add text, videos or custom graphics.

These modules are great for fundraising sites and donation pages and can be used for:

  • Event details

  • Peer-to-peer participant information

  • FAQ sections

  • Campaign goals

  • + more

You can edit the following settings:

  • Heading: Set an optional title and subtitle of the module. This will sit above the main content.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Column Content: Set heading and body text, quote blocks, link out to other urls on text, upload graphics and embed videos hosted on YouTube or Vimeo.

Content Image Carousel

The Content Image Carousel showcases a dynamic, autorotating sequence of images, perfect for displaying logos and featured content. Stack multiple carousels for a varied and visually engaging presentation.

These modules are great for fundraising sites can be used for:

  • Event sponsors

  • Highlighting key participants

  • Impact images

  • Inspiring quotes and testimonials

  • + more

You can edit the following settings:

  • Heading: Add an optional title and/or subtitle to appear above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Images: The images displayed in the carousel. Specify the image height and number of columns.

Content/Media Alternating

The Content/Media Alternating module provides flexibility to alternate the alignment of content and media. Stack multiple modules for a varied look and feel.

These modules are great for fundraising sites and donation pages and can be used for:

  • Event details

  • Peer-to-peer participant information

  • FAQ sections

  • Campaign goals

  • Calls to action

  • Mission statements

  • + more

You can edit the following settings:

  • Heading: Add an optional title and/or subtitle to appear above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Variation: Select which side the media and content will shown.

  • Content: Edit the content for the section.

  • Media: Upload media images or videos for the section.

Image Grid

The Image Grid module is a visual layout that displays multiple images in a structured, often grid-like pattern. It serves several purposes including showcasing impact, highlighting events and activities, engaging donors, telling stories, and building credibility.

These modules are great for fundraising sites and donation pages and can be used for:

  • Event highlights

  • Sponsor logos

  • Supporter headshots

  • Impact graphics

  • + more

You can edit the following settings:

  • Heading: Add an optional title and/or subtitle to appear above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Images: Upload images to to be displayed in the grid.

Dynamic Elements

Dynamic Elements modules include interactive website elements that help to communicate campaign updates, highlight fundraising achievements and recent donations, and drive supporter engagement.

Posts

The Posts module is a flexible section that shows a gallery of recent blog style posts. Posts are great for fundraising sites supporting giving days and event fundraising so you can quickly create and share updates with your supporters.

You can edit the following settings:

  • Heading: Add an optional title and subtitle to appear prominently above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

Peer-to-Peer Pages

The Peer-to-Peer Pages module is a section showcasing all of your personal, team and organization fundraising pages. This module is great to use on fundraising sites that have peer-to-peer fundraising. The Peer-to-Peer Pages module serves as a leaderboard and can be filtered in different ways to highlight and celebrate your fundraisers.

Looking for peer-to-peer tips and campaign ideas? Check out Peer-to-Peer Fundraising: Everything You Need To Know.

You can edit the following settings:

  • Heading: Add an optional title and subtitle to appear prominently above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Colors: Set a custom color for the progress bar.

  • Filter: Choose which type(s) of peer-to-peer pages will be displayed on the leaderboard and add a custom tab text to refer to personal pages, team pages and organization pages.

  • Sort: Choose how the leaderboard is ordered. You can sort by the top fundraiser, the most recently joined fundraiser, or arrange them in alphabetical order.

  • Search: Show a search bar in the listing.

  • Metrics: Show or hide specific metric on each page icon. You can show or hide the total funding progress including amount raised and the goal.

Donations

The Donations module is a flexible section that shows the recent donations. This module is great to add to any fundraising site for crowdfunding and peer-to-peer campaigns to encourage donations from like-minded individuals.

You can edit the following settings:

  • Heading: Add an optional title and subtitle to appear prominently above the main content area.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

  • Filter: Choose the types of donations that you want to display. You can choose to display donations, pledges, or both. Here you can edit the tab text to customize the donation category titles.

  • Sort: Choose who you want the donations ordered by top donations or most recent. You can also customize the tab text.

  • Donor Information: Select the specific details you'd like to showcase for each contribution. You can choose the show or hide the donor name, donation amount or comment.

Embedded Forms

Embedded Forms modules spotlight integrated donation and ticketing forms. By embedding the forms onto the page, you help to streamline the donation, ticketing and registration process making it a breeze for supporters to participate.

Donation Form

The Donation Form module showcases the embedded donation form right on the page without requiring users to click a button to display the form. The donation form can be integrated on fundraising sites as a button popup, but if you want to draw attention to the form or remove an extra step for donors, add the donation form on-page embed. This module is perfect for donation pages.

You can edit the following settings:

  • Heading: Set an optional title and subtitle of the module. This will sit above the main content and donation tiers.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

Ticketing Form

The Ticketing Form module embeds the form directly onto the fundraising or event site without requiring user to click a button to display the form. This means that users can see and interact with the form without needing to click a button or be redirected to another page. The form is visible and accessible as part of the site content, allowing visitors to purchase tickets or register for events seamlessly.

You can edit the following settings:

  • Heading: Set an optional title and subtitle of the module. This will sit above the main content and donation tiers.

  • Background: Set an optional background image and a color. You can have the image repeat, as well as adjust the image width, height and background color opacity.

Additional Notes

Was this article helpful? Rate it below!

Did this answer your question?