DIVI + CHARITABLE INTEGRATION

Build Beautiful Donation Pages Inside Divi

Connect Charitable Pro to Divi and drag donation forms, campaign grids, and donate buttons directly into your layouts. No shortcodes, no custom code, no developer needed.

Divi builder integration

Basic

N/A

Page Builder

No Extension Needed (Built In)

Build Stunning Fundraising Pages With Complete Design Freedom

The Charitable + Divi integration adds four purpose-built fundraising modules directly inside Divi’s Visual Builder. Once connected, you can place donation forms, campaign displays, and donate buttons anywhere on your site using simple drag-and-drop controls.

Similar Extensions

Divi + Charitable Use Cases

integration
Visually Build Campaigns
Style Everything
Multi-Campaign Showcase Grids

Want To See It In Action?

Why You’ll Love Divi with Charitable

Charitable offers a seamless Divi integration that makes creating beautiful, high-converting fundraising pages faster and easier than ever.

Native Divi Modules

Four Fundraising Modules Built Directly Into Divi

When you connect Charitable Pro to Divi, four purpose-built modules appear inside Divi’s module selector under their own Charitable category.

No setup wizard, no external plugin panel to learn.

Each module is built to feel like a natural part of Divi. They show up in search, they live in the module library, and they work with every Divi layout – rows, columns, full-width sections, and more.

Drag and drop builder

Works with any Divi layout or section

No code needed

WPBakery integration feature
WPBakery customization

Full Design System Access

Style Every Detail With Divi’s Complete Design Controls

Because the Charitable modules are native to Divi, they expose the full Divi Design tab – not a stripped-down version.

You can control typography for titles and donation stats, apply background colors or gradients, add borders and shadows, and adjust every margin and padding value.

Responsive controls let you set different column counts and font sizes for desktop, tablet, and mobile. Your campaigns will look great on every device without extra effort.

Full Divi typography and color controls

Donate button hover states and styling

Border, shadow, and spacing controls

Campaign Grid Controls

Display Multiple Campaigns With a Filterable Grid Module

The Charitable Campaigns module inside Divi lets you display any number of your fundraisers in a responsive grid.

Choose how many columns to show, which categories or tags to include, and how to sort the results – all from within the Content tab.

Use this module to build a “Current Campaigns” section on your homepage or a dedicated archive page where donors can browse every active cause. The grid updates automatically when you publish new campaigns.

Filter by category or tag

Sort order controls included

Grid updates automatically with new campaigns

Charitable widgets in WPBakery

Raise funds faster and with less stress

Join over 10,000+ non-profits that are raising funds faster.

Tutorial

Charitable Divi tutorial

Setting up the Charitable + Divi integration takes about five minutes. There is no API key, no credentials panel, and nothing to configure outside of WordPress. Just update Charitable Pro and start building.

Frequently Asked Questions

See the list below for our most frequently asked questions. If your question is not listed here, please contact us.

Get the Best WordPress Fundraising Plugin Today

Join 10,000+ smart website owners who trust Charitable for their donation websites.

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.