Elements
An element is a small, self-contained widget — a donation form, a donation button, a Start Crowdfunder button, and more. Elements are what make your fundraising pages work, and they are not tied to those pages: you can place an element anywhere on your site — a home page, a blog post, a landing page — and it behaves the same wherever it sits.
💳 Donation form
An inline form for giving to a campaign or offering.
🔘 Donation button
A button that opens the donation flow.
🪟 Donation popup
A donation form shown in a popup over the page.
🙋 Start Crowdfunder button
The button that lets a supporter start their own crowdfunder.
🌟 Featured crowdfunders
A gallery of the crowdfunders currently running.
📰 Content feed
A feed of your published content.
Adding an element to your site
On an N3O-built site, elements are placed on your generated pages for you. To add one somewhere else, you (or your web team) paste its embed code — a short snippet you copy from the campaign, offering or crowdfunding campaign it belongs to. Because the code carries its own identity, the element works wherever you put it.
For your web team
Everything is loaded by a single script your N3O contact adds to your site once:
<script type="module" src="https://cdn.n3o.cloud/connect-<your-code>/platforms-js/platforms.js"></script>
An embed code is the element's tag with its identity filled in:
<n3o-donation-form element-kind="donationFormOffering" element-id="…"></n3o-donation-form>
Some elements instead read the page's campaign from a meta tag in its <head>:
<meta name="n3o-campaign-id" content="…" />
<meta name="n3o-theme" content="default" />
The script is built for your organisation, so your N3O contact provides the exact tag and your embed codes; there is no separate stylesheet, as each element styles itself.