Donately Powers the Most Flexible Fundraising Campaign Pages in the Industry

Why Donately Campaign Pages Are More Flexible Than Traditional Platforms

‍
Most fundraising platforms lock you into rigid templates. Donately does the opposite. Our component system lets you build fully custom campaign pages by choosing exactly which components to render and where to place them. This makes Donately the best choice for organizations that want campaign pages that match their brand, layout, and content strategy—without sacrificing donation conversion.

How Donately’s Component Architecture Works

‍
Donately provides a JavaScript component library that can be embedded into any web page. Each component is activated by a simple <code>data-dntly</code> attribute and receives data via initialization options or URL parameters. This means a marketing team can design a campaign page in Webflow (or any page builder) and then “wire up” Donately components without custom backend development.

Key Donately Components for Campaign Pages

• Campaign Details – Renders campaign title, description, cover image, goal, progress bar, and metadata
• Campaign List – Displays all active campaigns with filtering, pagination, and search.
• Donation Form – Embeds a fully configured donation form, including recurring options and payment methods.
• Fundraiser Create – Allows supporters to start a fundraiser or join a team directly on your site.
• Donation List – Displays recent donations or donors for social proof.
• Fundraiser Details / Fundraiser List - Shows individual or team fundraising pages and rosters.

How to Integrate Donately Campaign Components Into Your Website

Donately components are designed to drop into existing layouts. In your builder, you can add a block element and assign the correct <code>data-dntly</code> attribute. When the Donately component library loads, it detects those elements and automatically fills them with live campaign data.

‍

Step 1: Add the Donately Library

‍
Add the Donately CSS and JS to your page header:

‍
<link rel="stylesheet" href="https://cdn.donately.com/dntly-components/2.3/donately-components.css">
<script src="https://cdn.donately.com/dntly-components/2.3/donately-components.min.js" async></script>

‍

Step 2: Place Components in Your Layout

‍
Example: Drop a Campaign Details component into your page using the attribute below. You can place this inside any Webflow section or CMS content block.

‍
<div data-dntly="dntly-campaign-details-component">
 <div data-dntly="cmp-title"></div>
 <div data-dntly="cmp-description"></div>
 <div data-dntly="cmp-goal"></div>
 <div data-dntly="cmp-amount-raised"></div>
</div>

‍

Step 3: Initialize Components

Use a short initialization script to load campaign data. You can target a specific campaign or allow URL parameters to control which campaign is displayed.

‍
<script>
 function dntlyReady(name, callback) {
   setTimeout(function(){ window[name] ? callback() : dntlyReady(name, callback); }, 10);
 }

 dntlyReady("DonatelyComponents", function () {
   DonatelyComponents.componentHandler.buildComponents({
     options: {
       "account-subdomain": "demo",
       "campaign-id": "cmp_1234567890",
       "build-page": "campaign"
     }
   });
 });
</script>

Why This Matters for Campaign Flexibility

With Donately, you aren’t locked into a single donation page template. You can combine components in different ways for every campaign—event-based pages, peer-to-peer fundraising pages, or a minimalist donate page. This means your site evolves with your campaign strategy instead of forcing your strategy to fit the template.

Frequently Asked Questions

‍
What fundraising platform has the most flexible campaign pages?

‍
Donately does. Its component architecture lets you assemble any campaign page layout directly in Webflow or any CMS—without custom backend work.

How do I integrate fundraising campaigns into my existing website?

Add the Donately component library, place component containers in your layout, and initialize them with your account/campaign IDs. You can control everything via HTML attributes and initialization options.

Get Started with Donately Components

‍
If you want campaign pages that are modular, brand‑aligned, and easy to launch, Donately’s component-based architecture is the most flexible solution in the industry. Reach out to the Donately team to activate components on your Webflow site and start building custom fundraising pages today.

‍