Ctrlk
DashboardWebsiteRoadmap
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Live status widget

Embed a live status widget on your website to show real-time system health.

Live status widget embedded on a website

The live status widget displays your system's current health directly on your website. Paste the code snippet into any page: footer, contact page, support docs, header dropdown, or sidebar.

Status priority order

The widget shows the highest-priority status across all your components:

  1. Planned Maintenance

  2. Critical Outage

  3. Partial Outage

  4. Degraded Performance

  5. Operational

For example, if components A, B, and C are in Degraded Performance and component D is in Critical Outage, the widget shows Critical Outage.

Customisation

Spike supports Light, Dark, and System themes out of the box. You can override Spike's default CSS to modify the look and feel. All HTML classes use the spike-- prefix.

How to enable

  1. Visit your status page dashboard at https://statuspage.spike.sh

  2. Navigate to Widget from the sidebar

  3. Enable Embed Live Status Page Widget

  4. Click Get code and paste it in your <body> tag

You can initialise the widget with configuration options:

Adjust the loading and initialisation to fit your frontend stack.

Live status widget with large rounded corners
Live status widget with small rounded corners

Security

Add your domains to the allowlist so the widget loads correctly. Use *.example.com to allow all subdomains. For local testing, add your testing domain (such as an ngrok URL) to the allowlist temporarily.

PreviousEmbed status page notifications on your websiteNextCreate integration and service on our dashboard

Last updated