Skip to content

Site Design Modules

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

Hero Modules

Main Hero

The Hero module provides dynamic, real-time campaign progress, including funding progress bar, campaign metrics, timers, countdowns, and donor stats.

Perfect for:

  • Galas
  • Walks/runs/races
  • Fundraising challenges
  • DIY fundraising
  • Giving days
  • Capital campaigns
  • Annual campaigns
  • Year-end campaigns

Settings:

  • Heading: Optional title and subtitle
  • Background: Image and color with opacity controls
  • Media Area: Videos and/or rotating image carousel
  • Buttons: Donate, Ticket, P2P Sign Up, Share (drag to reorder)
  • Metrics: Progress bar, donation count, tickets sold, end date, impact metric, activity metric

Hero (Event)

A prominent section for event introduction with date, time, location, and call-to-action.

Perfect for:

  • Galas
  • Tournaments
  • Ceremonies/Award shows
  • Ticketed events
  • Walks/runs/races

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Buttons: Event-specific CTAs

Hero (Splash)

A powerful, full-screen introduction designed to capture attention immediately.

Settings:

  • Heading: Title and subtitle
  • Background: Full-width image and color
  • Buttons: Configurable CTAs

Banners

Attract attention with branded imagery that reinforces your identity and mission.

Settings:

  • Image: Logo or graphic centered on the banner
  • Background: Image and color

Full-width banner with headline text for capturing interest.

Settings:

  • Centered Text: Section title or message
  • Background: Image and color

Metrics Banner

Full-width banner with live fundraising metrics to build trust and urgency.

Settings:

  • Heading: Optional title and subtitle
  • Background: Image and color
  • Metric Alignment: Left, right, or center
  • Metrics: Progress/Goal, donations, end date, impact, activity

Content Modules

About

Flexible content module with main section and sidebar for storytelling.

Settings:

  • Background: Image and color
  • Main Content: Rich text editor for your story
  • Sidebar Content: Supplementary info, logos, graphics

Single-Column Content

General content in one column for text, videos, or graphics.

Use for:

  • Event details
  • Sponsor walls
  • P2P participant information
  • FAQ sections
  • Campaign goals

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Column Content: Rich text with embedded videos

Two-Column Content

General content in two columns for varied layouts.

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Column Content: Rich text for each column

Dynamic, auto-rotating sequence of images.

Use for:

  • Event sponsors
  • Highlighting key participants
  • Impact images
  • Testimonials

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Images: Upload images, set height and columns

Content/Media Alternating

Alternate alignment of content and media for visual variety.

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Variation: Media left or right
  • Content: Rich text
  • Media: Images or videos

Image Grid

Visual grid of multiple images for showcasing impact.

Use for:

  • Event highlights
  • Sponsor logos
  • Supporter headshots
  • Impact graphics

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Images: Upload images for the grid

Quote

Compelling quote centered on a banner with optional attribution.

Settings:

  • Background: Image and color
  • Quote Content: Quote text and author

Dynamic Elements

Posts

Gallery of recent blog-style posts for campaign updates.

Settings:

  • Heading: Title and subtitle
  • Background: Image and color

Peer-to-Peer Pages

Showcase personal, team, and organization fundraising pages as a leaderboard.

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Colors: Progress bar color
  • Filter: Show personal, team, and/or organization pages with custom tab text
  • Sort: Top fundraiser, recently joined, or alphabetical
  • Search: Enable search bar
  • Metrics: Show/hide funding progress

Donations

Recent donations feed to encourage like-minded giving.

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Filter: Donations, pledges, or both
  • Sort: Top donations or most recent
  • Donor Information: Show/hide name, amount, comment

Funds

Showcase fund pages and designations in a grid format.

Settings:

  • Heading: Title and subtitle
  • Background: Image and color
  • Colors: Progress bar color
  • Filter: Fund types
  • Sorting: Top funding, recently added, alphabetical
  • Search: Enable search bar
  • Metrics: Show/hide progress and goal

Embedded Forms

Donation Form

Embed the donation form directly on the page.

Settings:

  • Heading: Title and subtitle above tiers
  • Background: Image and color

Ticketing Form

Embed the ticketing/registration form on the page.

Settings:

  • Heading: Title and subtitle
  • Background: Image and color

Tips

  • Mix and match modules for unique layouts
  • Duplicate modules as needed
  • Rearrange order by dragging
  • Use consistent colors across modules
  • Preview on different devices

Unified Fundraising + CRM