Charitable Documentation

Learn how to make the most of Charitable with clear, step-by-step instructions.

Popular Resources

Start Here

Donor Management

Recurring Donations

Peer-to-Peer Fundraising

Integrations

Extensions

Add Your Donation Form to a Page

Do you want to embed a donation form in a page?

When you create a donation campaign, Charitable makes it easy to add a simple donation form for that campaign anywhere on your site. This lets you show a simple donation form instead of a full-fledged fundraiser campaign.

Contents hide
1 Step 1: Create a Fundraiser Campaign
2 Step 2: Get Your Campaign ID
3 Step 3: Add the Shortcode to the Post or Page
4 Fundraising Tips and Advice

Step 1: Create a Fundraiser Campaign

Head over to your WordPress dashboard, and go to Charitable » Add New. Here, you can choose a template and customize your campaign using the drag and drop builder.

Add new campaign in Charitable

Make sure you publish and save your campaign.

If you need more detailed instructions, follow our guide on how to create your first campaign »

Step 2: Get Your Campaign ID

When you create a campaign, Charitable will assign a campaign ID to it. We’ve made this ID easily accessible in Charitable in 2 places.

1. Embed Wizard

Inside the campaign builder, make sure you Publish and Save your campaign in the top menu. Then there’s an Embed button which you can use to open the Embed Wizard.

Embed wizard with shortcode

Click on the ‘Use a shortcode” link and the campaign ID will appear.

2. Campaigns Tab

You can also find the campaign ID by going to Charitable » Campaigns. You will see the ID listed below the campaign name.

campaign ID

Now that you have your campaign ID, all that’s left to do is add it where you want it to appear.

Step 3: Add the Shortcode to the Post or Page

Edit the page or post in your WordPress site where you want to place the donation form.

Now you can add your donation form using this shortcode:

[charitable_donation_form campaign_id=123]

Replace ‘123’ with the ID of your campaign.

That’s it. You now have a simple donation form that you can share with your donors.

Not yet created your donation form? Watch how to create a donation form in Charitable here:

Want to change the donation form template on your site? Follow this guide: How to Switch Donation Form Templates »

Fundraising Tips and Advice

We regularly share practical guides, proven strategies, and insider tips to help you raise more funds and build stronger donor relationships. Join thousands of nonprofits who get our best content delivered straight to them:

FAQs for Charitable Donation Form Templates

What are the available donation form templates in Charitable?

In Charitable, you can choose between two premade donation form templates: the Standard template and the Minimal view template. To switch templates, navigate to the WordPress dashboard and go to Charitable » Settings. Under the General tab, open the Donation Form page, and use the Form Template dropdown menu to select your desired template.

Can I customize the appearance of my donation forms? 

Yes. You can customize colors, form templates (standard or minimal), and field display options. You can also use custom CSS and code snippets.

I made changes to settings but they’re not showing up. What should I do? 

Always click “Save Changes” after making any modifications. If changes still don’t appear, try clearing your website cache if you’re using a caching plugin.

What’s the difference between displaying donation forms “on the same page” vs “on a separate page”?

  • Same page: The donation form appears directly on your campaign page
  • Separate page: Donors are redirected to a dedicated donation page
  • Modal: The form appears in a popup overlay

Choose based on your preference for user experience and page design.

I’m completely new to Charitable. Where should I start? 

Follow this Getting Started guide here and start with the Setup Wizard that appears when you first install Charitable. It takes about 5 minutes and will guide you through the essential configuration steps including payment setup and creating your first campaign. If you missed the wizard, you can access all these settings manually through Charitable » Settings.

Where can I get support if I have issues?

  • Free users: Use the WordPress.org support forums
  • Pro users: Contact support directly for priority assistance
  • Documentation: Check the comprehensive documentation library
  • Community: Join the newsletter and follow social channels for tips and updates

Are there video tutorials available? 

Yes! Subscribe to the Charitable YouTube channel for step-by-step tutorials and success stories.

We hope these FAQs help! 

Need support? Have a question? If you are a lite/free user of Charitable, you can reach out to our team on the WordPress.org support forums and our team will respond in a timely fashion. If you have an active license, feel free to reach out us directly for priority support.

You may also want to learn How to Use the Donor Management System »

Still have questions? We’re here to help!

Submit a Support Ticket
Contact Us

Last Modified:

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.

View All Announcements