Charitable Blog

Everything you need to know about Charitable and our team.

Introducing the Divi Integration with Charitable Pro

Introducing Divi Integration in Charitable Pro

Last updated on

  • By

If you’ve been building your nonprofit website with Divi and wished for a seamless way to add donation functionality, this update is for you.

We’re excited to announce native Divi integration for Charitable!

Starting with Charitable Pro 1.8.12, you can now create stunning campaign pages, embed donation forms, and add donate buttons – all from within Divi’s Visual Builder.

Why Divi Integration?

Divi is one of the most popular WordPress page builders, powering millions of websites, including countless nonprofit organizations. Until now, adding Charitable campaigns to Divi-built pages required workarounds like shortcode modules or custom code.

Divi theme builder

We heard your feedback loud and clear. You wanted:

  • Native modules that feel like part of Divi
  • Live previews while building your pages
  • Full styling controls that match Divi’s design system
  • A simple, intuitive experience

That’s exactly what we’ve built.

Four Purpose-Built Modules

We know that building a fundraising site requires more than just functionality; it needs to look professional and trustworthy. That is why the new integration includes four modules designed specifically for fundraising.

We wanted to make sure your workflow remains uninterrupted, so we made these modules incredibly easy to find.

All four modules are grouped under their own Charitable category in the module selector, complete with the Charitable logo. No more searching through dozens of generic modules to find what you need – just look for Charitable, and you are ready to go.

Select Divi modules

To get started, all you have to do is open the Divi page builder on any post or page.

Simply click on the gray plus sign to open the Modules menu. From there, you can search for “Charitable,” and you will see the readymade modules available for immediate use.

Here is a look at the four new modules you can use to build your site:

Charitable Campaign

This module allows you to display a single campaign complete with the title, description, progress bar, and donation statistics.

It is perfect for featuring your primary fundraising initiative on your homepage or creating dedicated campaign landing pages that highlight a specific cause.

Charitable campaigns settings in Divi

Charitable Campaigns

Want to showcase multiple causes at once? This module lets you show a grid of multiple campaigns with flexible layout options.

You can choose from 1 to 4 columns, filter the results by category or tag, and control the sort order. Plus, the responsive column controls let you optimize the layout for every device, ensuring your grid looks great on mobile phones and tablets.

Charitable Divi campaign settings

Charitable Donation Form

With this module, you can embed a complete donation form anywhere on your site.

You can select the specific campaign and choose between full or minimal form styles. This allows your visitors to donate immediately without leaving the page, which can significantly boost your conversion rates.

Charitable donation form select a campaign in divi

Charitable Donate Button

Sometimes you just need a simple call to action. This module lets you add donation buttons throughout your site.

You can customize the button text, choose between button or link styles, and use Divi’s full button styling system to match your brand perfectly.

Charitable donate button select campaigns

Once you have configured the module to your liking, make sure you click on the Green Tick button to add the module to your page and save your changes.

Full Styling Control

These aren’t just basic shortcode wrappers. Each module integrates with Divi’s design system, giving you access to:

  • Typography controls for titles, body text, labels, and statistics
  • Background options including colors, gradients, and images
  • Border and shadow effects for depth and visual interest
  • Spacing controls for precise margin and padding adjustments
  • Button styling with hover states for donate buttons
  • Responsive settings to optimize for desktop, tablet, and phone
Campaigns divi content display options

Live Preview in the Visual Builder

See your campaigns come to life as you build. The Campaign and Campaigns modules render live previews right in the Visual Builder, so you can fine-tune your layout without constantly switching to the frontend.

Getting Started

Using the new Divi modules is straightforward:

  1. Update to Charitable Pro 1.8.12 (or later)
  2. Open any page with the Divi Visual Builder
  3. Add a module and look for the Charitable category
  4. Select a module and configure your settings
  5. Style to match your site using the Design tab

That’s it! Your donation functionality is now seamlessly integrated with your Divi design.

What’s Next?

We’re committed to making Charitable work beautifully with the tools you already use. This Divi integration joins our existing support for Elementor and WPBakery, ensuring you have options no matter which page builder you prefer.

Have feedback on the Divi integration? Each module includes a Feedback section where you can share your thoughts directly with our team. We’d love to hear what’s working well and what you’d like to see improved.

Try It Today

The Divi integration is available now in Charitable Pro 1.8.12. Update your plugin and start building beautiful donation pages with the power of Divi and Charitable together.

Read the full documentation on Divi + Charitable →

Not yet a Charitable Pro user? Sign up today and get up to 50% off on your plan. We’re confident you’ll love raising funds with Charitable. If for any reason Charitable is not the right fit for you, we’ll refund your purchase with our 14-day money-back guarantee.

Stay Connected for More Nonprofit Resources

For more tutorials and videos tailored to nonprofits, subscribe to our YouTube channel. We regularly publish expert tips, step-by-step guides on online donations, fundraising strategies, and practical resources to help your organization succeed.

🗞️ Get weekly tips and exclusive guides in your inbox
Join our newsletter →  

🎥 Watch step-by-step tutorials and success stories
Subscribe to our YouTube channel →  

👩🏽‍💻 Connect with our community and get daily nonprofit insights
Follow us on LinkedIn →

🥳 Fun reels and non-profit insights
Follow us on Instagram → 

👀 Insightful & fun videos to help you grow your cause
Follow us on TikTok→  

🌎 Subscribe and follow for general fundraiser tips
Get Fundraiser Tips on TikTok → 

Powerful Fundraising Resources

⬇️ 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

🏎️ Take Charitable for a spin
Create your Charitable Demo

Understand non-profit terms and jargon
Non-Profit Glossary

% Looking for non-profit deals and discounts?
Best Non-Profit Deals and Discounts →

author avatar
David Bisset Project Manager
David is the project manager of Charitable since 2022. David works with several non-profits (one operated by his wife) along with managing and developing features, support, and marketing for Charitable. Has been with WordPress since 2006 and has been lead organizer of multiple conferences, events, and meetups.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

Leave a Reply

Your email address will not be published. Required fields are marked *

Get free tips and resources right in your inbox, along with 60,000+ others

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!

Featured Video:

Watch more videos on our YouTube channel.

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.

author avatar
David Bisset Project Manager
David is the project manager of Charitable since 2022. David works with several non-profits (one operated by his wife) along with managing and developing features, support, and marketing for Charitable. Has been with WordPress since 2006 and has been lead organizer of multiple conferences, events, and meetups.
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.

author avatar
David Bisset Project Manager
David is the project manager of Charitable since 2022. David works with several non-profits (one operated by his wife) along with managing and developing features, support, and marketing for Charitable. Has been with WordPress since 2006 and has been lead organizer of multiple conferences, events, and meetups.
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.

author avatar
David Bisset Project Manager
David is the project manager of Charitable since 2022. David works with several non-profits (one operated by his wife) along with managing and developing features, support, and marketing for Charitable. Has been with WordPress since 2006 and has been lead organizer of multiple conferences, events, and meetups.
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.

author avatar
David Bisset Project Manager
David is the project manager of Charitable since 2022. David works with several non-profits (one operated by his wife) along with managing and developing features, support, and marketing for Charitable. Has been with WordPress since 2006 and has been lead organizer of multiple conferences, events, and meetups.
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.

author avatar
David Bisset Project Manager
David is the project manager of Charitable since 2022. David works with several non-profits (one operated by his wife) along with managing and developing features, support, and marketing for Charitable. Has been with WordPress since 2006 and has been lead organizer of multiple conferences, events, and meetups.