Appearance
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
Banner Image
Attract attention with branded imagery that reinforces your identity and mission.
Settings:
- Image: Logo or graphic centered on the banner
- Background: Image and color
Banner Text
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
Content Image Carousel
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 form on the page.
Settings:
- Heading: Title and subtitle
- Background: Image and color
Registration Form
Embed a registration form on the page.
Settings:
- Heading: Title and subtitle
- Background: Image and color
- Registration Form: The campaign's registration form to show
Custom Form
Embed one of your custom forms on the page, such as a volunteer sign-up, an interest form, or an auction item donation form. Submissions land on the form's Submissions tab, the same as when the form is embedded on another website.
Settings:
- Heading: Title and subtitle
- Background: Image and color
- Custom Form: Any custom form in your organization
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