Charitable Documentation

Learn how to make the most of Charitable with clear, step-by-step instructions.

Ambassadors: Customizing and Styling the Fundraiser Page

Requires: Charitable Pro 1.8.16+
Charitable Ambassadors 3.0.0+

Every ambassador fundraiser on your site has its own public page – the one their donors land on when they click the share link. The Fundraiser Page sub-tab is where you decide how that page is built: which layout variant it uses, whether the share popover is on, where the donor wall sits, whether comments are enabled, what happens when the ambassador forgets to upload a hero image.

The settings are arranged in a two-column view: controls on the left, a live SVG preview of the resulting page on the right. The preview updates as you toggle settings – so before you ever look at a real fundraiser, you can see the shape of the page you’re configuring.

When you’d use it

  • Picking your visual style – switch from the default Classic layout to Story-Forward, Magazine, or any of the eight variants.
  • Tightening the chrome – hide theme-injected post navigation, comments, and author bylines so the fundraiser page looks the way you designed it, not the way your theme wraps it.
  • Branding – your primary accent color (set under Charitable > Settings > Advanced > Theme Primary Color) flows through to every fundraiser page’s call-to-action button, progress bar, and hover state.
  • Tweaking placement – move the donor wall to the top, hide it entirely, or leave it at the bottom of the page.

Where to Find The Fundraiser Page Settings

In your WordPress admin, go to Charitable » Ambassadors » Templates » Fundraiser Page.

template for fundraiser pages in ambassadors

Customizing the Fundraiser Page

In the Fundraiser Page Settings, you can do the following:

  • Show Parent Breadcrumb: This shows which parent campaign this page is part of. It will show up only if the page has a parent campaign.
  • Show Share Popover: This shows the popup on the fundraiser page for donors to easily share it. You can choose which social platforms are displayed here under the Misc tab.
  • Show Comments Section: Shows a comment section below the fundraiser story.
  • Show QR Code on Fundraiser Page: Displays a QR code that links to this fundraiser.
  • Donor Wall Position: Choose where the donor wall appears that displays recent donors.
  • Hero Image Fallback: If an ambassador has not uploaded a feature image, you can choose to dife the hero section, or use the parent campaign’s feature image.
  • Clean Them Chrome: This overrides your active theme’s style only on ambassador fundraiser pages. So these pages will look the way you designed it.
Fundraise page settings

Make sure to save your changes before leaving this page.

Picking a layout variant

Eight layout variants ship with Ambassadors 3.0. Each one rearranges the same building blocks (hero, story, donate card, donor wall, share popover) into a different shape.

Under Charitable » Templates tab, you can choose from these 8 layouts. These dictate how the fundraiser page looks/styles on the frontend.

The layout chooser showing eight layout cards plus an optional Custom card
VariantWhat it looks like
ClassicHero, story on the left, donate card on the right. The safe default.
Story-ForwardHero, then story, then a conversion band. Best for emotional causes.
Stats-ForwardLead with progress and stats. Best for race-day and event fundraisers.
Donate-FirstDonate card at the top, story collapsed below. Best for low-friction one-time fundraisers.
MagazineEditorial – large title above a cinematic hero. Best for branded organizations.
ShowcaseImage-forward with sticky anchor nav. Best when you have great hero photography.
Showcase PosterCentered headline with overlay badges and inline donate. Best for high-energy event fundraisers.
RallyTwo-column with mini donation widget, QR card, and logo-overlapped hero. Best for sponsored or branded events. (Requires Charitable Pro 1.8.13.1+ for the mini donation widget.)

Each card has a small illustration that previews the variant’s shape. Click a card to select it; the preview pane on the right updates immediately to show what your fundraiser page would look like with that variant + your chosen accent color.

For a deep dive on each variant – when to pick it, what to expect on mobile, theme considerations – see Layout Variants.

The Custom slot

If a theme overrides the Enhanced fundraiser template via the standard override path (your-theme/charitable-pro/charitable-ambassadors/fundraiser-page-enhanced.php), a ninth card titled Custom appears in the chooser, labeled “Currently rendering”:

The Custom card is informational – your theme override wins, regardless of which built-in variant is selected. The selected built-in variant stays selected so it resumes if/when you remove the override. Remove the override file and the next page load reverts to the chosen variant.

The other settings

Below the layout chooser, the settings sub-tab has a stack of toggles and radios:

