Installing the Sorry™ Script

The Sorry™ Script provides a convenient way to display your status page on websites. To get started, you need to add a single line of Javascript code to your website <head> section:

<script src="https://status.yourdomain.com/script.js" defer async></script>

Note: Where status.yourdomain.com is mentioned in the code examples, you must replace this with your status page domain.

Adding the Status Badge

Once the Script has been installed, add the following image tag where you would like the badge to load within your websites <body> tag:

<img
  src="https://status.yourdomain.com/badge.svg"
  width="30px"
  height="30px"
  alt="Status badge"
/>

The badge will show the current status of the status page.

Adding a Component Page Status Badge

When using Component Pages, you can include a Status Badge specific to that page. Add the following image tag, replacing the {service-name} with the component page name:

<img
  src="https://status.yourdomain.com/services/{service-name}/badge.svg"
  width="30px"
  height="30px"
  alt="Status badge"
/>

The badge will display the overall status of the Component Page.

Private Status Pages

We currently do not support displaying the Status Badge for private pages; instead, a 404 error is loaded.