Sharing a Donation Form
Overview
Make it easy for Supporters to give by sharing a direct link to your campaign’s donation form or by embedding the form right inside your own website. A QR‑code option is in the works—stay tuned!
Time to complete: < 2 minutes
Difficulty: Beginner
Prerequisites: An Active campaign in Fundraising
Quick Start
| If you want to… | Do this | Typical use‑case |
|---|---|---|
| Share a link | Copy the campaign URL | Email newsletters, social posts |
| Embed the form | Copy the embed code snippet | Add a donation widget on your site |
🤖 AI Assistant Tip – Ask “Give me the link for **[Campaign]” or “Generate embed code for **[Campaign]” to get what you need instantly.
Option 1 – Copy the Donation Link (Portal UI)
- Go to Fundraising → Campaigns.
- Hover over the campaign card and click the ⋯ Actions menu (three vertical dots).
- Select Copy Link. The URL is copied to your clipboard.
- Paste the link anywhere—emails, social, SMS, chat.
Best Practices
- Use URL shorteners (e.g. bit.ly) for cleaner links on socials.
- Add UTM parameters (
?utm_campaign=summer_appeal) so your analytics track the source of each gift.
Option 2 – Embed the Donation Form on Your Website
- From the same ⋯ Actions menu choose Get Embed Code.
- A modal displays a pre‑built
<script>+<div>snippet. Click Copy Code. - Paste the snippet anywhere in your site’s HTML where you want the form to appear.
<!-- FundiFI Fundraising Widget for Small Delights -->
<script src="https://public-sandbox.adminifi.app/embed.js" type="module"></script>
<div id="adminifi-campaign" data-campaign-id="4" data-org-id="" data-no-preview="false"></div>
Customizing the Embed
| Attribute | What it does | Values |
|---|---|---|
data-campaign-id | Loads specific campaign | Integer ID displayed in URL |
data-no-preview | Hide the preview image and stats | true/false |
data-theme (coming soon) | Light/dark styling | light / dark |
🛠 Developer Note: The widget uses a vanilla ES module—no framework required. It automatically resizes to its container’s width.
Coming Soon – QR Codes
A built‑in Generate QR Code action will let you download a print‑ready image that opens the donation page when scanned. Perfect for event posters and handouts.
AI Assistant Examples
- “Copy the link to Small Delights.”
- “Give me embed code for campaign ID 4 without preview.”
- “Generate UTM‑tagged link for Pet Food Pantry with source email.”
Troubleshooting
| Problem | Fix |
|---|---|
| Link opens to 404 | Confirm the campaign is Active and not Archived. |
| Embed doesn’t appear | Ensure both <script> and <div> elements were pasted; check browser console for CSP or mixed‑content errors. |
| Styles look off | Wrap the widget in a max‑width container or use the upcoming data-theme attribute. |