Building Donation Forms with Elementor (Widgets + Styling)

Prerequisites

• Elementor free installed.
• CharityGlow Pro installed & license key activated.
• At least one published donation campaign.

Every native CharityGlow Elementor Widget explained

• Donation Form — every field styleable: radius, shadows, button gradients, icon spacing.
• Campaign Goal Bar — progress bar with optional countdown, live raised amount, donor count.
• Donors Wall — masonry or list layout with optional avatar, comment, amount.
• Total Raised Counter — animated numeric stat (easy for homepage hero).
• Top Donors Leaderboard — creates gamified campaigns.
• Campaign Grid — showcase multiple campaigns (e.g. programs vs appeals).
• Giving Summary — donor's personal impact card (for logged-in pages).

Building a /donate page end-to-end with Elementor

1. Create a new page → Edit with Elementor.
2. Pick the Elementor Canvas template if you want full-width.
3. Drag the Donation Form widget onto the page.
4. Select a previously published campaign.
5. Style the form: inputs, amounts grid, CTAs, testimonials section.
6. Add Goal Bar above it with live progress.
7. Add Donors Wall below it for social proof.
8. Save & visit the page in a private window to test.

Responsive & mobile-first tips

We built CharityGlow after years of working with small churches, animal rescues, food banks and youth NGOs who were all being held back by overpriced legacy fundraising software. Every step of the donor journey is tested and polished: checkout, thank-you emails, receipts, account creation, annual statements and tax season exports. CharityGlow is WordPress Multisite compatible, GDPR ready, translation ready and RTL friendly. Design flexible multi-step donation forms, pick preset amounts, allow custom amounts, add a cover-fee checkbox and convert 30% more donors overnight. Everything is GDPR and PCI compliant out of the box so your donors never have to worry about data safety.