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

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

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.

Integration New

Build Beautiful Fundraising Pages Visually with WPBakery Integration

We are excited to announce our brand-new integration with WPBakery, one of the most popular WordPress page builders, designed to help you create stunning layouts for your campaigns without touching a single line of code.

The Ultimate Design Experience

Designing your nonprofit’s website should be as simple as your mission is powerful. Now, you can bring Charitable functionality directly into your WPBakery workflow, using native elements to build high-converting donation pages and campaign grids in seconds.

🖱️ Drag-and-Drop Building: Easily add donation forms, campaign progress bars, and “Donate Now” buttons to your layouts using the WPBakery elements you already know and love.

🎨 Total Creative Control: Customize the look and feel of your fundraising elements using WPBakery’s native design options. Adjust margins, padding, and borders to ensure your campaigns fit perfectly with your site’s branding.

📱 Seamlessly Responsive: Every element is built to be fully responsive and mobile-friendly, ensuring your donors have a smooth, professional experience whether they are giving from a phone, tablet, or desktop.

Integration New

🖼️ Add Image Galleries to Fundraising Campaigns With Envira Gallery

Showcase the impact of your mission like never before. We are excited to announce our brand-new integration with Envira Gallery, the best WordPress gallery plugin, designed to help you tell your story through powerful, high-performance visuals.

The Ultimate Storytelling Experience

A picture is worth a thousand words – and now, it’s worth even more for your fundraising. Connect your visual impact directly to your cause by creating stunning, responsive galleries that engage donors and drive contributions.

🖼️ Visual Impact: Easily create beautiful, fast-loading galleries to show your nonprofit’s work in action, from field reports to event highlights.

🔗 Seamless Connection: Link gallery images directly to your fundraising campaigns, making it effortless for inspired visitors to go from viewing a photo to making a donation.

📱 Perfectly Responsive: Whether your donors are on a phone, tablet, or desktop, your galleries will look professional and load lightning-fast, ensuring a smooth experience on every device.

Integration New

👉🏻 New Divi Integration In Charitable Pro

Bring the power of Charitable directly into your favorite page builder and maintain total creative control with our brand-new Divi integration.

The Ultimate Design Experience

No more switching back and forth or relying on complex shortcodes. Use dedicated Divi modules to build, style, and launch high-converting donation pages without ever leaving the Divi Builder.

⚡ Native Divi Modules: Effortlessly drag and drop your donation forms, progress bars, and campaign details exactly where you want them.

⚙️ Visual Customization: Tweak colors, fonts, and spacing using Divi’s familiar design settings to ensure your fundraiser matches your brand perfectly.

🚀 Live Visual Editing: See your changes in real-time. What you see in the builder is exactly what your donors will see, ensuring a seamless giving experience every time.

donation form New

👉🏻 New Campaign Selector For Donation Forms

Take your campaign management to the next level. Find the perfect fundraiser for any page and stay in your creative flow with our new Campaign Selector integration.

The Ultimate Selection Tool

No more hunting for IDs or creating one page for every donation form. Use the new Campaign Selector to allow users to switch to a campaign with no code.

⚡ Instant Search: Quickly find any campaign leaving your page or post.

⚙️ Editor Agnostic: Whether you’re using the Block Editor, Elementor, or WPBakery, selecting your campaigns is now a unified experience.

🚀 Real-Time Previews: See exactly which campaign you’ve selected instantly, ensuring your donors always see the right cause.