Web Push Notifications for Dashboards: Turn KPI Changes into Instant Alerts

 

Dashboards are a pull tool: the numbers are there whenever someone thinks to look. The trouble is that the moments that matter most — a key account cancels, ad spend doubles overnight, the support queue spikes — rarely line up with when someone opens the dashboard. Web push notifications add the missing push: a short alert on the screen of the people who care, sent the moment a metric crosses a threshold, with one click back to the chart that explains it. This guide shows how to add them to any dashboard with Push Agent, a web push service that works on any HTTPS website.

What Are Web Push Notifications?

Web push notifications are short, clickable messages a website sends through the browser — Chrome, Edge, Firefox, Opera or Safari — after a visitor clicks Allow. They appear on screen like an app notification, even when the website isn't open in a tab, and clicking one opens whatever page you chose. No app to install, no email address or phone number to collect.

That makes them a natural fit for dashboards. The people who need an alert are already using your dashboard in their browser; allowing notifications once is all it takes for that dashboard to tap them on the shoulder when something changes.

Why Dashboards Need Push, Not Just Pull

A well-built dashboard answers "how are we doing?" for anyone who opens it. What it can't do on its own is decide that something needs attention now. That gap shows up in a few familiar ways:

Problems found too late: A metric drifts out of range on Friday evening and nobody notices until the Monday review — by which time the overspend, the backlog or the lost customers have already happened.
Dashboards nobody opens: When checking the numbers depends on remembering to check them, busy teams stop checking. A timely alert gives people a reason to come back to the dashboard.
Email alerts that get buried: Automated alert emails compete with everything else in the inbox and are easy to filter away. A notification appears on screen and is dismissed or acted on in seconds.
One click to context: A good alert doesn't just say "spend is up" — it opens the exact chart, filtered to the right campaign or region, so the next decision starts from the data.

The rule of thumb: let the dashboard show everything, and let push notifications flag only the few changes that need someone to act.

Dashboard Alerts by Team

The alerts worth sending are different for every department, but the pattern is the same: one clear threshold, one short message, one link to the chart.

Sales "Deal over $20,000 closed won", "Pipeline coverage fell below 3×" or "Quota attainment passed 100%" — each linking to the pipeline view on the sales dashboard.
Marketing "Daily ad spend is 40% over budget" or "Cost per lead doubled on Campaign X" — so a runaway campaign is paused in minutes, not discovered at the end of the month.
Operations & Support "Open tickets passed 150" or "3 tickets breached their SLA in the last hour" — sent to the people on shift, linking to the queue.
Finance "Cash balance fell below the 60-day runway mark" or "Invoices over 90 days overdue: 12" — linking to the receivables or cash-flow dashboard.
E-commerce "5 best sellers are low on stock" for the team, and order status updates for customers. Push Agent's WooCommerce integration sends shoppers a notification when their order is shipped or delivered.
SaaS & Client Portals "Your weekly report is ready" or "Your usage reached 90% of your plan" — a reason for your own users to come back to the dashboard you built for them.

Web Push vs. Email, SMS and Chat Alerts

Most teams already have some way to send alerts. Here's where web push fits alongside them:

 Web pushEmail alertsSMSTeam chat bots
Setup for the readerOne click on AllowAn email addressA phone numberA chat workspace and bot
Where it appearsOn screen, straight awayInboxPhoneInside the chat app
Cost per messageNone (unlimited on Push Agent)Usually nonePer messageUsually none
Opens the dashboardYes, one clickVia a linkVia a linkVia a link
Works for external usersYesYesYesRarely

Web push doesn't have to replace the others. Email remains the place for detail and audit trails; push is the fast, lightweight nudge on top.

Adding Push Alerts to a Dashboard (Step-by-Step)

These steps use Push Agent. It uses the standard Web Push protocol, so there's no Firebase project or Google developer account to set up.

1

Create a free Push Agent account at app.pushagent.net and add your dashboard's website address. It must use HTTPS.

2

Add the script and the service worker. Paste one line of code into your dashboard's page template and upload one small file, pushagent-sw.js, to the root folder of the domain. On WordPress or Joomla, the free plugin does both for you. The guide for any HTTPS website walks through it.

3

Ask your team to allow notifications. Each person opens the dashboard in their browser and clicks Allow on the small card that appears. That browser is now subscribed.

4

Send a test from the Push Agent dashboard: a title, a short message and the link to your dashboard. Check it arrives and opens the right page.

5

Pick your thresholds. Agree on the handful of changes that deserve an alert — one or two per team is a good start — and write each message so it says what happened and where to look.

