ELEMENTOR + CHARITABLE INTEGRATION

Build Beautiful Donation Pages Without Writing Code

Connect Charitable to Elementor and design stunning donation pages with drag-and-drop simplicity. Place campaign showcases, donation forms, and donate buttons exactly where you want them – no developer required.

Elementor integration

Basic

N/A

Page Builder

No Extension Needed (Built In)

Charitable and Elementor: Design Freedom Meets Donation Power

The Charitable + Elementor integration gives you four purpose-built widgets that drop directly into your Elementor designs. Connect your donation campaigns to your page builder and control exactly how your fundraising content looks and where it appears.

Similar Extensions

WPBakery + Charitable Use Cases

integration
Showcase Individual Campaigns
Add Donate Buttons Anywhere
Create Campaign Gallery Pages

Want To See It In Action?

Why You’ll Love Elementor with Charitable

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

Quick Code-Free Integration

Four Charitable Widgets Built Right Into Elementor

When you connect Charitable to Elementor, four ready-made widgets appear directly in your Elements menu.

You get the Campaigns widget, the Donate Button widget, the Donation Form widget, and the Campaigns Gallery widget.

No shortcodes to copy. No embed codes to paste. Just drag, drop, and configure from the Elementor sidebar.

No shortcodes or embed codes

 Live campaign data in every widget

Works inside any Elementor layout

WPBakery integration feature
WPBakery customization

Live Campaign Display

Campaign Updates Automatically Inside Elementor

The Campaigns widget pulls your live fundraising data directly into your Elementor design.

Select your campaign from the dropdown and see a live preview appear right in the builder.

Donation totals, progress bars, and campaign details update in real time. You never need to edit the page again just because a campaign milestone changed.

Live preview

Real-time donation progress display

Automatic data updates

Donation Forms

Embed Donation Forms That Match Your Site Design

The Donation Form widget lets you place a fully working donation form on any Elementor page.

Your form inherits your site’s styling and feels like a natural part of the page – not a bolted-on tool.

Donors stay on your page when they give. No redirects, no jarring design transitions, no broken experiences on mobile.

No redirects for donors

Matches your site’s design

Full Elementor styling controls

Charitable widgets in WPBakery

Raise funds faster and with less stress

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

Tutorial

Charitable Elementor tutorial

This guide walks you through finding the Charitable widgets in Elementor, adding each widget to your page, configuring campaign settings from the left taskbar, and styling your widgets to match your brand. 

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.