Embeddable status badge

Status badge.png

Take advantage of the Status pages by integrating a real-time status badge. This badge, implemented as an <iframe>, displays the current status of your services directly within your application or web-page.

How to Embed the Status Badge

  1. Go to Status Pages
  2. Pick the status page you want to add a badge from.
  3. Go to Advanced settings → Embeddable badge.
  4. Copy the <iframe> code
  5. Embed this code into your application where you'd like the badge to appear.

Customizing the Badge: Tailor the badge's appearance using CSS. If you're using Tailwind, set color-scheme: none to ensure proper styling of the dark-theme badge.