If you're using Crisp Status to run your status page, you may want to display a little colored badge image in your website footer, to show your current systems status. That's possible with Crisp Status.

A status badge image can be useful to have a quick overview of your systems status by looking at your main website footer, without even opening the actual status page.

The status badge image takes the color of the current status: either green for healthy, orange for sick and red for dead.

Crisp Status badge in the footer of a website

Badge URL

Here's how you can show a status badge on your website:

Get your status page URL, eg. https://acme.crisp.watch (can be a custom domain)
Append /includes/badge/ to the page URL
This gives https://acme.crisp.watch/includes/badge/
Use this URL to include the status badge as an image

As an example, here's the valid URL of the status badge of a website using Crisp Status: https://status.enrich.email/includes/badge/

Include the badge in your HTML

You should include the status badge as an image in your HTML:

<img src="https://acme.crisp.watch/includes/badge/" alt="" width="64" height="64" />

Make sure to replace all example URLs with your actual badge URL, pointing to your status page domain.
Was this article helpful?
Thank you!