Charitable Documentation

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

Charitable Payrexx

Accepting donations with Payrexx is now as easy as it can be. You’re just a few clicks away from configuring Payrexx on your donation site so that you can maximize both local and international donations.

Note: Before we start, be sure to install Charitable on your WordPress site. Then you can install and activate the Payrexx Addon. If you’re not sure how to do that, we recommend first reading our guide to installing Charitable extensions.

Enable Payrexx in Charitable addons

Activate the Payrexx Gateway

Once the Payrexx addon is activated, go to Charitable » Settings » Payment Gateways. Here, click on Enable Gateway in the Payrexx block.

Enable Payrexx gateway in Charitable settings

Once enabled, you’ll see a green ‘Gateway Settings’ button appear. Click on it to configure Payrexx.

Connecting to Payrexx

In the Gateway Settings page, you’ll see 2 fields to add your API key and Instance name.

Add Payrexx API keys to Charitable settings

To find your API key and instance name, log into your Payrexx account.

If you don’t have a Payrexx account yet, now is the time to set one up: https://www.payrexx.com/

After logging in, you will be redirected to your Payrexx admin panel. From the left menu, open the API & Plugins page and choose the Add API Key button.

Create an API key in Payrexx

You can create a new set of API keys and copy them here. Then paste this value into your Payrexx settings in Charitable.

Copy WordPress API key

Next, you need your Instance name. You can find this in the URL of your Payrexx account. For example, in this screenshot, it’s “mydonationsite”.

My instance name in Payrexx

Add this to your Charitable settings and ‘Save Changes’.

Add your webhook

The next step to set up your integration with Payrexx is to add a webhook in your Payrexx admin panel. Without a webhook, any donations paid through Payrexx will not be marked as ‘Paid’ automatically.

Payrexx webhooks

You need to create a webhook in your Payrexx dashboard. From the left menu, go to Webhooks » Add webhook. On the next page, you can add a name and create your webhook URL.

Charitable webhook settings

  1. The “Name” setting is optional, but you may wish to name it Charitable to make it obvious what the webhook is used for.
  2. Set the “Webhook URL” setting to your website’s domain followed by /charitable-listener/payrexx. For example, if your website is https://mynonprofit.org, your webhook URL will be:

    https://mynonprofit.org/charitable-listener/payrexx
  3. Select “JSON” for the “Webhook Type” setting.
  4. Choose the latest “Webhook Version” setting.
  5. Finally, click Add to save the webhook.

That’s it. You’re ready to create fundraiser campaigns with Payrexx as your payment gateway. Here’s the guide on How to Create a Fundraiser Campaign.

Looking to set up other payment options? Head over to our documentation page on Setting Up Payment Gateways.

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!

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.

Addon New

🗒️ Custom Receipts… New Addon!

With Custom Receipts, you decide which page your donors see, on every campaign. Here’s how it works, and why it’s worth turning on today.

Left side shows a donation receipt with donation number, date, total, and payment method for a  gift to Anywhere, titled 'One Family Gets Clean Water For A Week.'

Create receipts that are CUSTOM TO THE DONOR OR CAMPAIGN. You can also:

📅 Year-end appeal: Reinforce the goal and invite donors to share while momentum is high.

🎗️ Memorial or tribute campaign: Give a gentle, respectful thank-you that fits the moment.

💎 Major gifts: Show a special message only to donors who give above a threshold.

🔁 Recurring growth: Invite one-time donors to become monthly supporters right on the receipt.

🌍 Global campaigns: Surface a country-specific note, like a Gift Aid reminder, only where it applies.

Learn more here.

New templates

🤩 New Beacon Campaign Templates w/ “Hero” Block!

With the new Beacon Campaign Templates for Charitable Pro, you can launch a stunning, full-width fundraising page that instantly captures visitor attention above the fold.

Fundraising page header for Save Maple Grove Park with a donation widget and a small square photo of a sunlit tree thumbnail on the left.

🔦 Above-the-Fold Impact: Lead with a full-width hero image, your logo, and your goal with a donation widget locked right on top of the banner so your ask and momentum register instantly without scrolling.

📐 Two Flexible Layouts: Choose between a structured two-column layout for side-by-side storytelling and supporting details, or a clean one-column view designed for uninterrupted long-form narratives.

⚡ All-in-One Hero Field: Powered by the new Campaign Hero field, bringing background media, live progress bars, custom donation amounts, and recurring giving tabs together into a single cohesive block that can be dropped into any layout.

🎨 Automatic Theme Matching: The hero banner and donation widget automatically inherit your campaign theme’s button and accent colors, ensuring your entire presentation stays beautifully on-brand without touching a line of CSS.

Learn more here.

donation form Feature New

📝 Donation Form Block: Embed a Working Donation Form Anywhere

With the new Donation Form Block for Charitable Pro, you can drop a fully working donation form directly onto any page or post in the WordPress block editor. No redirects, no page reloads, and zero friction between reading your story and making a contribution.

📝 Drop Forms Anywhere: Place a working form directly onto your homepage, inside a story-driven blog post, on a dedicated landing page, or within a campaign announcement.

🎯 Dynamic Campaign Binding: Easily choose a specific campaign from the block sidebar or set it to automatically bind to whichever campaign is currently being viewed.

📐 Full vs. Minimal Form Views: Switch between a full layout or a compact minimal view to perfectly fit sidebars, narrow columns, or wide landing pages.

🎨 Scoped No-Code Styling: Customize typography, container spacing, border radius, amount buttons, and accent colors independently for every form instance without touching a line of CSS.

Learn more here.