Charitable Documentation

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

Customizing the Landing Page For an Invited Ambassador

Requires: Charitable Pro 1.8.16+
Charitable Ambassadors 3.0.0+

When someone clicks an ambassador’s invite link, the first thing they see is the invite landing page. You want this page to look fanstatic and carry all the right information a new ambassador will need to know. It’s the moment of first impression: who’s asking them, which cause they’re being invited to support, and what they’re being asked to do.

The landing page is one of the few pages you can entirely design to fit your brand.

In this guide, we’ll show you how to set up and customize the page.

The technical details: This is the page you’ll set up on your site for the [charitable_invite_landing] shortcode to render on. The shortcode is the renderer, but the surrounding page (hero, navigation, footer) is your normal WordPress page. The shortcode just drops the inviter-and-cause card into wherever you put it.

When You’d Use It

  • Setting up Invitations for the first time – you need this page before the feature can do anything.
  • Refining the message – the default copy works, but tweaking it for your audience makes the page convert better.
  • Theme integration – you want to control the layout (hero image, sidebar, footer) without losing the shortcode’s logic.

Where to Find the Invite Landing Page Settings

The landing page itself is a regular WordPress page. The shortcode that powers it is:

[charitable_invite_landing]

To configure which page Ambassadors treats as the landing page, go to your WordPress admin and head to Charitable » Ambassadors » Invitations » Landing Page.

Creating the Invite Landing Page

  1. WordPress Admin » Pages » Add New.
  2. Title it something inviting – “Join Our Team,” “Become a Fundraiser,” “Help Us Reach Our Goal.”
  3. Paste the shortcode into the page content:
    [charitable_invite_landing]
    
  4. Publish.
  5. Go to Charitable » Ambassadors » Invitations » Landing Page and pick this page.

The page is now ready to receive recruits.

What Appears on Your Landing Page

The shortcode renders three things in order:

SectionWhat’s in it
Inviter heroAvatar (real Gravatar or colored initials), inviter’s name, a verb-phrase like “Sarah invited you to fundraise.”
Intro copy (optional)The rich-text Landing Page Intro Copy you set under Invitations. Skip it if you don’t want one.
Cause cardThe parent campaign the recruit is being invited to support – hero image, title, raised/goal progress, donor count.
CTAA Become a Fundraiser button that links to your submit-campaign page, pre-filled with the cause via cap_campaign=<id>.

When the recruit hits the page directly (no token, e.g. clicking an “About this program” link), they see a generic version with placeholder content. The shortcode never renders empty – it always has something to show.

Three Special States

StateWhat renders
Normal (valid token from someone else)Inviter hero + cause card + Become a Fundraiser CTA.
Self-recruit (the user clicked their own invite link while logged in)A friendly “you can’t recruit yourself” variant – hero gets a self-recruit message, CTA is suppressed.
No token (someone visited the page URL directly)Generic hero (“Become a fundraiser”) + a cause card showing your most prominent parent campaign, or a fallback image if none is configured.

Theme Overrides

The shortcode renders from templates/invite/landing.php. To customize the markup or layout, copy it into your theme:

your-theme/charitable-pro/charitable-ambassadors/invite/landing.php

Inside the override, you have access to:

VariableTypeNotes
$inviterWP_UserThe inviter (false on the no-token path).
$inviter_namestringDisplay name (or “Your Nonprofit” if empty).
$avatar_htmlstringThe inviter avatar – real Gravatar or colored initials.
$causeWP_PostThe parent campaign (false on the no-token path).
$cause_dataarrayCause stats: raised, goal, donor_count, percent.
$intro_copystringThe Landing Page Intro Copy setting (rich text).
$cta_urlstringThe Become a Fundraiser URL (with cap_campaign=NNN).
$cta_labelstringThe CTA button label (default “Become a Fundraiser,” filterable).
$is_previewboolTrue when an admin is previewing without a token.
$is_self_recruitboolTrue when the logged-in user is the inviter themselves.

Customizing the Copy

The most-overridden things on the landing page are the labels:

FilterDefaultPurpose
charitable_ambassadors_invite_landing_cta_label“Become a Fundraiser”The button text on the CTA.
charitable_ambassadors_invite_landing_inviter_verb“invited you to fundraise”Used in the hero phrasing (“Sarah invited you to fundraise“).
charitable_ambassadors_invite_landing_self_recruit_copy“You can’t recruit yourself…”The full body shown when self-recruit fires.
charitable_ambassadors_invite_landing_preview_noticeadmin preview noticeThe notice shown to admins when they preview the page without a token.

For longer-form changes (different layout, different sections), do a theme override.

Body Classes

The page gets two body classes you can use for scoped CSS:

charitable-ambassadors-invite-landing
charitable-ambassadors-invite-landing--{state}    /* normal | self-recruit | preview */

