Charitable Documentation

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

How to Connect Charitable to GoCardless

GoCardless is a payment processor laser-focused on providing affordable card-free payments through bank transfers and Direct Debit. The result is payments with radically lower fees than normal card payments.

Paid Extension

The GoCardless integration is available in Charitable Pro. Get it today with a 14-day money back guarantee.

How to install and activate the GoCardless plugin

Charitable GoCardless is a plugin and can be installed the same way as any other Charitable extension. Here are 5 quick steps to getting it up and running:

  1. Download the plugin from your account page.
  2. In your WordPress dashboard, go to Plugins > Add New.
  3. Next, click Upload Plugin.
  4. Choose the zip file you downloaded earlier and click Install Now.
  5. Activate your plugin!

Stuck? Check out read our guide to installing Charitable extensions for a detailed step-by-step tutorial with screenshots to help you along.

Activate the gateway

Now that the plugin is active, you still need to activate GoCardless as a payment gateway. For convenience, you can do this directly from the Plugins page by clicking on the “Activate GoCardless gateway” link:

You can also activate GoCardless on the Payment Gateways settings page:

  1. Go to Charitable > Settings > Payment Gateways
  2. In the GoCardless block, click on Enable Gateway.

Settings

To take payments with GoCardless, you will need to configure Charitable with your GoCardless Access Token, as well as set up a webhook endpoint in your GoCardless account.

  1. Go to Charitable > Settings > Payment Gateways.
  2. Click on Gateway Settings.

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

Setting up your API keys

To generate your GoCardless:

  1. Log into your GoCardless account area.
  2. Click on Developers in the sidebar menu.
  3. At the top right, click on Create and then click Access token.
  4. Copy and paste your Access Token from GoCardless into the “Live Access Token” field in your Charitable settings.
  5. Save your Charitable settings.

Add your webhook

The next step is to add a webhook endpoint in your GoCardless dashboard. Without a webhook endpoint, Charitable would not be notified about any payment status changes, or renewal donations if you are using Recurring Donations.

To create a webhook endpoint:

  1. On the same Developers page where you created the access token, click on Create.
  2. Next, click Webhook endpoint. A modal window will pop up.
  3. Provide a “Name”. You may wish to name it Charitable to make it obvious what the webhook is used for.
  4. Set the “URL” setting to your website’s home URL followed by charitable-listener/gocardless. For example, if your website is https://mynonprofit.org, your webhook URL will be:
    https://mynonprofit.org/charitable-listener/gocardless
  5. It’s highly recommended to also provide a “Secret”. This should be hard to guess.
  6. You can keep the “Webhook client certificate” option unchecked.
  7. Finally, click Create webhook endpoint to save the webhook endpoint.

Using GoCardless in Test Mode

We always recommend testing payments when you first set up a new gateway. To test GoCardless, you will need to generate a new Access Token and Webhook Endpoint via the GoCardless sandbox. To do this:

  1. Go to https://manage-sandbox.gocardless.com/ and create/login to your account.
  2. The sandbox dashboard looks just like your live account dashboard. Follow the steps above to create your “Access Token”, and then save that in the “Sandbox Access Token” field in Charitable.
  3. Next, create a Webhook Endpoint, pointed to the same URL as the one you created earlier. Use the same “Secret” you used for your live account’s Webhook Endpoint.

With that done, you can test a donation by enabling Charitable’s Test Mode:

  1. In your WordPress dashboard, go to Charitable > Settings > Payment Gateways and check the “Turn on Test Mode” setting. Save your changes.
  2. Create a new donation via your website, using GoCardless as the payment gateway. For your payment, you can use the test bank details made available by GoCardless.
  3. After completing your “payment”, you will be returned to your website. Since GoCardless payments are not instantaneous, your donation will have a status of Pending in the WordPress dashboard under Charitable > Donations.
  4. In the meantime, click on the donation you just created and then find the “Gateway Transaction ID” field. Clicking this will take you directly to your GoCardless payment page where you can see the status of the payment.
  5. Check back in a few days to confirm that it has been marked as Paid — this will verify that your webhook endpoint is working as expected.

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!

