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 →  

💸 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!

automation update

⚡ Visual Automation Builder: Drag and Drop With No Code!

Charitable Automation Connect 2.3.0 introduces the Visual Automation Builder, a full-screen canvas that lays each automation out as a flow of connected cards: a trigger, optional conditions, and a list of actions that run in order.

🧩 Many actions, one trigger: Tag a donor, send an email, add a note, and fire a webhook from a single event, dragged into any order.

✉️ Act inside Charitable: New Send Email, Tag Donor, and Add Donor Note actions run with no external service required.

🔤 Merge tags: Personalize emails and notes with live fields like {first_name}, {total}, and {campaign_name}.

🔁 Apply to existing donors: Run Tag Donor and Add Donor Note against the donors you already have.

🖥️ Canvas or Simple: Switch views anytime, and automations built before 2.3.0 keep working unchanged.

Read more here.

Integration updated

📬 Introducing Brevo for Charitable: Turn Donors into Subscribers Automatically

The moment a supporter makes a gift is when they are most engaged. With the new Brevo integration for Charitable, you can automatically turn those one-time donors into long-term subscribers without touching a single spreadsheet.

Simply collect donor consent right on your donation form and start your welcome series immediately.

What’s New:

🔄 Automated Subscriber Sync: New donors who opt in are added straight to your Brevo contact list as soon as their payment clears—no manual exports or CSV imports required.

🎯 Granular Consent & Opt-In Control: Customize your checkbox label, choose whether it defaults to checked or unchecked, or turn on Brevo double opt-in to keep your list clean and compliant.

📋 Per-Campaign List Mapping: Route supporters to your global email list or map specific campaigns to targeted Brevo lists to tailor your follow-up messaging.

⚡ 5-Minute Setup: Connect instantly by pasting your Brevo API key into the Newsletter settings, map your contact fields, and start building your email list on autopilot.

Ready to grow your mailing list? Brevo is available now starting on the Charitable Plus plan—connect your account today!

recurring donations updated

💳 Introducing Card Updates: Fix Expired Cards Without Losing Subscriptions!

newExpired or updated credit cards are one of the biggest silent leaks in recurring fundraising. With Card Updates in the Recurring Donations extension, donors can now refresh their payment details directly—keeping their subscription, schedule, and giving history completely intact.

No canceled plans, no lost history, and zero administrative headache for your team.

What’s New:

⚡ 30-Second Self-Service: Donors get a dedicated “Update Card” button in their dashboard that opens Stripe’s secure, PCI-compliant Customer Portal to update card details instantly.

🔒 Scoped & Safe Access: Scoped exclusively to card updates by default, donors can’t accidentally cancel or alter their plans from inside the portal, keeping your webhooks and data in sync.

🤝 Admin-Assisted Support: Helping a donor on the phone? Open their secure Stripe portal in one click from your admin screen or generate a single-use update link to email them.

📋 Automatic Audit Trail: Every payment method update is recorded automatically with a timestamp in both system-wide logs and the individual donor’s profile.

Ready to protect your recurring revenue? Get the Plus or Pro plan and update Recurring Donations to 2.3.0+ and enable “Update Payment Method” under your Settings today!

Integration page builder

Divi Fans Rejoice! Native Divi 5 Campaign Progress Bar Module!

With our new native Divi 5 module, you can anchor your microsites with real-time fundraising stats directly on the visual canvas. Here’s how it works, and why it’s worth turning on today.

Create campaign updates that are VISUAL AND LIVE. You can also:

📊 Campaign Progress Bar: Drop a live progress bar into any Divi 5 layout and show goal progress in real time.

🎨 Deep styling controls: Easily customize the bar and track color, height, and radius to match your brand perfectly.

👁️ Visual Builder ready: Configure and preview everything directly on the Divi canvas as a first-class module.

🔁 Identical rendering: The same exact engine powers this module, meaning consistent design without legacy shims.

✅ Faster launches: Never leave the Divi 5 interface to configure shortcodes or guess how your goal labels will look.

Learn more here.

Integration page builder

👉🏻 New in Charitable: Native Elementor Widgets for Seamless Campaign Building

With native Elementor widgets, you design donation campaigns right alongside the rest of your page without touching code. Here’s how it works, and why it’s worth turning on today.

Create fundraising pages that are VISUAL, NATIVE, AND SHORTCODE-FREE. You can also:

⚡ Mini Donation: Add a compact, high-converting donation widget with preset amounts and full color control.

⏳ Campaign Countdown: Build urgency for a deadline-driven appeal, complete with optional confetti when the goal is hit.

📣 Donation Feed: Prove momentum by showing visitors the social proof of real people giving right now.

🏆 Donor Leaderboard: Celebrate top supporters with gold, silver, and bronze styling to spark friendly giving.

🖼️ Campaign Showcase: Feature multiple campaigns in a landing page grid or carousel, with search, filters, and badges.

Learn more here.