SettingDefaultEffect
Show Parent BreadcrumbOnRenders the “part of [parent campaign]” link at the top of fundraiser pages. Hides automatically when there’s no parent.
Show Share PopoverOnThe share popover (the networks come from Sharing Networks).
Show Comments SectionOffWP core comments. Wire wpDiscuz, Disqus, etc. via charitable_ambassadors_fundraiser_show_comments.
Show QR Code On Fundraiser PageOn (fresh installs)Master switch for QR on the fundraiser page.
Show QR Tile In Share PopoverOnAdds a QR tile to the share popover, alongside Facebook / X / LinkedIn / Email. Requires the QR master above.
Donor Wall PositionBottomTop, Bottom, or Hide.
Hero Image FallbackParent featuredWhat to do when the ambassador didn’t upload an image: use parent’s featured, use parent’s configured default, or hide hero.
Clean Theme ChromeOnSuppresses the active theme’s single-post wrapper: duplicate page title, author/date strip, prev/next nav, default comments form. Enhanced and Visual modes only.

The live preview

The right column shows an SVG mockup of what a fundraiser will look like with your current settings:

Fundraiser page preview

The preview is variant-aware: pick Story-Forward and the preview re-renders to show the story flow. The accent color is taken from Charitable » Settings » Advanced » Theme Primary Color so the preview matches what your site actually renders.