Combine these with your theme’s design system to make the page look like the rest of your site without forking the template.

Caching

The landing page is dynamic – personalized per inviter token via cookies. Ambassadors marks it as dynamic via Pro 1.8.15.2’s charitable_is_dynamic_page filter so cache plugins skip it. If you’re on an older Pro that doesn’t have that filter, the URL handler emits no-cache headers on the redirect step – but a cache plugin could still cache the landing page itself, which would break attribution. The Invitations admin shows a self-check warning when this state is detected.

Tips

  • Keep the page focused. Strip out unrelated nav, sidebar widgets, footer CTAs. The job of this page is to convert a recruit, not browse your site.
  • Add a one-line testimonial. “Sarah raised $4,200 last year – join her team and let’s beat that” works better than a generic ask.
  • Use Landing Fallback Image. When a parent doesn’t have a featured image (rare but happens), the fallback image keeps the cause card from looking broken.
  • Preview without a token. As an admin, visit the page URL directly. You’ll see the generic version – useful for confirming layout without setting up a real recruit.

Developer reference

The rest of this page is for developers customizing the landing page.

Shortcode

[charitable_invite_landing]

The shortcode is registered unconditionally even when Invitations is disabled – so a page using the shortcode shows an admin-only preview notice instead of leaking the literal [charitable_invite_landing] text.

Template path

templates/invite/landing.php     # default

Theme override path: your-theme/charitable-pro/charitable-ambassadors/invite/landing.php. The template chooser uses Charitable’s standard charitable_locate_template filter.

Filters

FilterDefaultPurpose
charitable_ambassadors_invite_landing_cta_label“Become a Fundraiser”Button label.
charitable_ambassadors_invite_landing_cta_urlsubmit-campaign URLThe full URL the CTA links to. Receives ($url, $cause_id).
charitable_ambassadors_invite_landing_inviter_verb“invited you to fundraise”Verb phrase in the hero.
charitable_ambassadors_invite_landing_self_recruit_copycomputed stringSelf-recruit body.
charitable_ambassadors_invite_landing_preview_noticecomputedAdmin preview notice content.
charitable_ambassadors_invite_landing_intro_copysetting valueFilter the rendered intro copy (after wp_kses_post).
charitable_ambassadors_invite_landing_cause_idcomputedOverride which parent campaign is shown on the cause card (e.g. when token has no campaign, pick a specific featured cause).
charitable_ambassadors_invite_landing_fallback_image_idsetting valueThe attachment ID of the fallback image.
charitable_ambassadors_invite_landing_body_classarrayModify the body_class array applied to landing pages.

Actions

ActionArgsFires when
charitable_ambassadors_invite_landing_before$inviter, $cause, $contextJust before the shortcode markup renders.
charitable_ambassadors_invite_landing_after$inviter, $cause, $contextJust after.
charitable_ambassadors_invite_landing_rendered$inviter, $cause, $contextThe shortcode completed its render.

Body class

charitable-ambassadors-invite-landing is added to body_class on any page that contains the shortcode. The state-suffix variant (--normal, --self-recruit, --preview) is added at runtime. Add to the array via the charitable_ambassadors_invite_landing_body_class filter.

Detection helper

charitable_ambassadors_is_invite_landing_page( $post_id = null ); // bool

Useful when wiring conditional theme behavior (e.g. hide the site search bar on the landing page).

Capabilities

Public read. No capability gate.

Customization examples

Change the CTA label:

add_filter( 'charitable_ambassadors_invite_landing_cta_label', function () {
    return 'Sign up to fundraise';
} );

Customize the self-recruit message:

add_filter( 'charitable_ambassadors_invite_landing_self_recruit_copy', function () {
    return "Looks like you're already a fundraiser! Share your invite link with friends instead.";
} );

Inject a testimonial below the cause card:

add_action( 'charitable_ambassadors_invite_landing_after', function ( $inviter, $cause, $context ) {
    if ( ! $cause ) {
        return;
    }
    echo '<blockquote class="invite-testimonial"><p>"Joining as a fundraiser was the best decision I made this year." - Past Ambassador</p></blockquote>';
}, 10, 3 );

Hide the site nav on the landing page:

add_filter( 'body_class', function ( $classes ) {
    if ( charitable_ambassadors_is_invite_landing_page() ) {
        $classes[] = 'no-nav';
    }
    return $classes;
} );
// ...then in your theme's CSS: body.no-nav .site-header { display: none; }

Override the CTA URL to deep-link to a specific submit page:

add_filter( 'charitable_ambassadors_invite_landing_cta_url', function ( $url, $cause_id ) {
    return add_query_arg( 'cap_campaign', $cause_id, home_url( '/sign-up-to-fundraise/' ) );
}, 10, 2 );

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.