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!

Campaigns New

🧡 Modal Donate Button: Turn Any Click into a Contribution

Instead of redirecting users to a new URL, the lightweight Modal Donation Button allows donors to complete their gift in a sleek, focused popup, keeping them engaged with your content while they support your cause.

What’s New:

  • Zero-Friction Giving: Open your donation form in a responsive modal overlay. Donors stay on the same page, reducing drop-off.

  • 🖱️ Place it Anywhere: Use the dedicated WordPress block or a simple shortcode to drop a donate button into sidebars, footers, or even mid-sentence in your storytelling.

  • 🎨 Full Design Control: Match your brand perfectly with customizable background colors, hover effects, border radius, and font sizes—all without touching a single line of CSS.

Whether you need a simple “Donate Now” link or a high-converting popup button, the Modal Donate Button gives you the flexibility to raise more with less effort.

author avatar
David Bisset
donation form Donations New

💵 Mini Donation Widget: Show The Impact Of Every Dollar!

Not every donor who wants to give will navigate to your campaign page. Meet them exactly where they are by placing a fully functional giving experience directly on any page or post.

💬 Show the impact of every dollar: Attach custom messages to each preset amount so donors understand exactly what their gift provides.
🔄 Monthly and one-time giving: Supports a tabbed interface with independent amounts and impact statements for recurring giving programs.
🎨 Match your brand: Easily set accent colors and control size or alignment to fit the widget naturally into your layout without CSS.
⚡ Reduce donor friction: Open the donation form in a modal overlay to keep donors on the page and reduce drop-off.

author avatar
David Bisset
Donations Live New

👉🏻 Showcase Real Momentum with the Donations Feed

Give your donors a reason to trust. Our new feed lets you display a living, breathing record of people showing up for your cause.

🤝 Build instant trust: Overcome donor hesitation by showing a proven track record of community support.
💬 Highlight donor stories: Display real donor comments and locations to show the human side of your fundraising.
🛠️ Drop it anywhere: Easily add the block to your homepage, campaign pages, or confirmation screens in seconds.
📈 Curate your feed: Group multiple donations from the same person or sort by highest amounts to encourage larger gifts.

author avatar
David Bisset
Campaigns New

🎨 Campaign Showcase: Pro Level Display, No Coding Needed.

Display your causes with style and make it easier than ever for donors to find the right campaign. We are excited to announce the brand-new Campaign Showcase, a powerful, no-code tool designed to help you create beautiful, high-converting campaign grids and carousels.

The Ultimate Discovery Experience

Your mission deserves to be seen. With the Campaign Showcase, you can move beyond simple lists and create dynamic displays that highlight your most urgent needs, helping donors connect with the causes they care about most.

⚡ No-Code Customization: Effortlessly change layouts, columns, and styles with a single click. Whether you want a clean grid or an interactive carousel, you can match your organization’s look without any CSS or JavaScript.

🎯 Advanced Search & Filter: Empower your supporters with real-time filtering. Donors can quickly sort through campaigns by tags, popularity, or “ending soon,” making it easy to find exactly where their help is needed.

💰 Quick Donate Integration: Boost your conversions with instant giving. The Showcase allows donors to contribute via a modal popup directly from the display, featuring pre-selected amounts for a faster, friction-free experience.

author avatar
David Bisset
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.

author avatar
David Bisset