Live dashboard
The live dashboard is the real-time control screen for an ongoing campaign. It aggregates all the essential indicators on a single page: how much has been collected, how many donors, how many active visitors, who are the latest contributors.
Access the live dashboardβ
Three access paths:
| Path | When to use it |
|---|---|
| Menu Actions > Live Dashboard on a campaign card | Fastest from the list |
Direct URL /app/campagne/dashboard?campagneId=[id] | To bookmark or share |
| Sub-menu Campaigns > Dashboard in the sidebar | If you want to navigate without going back to the list |
Dashboard componentsβ
Progress bannerβ
At the top of the page:
- a flashing Live badge confirming the data is live
- the campaign label
- a colored progress bar (green above 80%, yellow 60-79%, orange 30-59%, red below) with the percentage of the goal reached
Main KPIsβ
Four central indicators highlighted:
| KPI | Detail |
|---|---|
| Amount Collected | Cumulative total (green). Subtitle: amount available online |
| Number of Donors | Cumulative total (green). Subtitle: number of online donations |
| Subscriptions | Number of active subscriptions. Subtitle: total amount of subscriptions |
| Pledges | Number of open pledges. Subtitle: total amount of pledges |
Active visitorsβ
VisitorKpi block:
- Number of Visitors: users active on the campaign page in the last 10 seconds
- Number of Payment Visitors: users currently on the payment form
This is the key indicator for measuring the immediate effect of a newsletter or WhatsApp message: the counter rises almost instantly.
Visitor historyβ
VisitorHistorytChart graph displaying the last 13 hours of visits. Lets you spot peaks linked to a communication blast or an event.
Latest payments, pledges and HPβ
Three scrolling lists:
- LastPaiements: 5 latest payments (contact, amount, time)
- LastPromesses: 5 latest pledges
- LastHP: 5 latest manual entries (payments or pledges recorded in the backoffice by an operator)
Each line is clickable and opens the payment or pledge profile.
Automatic refreshβ
All dashboard data is refreshed every 5 seconds via the endpoint
GET /campagnes/[id]. No need to reload the page: numbers update
automatically.
Quick actions from the dashboardβ
The sub-header offers four immediate action buttons:
| Button | Action |
|---|---|
| Campaign Link | Opens the modal to copy the public link with filters |
| Add a Payment | ModalCerfa modal to manually enter a payment (check, cash) |
| Add a Subscription | ModalAbonnement modal to enter a new subscription |
| Add a Pledge | ModalPromesse modal to record a commitment |
Use case: during a physical event, the team can enter check or cash donations directly from the dashboard and see them appear instantly in the counters.
Fullscreen modeβ
An expand / minimize button in the top right toggles fullscreen mode. In this mode:
- the admin interface (sidebar, header) is hidden
- the dashboard takes up the entire screen
- data continues to scroll every 5 seconds
Fullscreen mode is designed for big-screen projection during events: galas, support evenings, live operations.
Versus the gala screenβ
The live dashboard is an operator / pilot screen focused on KPIs. For a live fundraising screen with the scrolling list of contributors, the right tool is the gala screen β see Live gala screen.