Embed a Status Badge

You can embed a small status badge on any website (marketing page, docs, dashboard) that reflects the current state of your status page.

Getting the embed code

1. Go to Status Pages on the dashboard
2. Open the status page you want to embed
3. Scroll to the Embed Badge section
4. Click Copy and paste the snippet into your HTML

Example

<script src="https://pages.uptagen.com/your-slug/badge.js" async></script>

Replace your-slug with your status page slug. The badge is always served from pages.uptagen.com, even if your status page uses a custom domain. The badge link itself still points to your custom domain if one is set.

The badge is injected inline wherever you place the script tag. It inherits your host page’s layout — no iframe, no fixed dimensions.

States

The badge shows one of three states, refreshed each time the host page loads:

• All systems operational — green dot, no active incidents
• Incident in progress — red dot, one or more services are down
• No services configured — grey dot, the status page has no attached monitors or healthchecks

Clicking the badge opens the full status page in a new tab.

Theme

Set the badge theme from the dashboard’s Badge theme field on the status page settings. Three options:

• System (default) — follows the visitor’s OS light/dark preference
• Light — always light
• Dark — always dark

Changing the theme on the dashboard applies to every embed instantly. You do not need to update the embed snippet.