6

Automate it with a scheduled script that checks your data and calls the Push Agent API when a threshold is crossed (see the next section).

Keep alerts for your team separate from notifications for your website visitors: add your internal dashboard as its own website in Push Agent, so only the people who use it are subscribed to it.

Sending Alerts Automatically from Your Data

Manual notifications are fine for announcements, but the real value is in alerts that fire on their own. Push Agent's REST API (Growth plan and up) sends a notification to all of a website's subscribers — or only those in certain countries, or on certain devices or browsers — from any script. Create an API key under API & WooCommerce in your Push Agent dashboard, then run a check like this every 15 minutes with cron (the opening PHP tag is left out here so the article itself stays safe to publish):

// low-stock-alert.php: run every 15 minutes from cron
// (save it as a .php file that starts with the usual PHP opening tag)
$pdo = new PDO('mysql:host=localhost;dbname=shop', 'db_user', 'db_password');
$low = (int) $pdo->query('SELECT COUNT(*) FROM products WHERE stock < 5')->fetchColumn();

// Only alert when the number changes, so the team isn't told the same thing twice.
$stateFile = __DIR__ . '/low-stock.last';
if ($low === 0 || $low === (int) @file_get_contents($stateFile)) {
    exit;
}
file_put_contents($stateFile, (string) $low);

$ch = curl_init('https://app.pushagent.net/api/v1/campaigns');
curl_setopt_array($ch, [
    CURLOPT_POST           => true,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_HTTPHEADER     => [
        'Content-Type: application/json',
        'X-PushAgent-Key: ' . getenv('PUSHAGENT_API_KEY'),
    ],
    CURLOPT_POSTFIELDS     => json_encode([
        'title' => "$low products are low on stock",
        'body'  => 'Open the inventory dashboard to reorder before they sell out.',
        'url'   => 'https://dashboards.example.com/inventory',
    ]),
]);
echo curl_exec($ch);

A few details that keep automated alerts useful:

  • Keep the title short. Titles can be up to 65 characters and messages up to 240, but browsers cut long titles, especially on phones.
  • Link to the exact view — the filtered chart, not the dashboard's home page.
  • Alert on change, not on state. As in the example, remember what you last sent, so a metric that stays over the line doesn't trigger the same alert every 15 minutes.
  • Store the API key outside your code, for example in an environment variable, and revoke it from the Push Agent dashboard if it's ever exposed.

Requirements

For push notifications

  • A dashboard served over HTTPS (browsers only allow push on secure sites)
  • Access to add one line of code to the page template and one file to the domain's root folder
  • A free Push Agent account: up to 2,500 subscribers and unlimited notifications

For automated alerts

  • A server that can run scheduled jobs (cron) with PHP and cURL, or any language that can send an HTTPS request
  • Push Agent's Growth plan for API access. New accounts can try every Growth feature free for 14 days; see Push Agent pricing.

Building the dashboard itself? Dashboard Builder connects to MySQL, PostgreSQL, CSV and Excel, and the same queries you chart can drive the thresholds for your alerts.

Frequently Asked Questions

Yes. Any dashboard served over HTTPS can send web push notifications once a push service's script and service worker file are added. People who open the dashboard click Allow once, and from then on alerts appear on their screen even when the dashboard isn't open.
No. Web push notifications come through the browser they already use: Chrome, Edge, Firefox, Opera or Safari. On iPhone and iPad, notifications work for websites added to the Home Screen (iOS 16.4 and newer).
Add your internal dashboard as its own website in Push Agent, ideally on its own subdomain. Only the people who use that dashboard subscribe to it, so its alerts never reach the visitors of your public website.
Yes. A scheduled script checks your data and calls the Push Agent REST API when a threshold is crossed. The API can send to all of a website's subscribers or filter by country, device or browser, and it is available on the Growth plan and higher.
The Free plan covers up to 2,500 subscribers on one website with unlimited notifications and no credit card. API access for automated alerts is part of the Growth plan, which every new account can try free for 14 days.
Yes. Push Agent has free plugins for WordPress and Joomla, and any other HTTPS site, including a custom PHP dashboard, needs one line of code and one small file in its root folder.
As few as possible. One or two well-chosen thresholds per team, sent only when a value changes, keep alerts trusted. If people start ignoring or blocking them, raise the thresholds rather than adding more.

Try Push Agent Free — No Credit Card Required

Sophie Bennett – SEO Content Writer & Content Strategist
Written by Sophie Bennett — SEO Content Writer & Content Strategist @ Push Agent
Updated Oct 5, 2026 · 7 min read