A status sentence above the preview narrates the active state (“Magazine layout, accent #1db954, hero visible, share popover on”). The sentence is screen-reader-accessible.

What happens on a real fundraiser page

Once you’ve configured the sub-tab, every fundraiser on your site renders with these choices. Two layers can override per-fundraiser:

  1. Visual mode template – when a peer-to-peer template campaign is configured, the template’s campaign_settings_v2 is cloned to the fundraiser at read-time. See Visual Template Mode for the full flow.
  2. Theme overrides – your theme can replace the entire template via your-theme/charitable-pro/charitable-ambassadors/fundraiser-page-enhanced.php. The Custom slot in the chooser indicates this is in effect.

If neither override is in play, the variant + toggles you picked here are what renders.

Tips

  • Match the variant to the cause. Emotional causes (memorials, hardship funds) suit Story-Forward. Event-style (marathons, galas) suit Stats-Forward or Showcase Poster.
  • Try Donate-First on mobile-heavy campaigns. When most of your traffic is from a shared text message, the donate card needs to be the first thing on screen.
  • Use Clean Theme Chrome liberally. Themes vary wildly in how they wrap singular posts; the suppression cleans up 95% of layout collisions automatically.
  • Don’t enable Comments unless you’ve got moderation handled. Fundraiser pages get linked-to publicly; spam comments find them.

Developer reference

The rest of this page is for developers customizing the Fundraiser Page.

Settings storage

charitable_settings > ambassadors > ambassadors_enhanced_layout_variant   # 'classic' (default) | 'story-forward' | 'stats-forward' | 'donate-first' | 'magazine' | 'showcase' | 'showcase-poster' | 'rally'
charitable_settings > ambassadors > fundraiser_show_breadcrumb            # bool
charitable_settings > ambassadors > fundraiser_show_share                 # bool
charitable_settings > ambassadors > fundraiser_show_comments              # bool
charitable_settings > ambassadors > qr_codes_show_on_fundraiser_page      # bool
charitable_settings > ambassadors > qr_codes_show_on_share_popover        # bool
charitable_settings > ambassadors > fundraiser_donor_wall_position        # 'top' | 'bottom' | 'off'
charitable_settings > ambassadors > fundraiser_hero_image_fallback        # 'parent_featured' | 'ambassadors_default' | 'hide'
charitable_settings > ambassadors > fundraiser_clean_chrome               # bool

Variant slug -> body class

Each variant adds a body class to the front-end fundraiser page:

charitable-ambassadors-layout-classic
charitable-ambassadors-layout-story-forward
charitable-ambassadors-layout-stats-forward
charitable-ambassadors-layout-donate-first
charitable-ambassadors-layout-magazine
charitable-ambassadors-layout-showcase
charitable-ambassadors-layout-showcase-poster
charitable-ambassadors-layout-rally

Use the class for targeted CSS without forking templates.

Template

templates/campaign/fundraiser-page-enhanced.php   # default Enhanced + Visual template

Theme override path: your-theme/charitable-pro/charitable-ambassadors/fundraiser-page-enhanced.php. Once the override file exists, the Custom slot appears in the admin chooser.

Per-variant template files live in templates/campaign/fundraiser-page-layouts/<slug>.php. The dispatcher in the parent template picks the right one based on ambassadors_enhanced_layout_variant.

Filters

FilterDefaultPurpose
charitable_ambassadors_enhanced_layout_variantsetting valueOverride the active layout variant at render time.
charitable_ambassadors_fundraiser_show_breadcrumbsetting valueForce breadcrumb on/off.
charitable_ambassadors_fundraiser_show_sharesetting valueForce share popover on/off.
charitable_ambassadors_fundraiser_show_commentssetting valueForce comments on/off. Wire wpDiscuz / Disqus here.
charitable_ambassadors_fundraiser_donor_wall_positionsetting valueForce donor-wall position.
charitable_ambassadors_fundraiser_hero_image_fallbacksetting valueForce hero-fallback behavior.
charitable_ambassadors_fundraiser_clean_chromesetting valueForce clean-chrome on/off.
charitable_ambassadors_fundraiser_page_docs_urlthis pageOverride the docs URL the sub-tab links to.
charitable_ambassadors_render_<atom>_argsper-atom argsPer-variant customer-side control of individual atoms (hero, donate card, share, donor wall).

Actions

ActionArgsFires when
charitable_ambassadors_fundraiser_page_before_hero$campaign_idJust before the hero atom renders.
charitable_ambassadors_fundraiser_page_after_hero$campaign_idJust after the hero.
charitable_ambassadors_fundraiser_page_before_story$campaign_idJust before the story column.
charitable_ambassadors_fundraiser_page_after_story$campaign_idJust after the story column.

(Each variant also fires its own variant-scoped actions; see the variant template file for the exact list.)

Rally Pro-version gate

The Rally variant requires Charitable Pro 1.8.13.1+ for the Mini Donation Widget. The chooser hides the Rally card on older Pro versions. The gate is implemented by charitable_ambassadors_rally_is_available().

Custom slot detection

A theme override is detected by charitable_ambassadors_fundraiser_template_is_theme_overridden(). When true:

  1. The Custom card appears in the chooser.
  2. The card is labeled “Currently rendering” instead of “Selected.”
  3. All built-in cards become is-overridden so it’s clear they aren’t active.

Remove the override file and the next page load reverts to the chosen built-in.

Capabilities

Settings access: manage_charitable_settings. Front-end rendering has no capability gate.

Customization examples

Force the donate-first variant for all logged-out users (e.g. for a mobile-only A/B test):

add_filter( 'charitable_ambassadors_enhanced_layout_variant', function ( $variant ) {
    if ( ! is_user_logged_in() && wp_is_mobile() ) {
        return 'donate-first';
    }
    return $variant;
} );

Use wpDiscuz instead of WP core comments:

add_filter( 'charitable_ambassadors_fundraiser_show_comments', '__return_true' );
add_action( 'charitable_ambassadors_fundraiser_page_after_story', function ( $campaign_id ) {
    if ( function_exists( 'wpdiscuz' ) ) {
        echo do_shortcode( '[wpdiscuz_comments]' );
    }
} );

Always use the parent’s featured image when an ambassador hasn’t uploaded one:

add_filter( 'charitable_ambassadors_fundraiser_hero_image_fallback', function () {
    return 'parent_featured';
} );

Inject a sponsor logo strip just below every hero:

add_action( 'charitable_ambassadors_fundraiser_page_after_hero', function ( $campaign_id ) {
    echo '<div class="sponsor-strip">' . do_shortcode( '[sponsors]' ) . '</div>';
} );

Hide the share popover only on rejected fundraisers’ preview pages:

add_filter( 'charitable_ambassadors_fundraiser_show_share', function ( $show ) {
    if ( is_singular( 'campaign' ) && 'charitable-rejected' === get_post_status() ) {
        return false;
    }
    return $show;
} );

Related

Helpful Links

🤝 Get help when you need it

Connect with Customer Support →

📑 Find the guide you need

Browse the Documentation Hub →

⬇️ Download proven strategies, campaign ideas, and expert tools

Get the Fundraising Kit →

🔗 Let your AI Assistant do the fundraising work for you.

Connect Charitable to your AI assistant →

💸 Get Free Fundraising Resources
Head to the Charitable Fundraising Hub →

🤔 Got questions about Charitable?
Charitable FAQs →

Need help understanding non-profit terms and jargon?
See our Non-Profit Glossary →

Still have questions? We’re here to help!

Last Modified:

What's New In Charitable

View The Latest Updates
🔔 Subscribe to get our latest updates
📧 Subscribe to Emails

Email Subscription

Join our Newsletter

We won’t spam you. We only send an email when we think it will genuinely help you. Unsubscribe at any time!

Improvement Payments

💸 Introducing Tiered Rates for Fee Relief: Match the Ask to the Gift!

Fee Relief asks your donors one short question at checkout: would you like to cover the processing fee on this gift? Until now that question used a single rate for every donation on a gateway, so a $10 gift and a $500 gift were asked for the same percentage. Fee Relief 1.3.0 lets you set as many donation bands as you like, each carrying its own rate. Why this is important:

  • 🪙 Gentler on small gifts: A fixed transaction cost is a far bigger share of a $10 donation than a $500 one, so bands let you ask for less at the bottom.
  • 🎚️ As many bands as you need: Each band carries its own percentage and its own fixed amount, and the top band runs on with no upper limit.
  • 🛑 An optional ceiling: A Maximum fee field stops any donor being asked for more than a number you choose, however large the gift.
  • 🔌 Set per payment gateway: Stripe can run on four bands while Windcave and Payfast stay on a single rate, because bands belong to a gateway and not to your whole site.
  • 🛡️ Nothing changes until you say so: Your current rates stay exactly as they are until you switch Use Tiered Rates on under Charitable » Settings » Advanced » Fee Relief.

Check out our announcement here.

Donations Improvement

📊 Your Pro Dashboard Can Now Compare, Export, and Score!

Most fundraising dashboards only tell you how much you have raised. Charitable Pro 1.8.19 rebuilds the dashboard and the Reports Overview around the harder questions: whether anything is broken, whether this period beat the last one, and which single change would make the most difference today. Why this is important:

  • 📈 Every figure has a trend: Pick a period and the tiles and the chart move together, with each total shown against the previous period.
  • 🗓️ Charts that stay readable: Short ranges group donations day by day, while longer ranges group by week or month, so a full year reads as a curve instead of a flat line.
  • 🔀 Compare any 2 periods: Not just consecutive ones, so you can ask how this December did against last December. That matters because fundraising is seasonal.
  • 📤 Export the whole summary: Send the full overview out as CSV or PDF, ready for a board pack or a funder report.
  • 🎯 Score your setup for free: Have your fundraising setup scored, so the one change worth making next is the one you can see.

Check out our announcement here.

Feature New

🎟️ Introducing Charitable Events: Sell Tickets Inside Your Campaigns!

Most nonprofits sell event tickets in one tool and collect donations in another, which leaves two sets of reports and a manual match at the end of the year. Charitable Events brings both together, selling tickets through the same donation forms and payment gateways you already run in Charitable. Why this is important:

  • 🎟️ Every ticket is a donation: Ticket sales run through the gateway you already use and count toward the campaign goal, with everything managed under Charitable » Events.
  • 📱 QR check-in from any phone: Each attendee gets their own QR code on the receipt, and volunteers scan at the door through a check-in link that needs no WordPress account.
  • 🧾 Receipts ready for tax time: Give each ticket type a fair market value, and Charitable puts the correct tax-deductible amount on every donor receipt.
  • 📋 Attendee details at checkout: Ask every guest for a meal choice, shirt size, or access needs, with a separate attendee record created for each ticket.
  • 🗓️ Blocks and calendars included: Three editor blocks plus Sugar Calendar and The Events Calendar support put your events where supporters already look.

Check out our announcement here.

ai New

🚀 Unleash AI Power in Charitable!

Your AI assistant can now build, edit, and manage your Charitable fundraising campaigns directly — just by asking. With Charitable Pro adding write support for the WordPress Abilities API, tools like ChatGPT, Claude, and Cursor can handle full administrative actions safely through MCP. Why this is important:

  • 🤖 Campaign creation in plain language: Prompt your assistant with a goal like “Set up a fundraiser for the shelter with a $5,000 goal”, and it builds a real draft campaign complete with suggested donation tiers.
  • 🎨 Instant donation form tweaks: Add custom fields, change button colors, or reorder elements without diving into form settings.
  • 📝 Offline gift logging: Tell your assistant about cash or check gifts, and it will match donor emails and record transactions into your history.
  • 🛡️ Safety and control by default: Write access stays strictly off until turned on in Charitable » Tools » AI MCP, keeping read-only reporting safe by default.
  • 📜 Full audit logging: Every change made by an AI assistant is tracked under Charitable » Tools » Logs, so you always know who (or what) updated your site.

Check out our announcement here.

Improvement Payments

💰 Accept Recurring Donations with Windcave and Charitable

A donor sets their gift up once on Windcave’s secure payment page, and Charitable bills every renewal after that on schedule. Why this is important:

🏦 Organizations banked in New Zealand or Australia: monthly giving on the gateway your bank already set you up with, with no second processor to onboard.
⛪ Churches taking regular tithes and offerings: congregants set their own schedule once, which is the simplest way to launch recurring church giving without a separate platform.
🌏 Groups with donors in several currencies: Windcave handles more than 20, so a supporter can give in the currency they actually hold.
📅 Operating funds rather than one-time campaigns: switch on Recurring Only mode and the one-off option disappears, so every gift to that campaign is a subscription.
🧾 Teams with no developer on staff: 3 sets of credentials pasted into a settings page, and no code anywhere.

Check out our announcement here.