Campaigns New

🧡 Modal Donate Button: Turn Any Click into a Contribution

Instead of redirecting users to a new URL, the lightweight Modal Donation Button allows donors to complete their gift in a sleek, focused popup, keeping them engaged with your content while they support your cause.

What’s New:

  • Zero-Friction Giving: Open your donation form in a responsive modal overlay. Donors stay on the same page, reducing drop-off.

  • 🖱️ Place it Anywhere: Use the dedicated WordPress block or a simple shortcode to drop a donate button into sidebars, footers, or even mid-sentence in your storytelling.

  • 🎨 Full Design Control: Match your brand perfectly with customizable background colors, hover effects, border radius, and font sizes—all without touching a single line of CSS.

Whether you need a simple “Donate Now” link or a high-converting popup button, the Modal Donate Button gives you the flexibility to raise more with less effort.

donation form Donations New

💵 Mini Donation Widget: Show The Impact Of Every Dollar!

Not every donor who wants to give will navigate to your campaign page. Meet them exactly where they are by placing a fully functional giving experience directly on any page or post.

💬 Show the impact of every dollar: Attach custom messages to each preset amount so donors understand exactly what their gift provides.
🔄 Monthly and one-time giving: Supports a tabbed interface with independent amounts and impact statements for recurring giving programs.
🎨 Match your brand: Easily set accent colors and control size or alignment to fit the widget naturally into your layout without CSS.
⚡ Reduce donor friction: Open the donation form in a modal overlay to keep donors on the page and reduce drop-off.

Donations Live New

👉🏻 Showcase Real Momentum with the Donations Feed

Give your donors a reason to trust. Our new feed lets you display a living, breathing record of people showing up for your cause.

🤝 Build instant trust: Overcome donor hesitation by showing a proven track record of community support.
💬 Highlight donor stories: Display real donor comments and locations to show the human side of your fundraising.
🛠️ Drop it anywhere: Easily add the block to your homepage, campaign pages, or confirmation screens in seconds.
📈 Curate your feed: Group multiple donations from the same person or sort by highest amounts to encourage larger gifts.

Campaigns New

🎨 Campaign Showcase: Pro Level Display, No Coding Needed.

Display your causes with style and make it easier than ever for donors to find the right campaign. We are excited to announce the brand-new Campaign Showcase, a powerful, no-code tool designed to help you create beautiful, high-converting campaign grids and carousels.

The Ultimate Discovery Experience

Your mission deserves to be seen. With the Campaign Showcase, you can move beyond simple lists and create dynamic displays that highlight your most urgent needs, helping donors connect with the causes they care about most.

⚡ No-Code Customization: Effortlessly change layouts, columns, and styles with a single click. Whether you want a clean grid or an interactive carousel, you can match your organization’s look without any CSS or JavaScript.

🎯 Advanced Search & Filter: Empower your supporters with real-time filtering. Donors can quickly sort through campaigns by tags, popularity, or “ending soon,” making it easy to find exactly where their help is needed.

💰 Quick Donate Integration: Boost your conversions with instant giving. The Showcase allows donors to contribute via a modal popup directly from the display, featuring pre-selected amounts for a faster, friction-free experience.

Addon New

🤯 New Addon: Campaign Updates

Keep your supporters informed and engaged with every step of your progress! Share the ongoing impact of your mission and build lasting trust with your donor community!

The Ultimate Engagement Tool

Fundraising is a journey, not a one-time event. Now, you can easily provide real-time updates directly on your campaign pages, ensuring your donors stay connected to the causes they care about most.

📣 Easy Storytelling: Quickly post text updates, milestones, or field reports to show exactly how donations are being put to work, keeping the momentum alive throughout your fundraiser.

🏗️ Visual Builder Integration: Seamlessly add the Updates block anywhere on your page using our drag-and-drop builder, or use a simple shortcode to display news in widgets and sidebars.

📩 Build Donor Trust: By consistently sharing progress and success stories, you create a transparent giving experience that encourages recurring support and deeper community involvement.