Charitable Blog

Everything you need to know about Charitable and our team.

Introducing visual donation form builder

Create Custom Donation Forms Faster With The New Donation Form Visual Builder

Last updated on

  • By

Sometimes, creating the perfect donation form feels harder than it should be. You know what information you need from donors but getting the form to look right, flow naturally, and match your campaign’s style can take too much time and trial and error.

We’ve built something that truly puts you in the driver’s seat.

We’re beyond excited to introduce the brand-new ✨ Donation Form Visual Builder ✨ in Charitable!

It lets you design donation forms visually, right inside Charitable. You can drag and drop fields, adjust layouts, and instantly see what your donors will see – no coding, no guessing.

Every field is flexible, from basic details like donor names and payment info to advanced options like custom messages, file uploads, and picture submissions. And now, with added settings for alignment, styling, and even custom CSS, you get full creative control without leaving your dashboard.

Our goal was simple: make it easier for you to build donation forms that not only work great but look great too – so you can focus on what really matters, your mission.

Want to see it in action? Watch the video below:

The Campaign Builder Vs The New Donation Form Builder

Charitable already comes with a visual campaign builder. This lets you create stunning fundraiser campaigns like the one below:

Sample fundraiser campaign for drinking water

You can create a campaign like this by just dragging and dropping the fields you want. It’s so easy to use, anyone can do it. No coding needed!

You can choose a template or layout and use the builder to customize it. Here’s what the campaign builder looks like:

Black Friday campaign builder

Everything can be edited by just pointing and clicking.

Now, once your campaign is live, when a donor views it and clicks to donate, they’ll be taken to the donation form. They can fill out their details and make the payment. It would look something like this:

donation form

The customization options on this donation form have been limited, and we wanted to change that. We want to make it as simple as possible for you to customize this form the way you want.

We know our users love the visual campaign builder, so we’ve taken the same concept and introduced it to our donation forms as well. So now you can customize your donation form as well with a visual preview that you can edit.

✨ Introducing The Visual Donation Form Builder

Creating your donation forms just got a whole lot easier and way more flexible. Instead of tweaking the form through settings, you can actually see and customize every part of your form as you go.

When you edit a campaign with Charitable, you’ll see a new tab called “Form”. Here, you can customize your donation form visually.

form tab

Just drag the fields you want into the form, arrange them in any order, and click to update settings.

What you see here is what your donors will see, no more switching between the settings page, or guessing how things will look live.

new donation form builder

We hope you’ll love this new feature! Here are the highlights:

  • Customize!: Customize visual style of the form and donation button and further customize by adding custom CSS for a truly branded experience
  • Drag & Drop Everything: Build your perfect form by simply dragging fields into place. Required donor info, address, custom questions, file uploads, dates, and more – add whatever you need, wherever you want it.
  • Customize Every Detail: Click any field to fine-tune labels, add instructions, set placeholders, make fields required, or tweak the alignment without touching any code. If you know CSS, you can add custom classes for even more control.
  • Live Preview: ​See your form as it would appear to your donors so you have your forms set up to flow smoothly.
  • Works With All Your Campaigns: The visual builder works with new and existing campaigns.
  • Easy Integrations: Connect your donation forms to popular payment gateways (like Stripe or PayPal), sync donors to your email marketing tools, or automate updates with Zapier. Everything happens right within Charitable – no plugins, no headaches.

How the Visual Donation Form Builder Helps You Raise More, Faster

🚀 The real power of the new Donation Form Visual Builder is its flexibility to fit your needs, whether you’re running a simple fundraiser or a complex campaign. Here’s how different users will find it helpful:

Quick Setup for Beginners: If you’re new to donation forms or short on time, the drag-and-drop builder makes creating your form fast and simple. Just add the basics, tweak labels, and launch a clean, professional form in minutes – no coding or guesswork needed.

Custom Campaigns for Complex Needs: Need more than just name and payment fields? You can add dropdowns, checkboxes, file uploads, and more. For example, use the Calendar Date field to gather event sign-ups. Custom HTML and Shortcode fields let you create unique experiences tailored to your campaign.

Engage Your Donors: Pro features like Donor Comments and Referral Codes let donors share their stories or invite others to support your cause. This builds connection and trust, turning one-time gifts into ongoing support.

Better Data Collection & Management: You control every form field – making them required, setting default values, adjusting alignments—to collect exactly what you need while guiding donors smoothly. Hidden fields can help with advanced tracking, invisible to donors but valuable to you.

Keep Your Brand Front and Center: Style your forms to match your campaign’s look and message. When your forms feel consistent, donors trust you more and are more likely to give.

With full control over every part of your donation form, the Visual Builder helps reduce donor friction, collect vital info, and boost your fundraising results, all while saving you time and effort.

Ready to Start Building Better Donation Forms?

The new Visual Form Builder is available now in Charitable Pro.

⬆️ Update your Charitable Pro plugin to the latest version and open any campaign to start designing your form with the new drag-and-drop interface.

No complicated setup, no extra purchases needed. Whether you want to quickly launch a simple donation page or craft a detailed, interactive form, the builder gives you all the tools right at your fingertips.

Need more help? See our Donation Form Builder Documentation »

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

We’d love to hear how you’re using these new features! Stay connected with us:

Your feedback keeps Charitable moving forward. Let’s keep building better fundraising tools—together.

author avatar
David Bisset

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