Help & guidesStatus pages › Status widget for your website

Status widget for your website

3 min read · Status pages

The status widget is a small live indicator that you embed on your own site (for example in the footer or on a support page). It shows visitors right away whether your services are running - without them having to leave for a separate status page.

Prerequisite

You need to have created a public status page without password protection. The widget shows the status of the monitors that are on this status page.

How to embed it

  1. Open the detail of your status page in Status pages.
  2. Copy the ready-made embed code. It looks like this:
<div id="epulzio-status"></div>
<script src="https://epulz.io/widget.js" data-slug="vasa-stranka" async></script>

Paste it into the HTML of your site where you want the widget to appear. That is all.

Features

  • Lightweight and asynchronous - the script loads via async, so it does not slow down your page.
  • It fetches the status itself from the public JSON endpoint /widget/<slug>.json (with CORS enabled).
  • It shows the overall status (all operational / partial outage / outage) based on the monitors on the status page.
Tip: place the widget in the footer or on a "Contact / Support" page. The customer then sees the status before writing to you that "nothing works".
Was this guide helpful?