Status badge

In the editor, open Status badge in the title row. Pick the look, copy the code and paste it where your website is built.

studio.uptimecard.com/status/brightloom.example Reset

Show your live status on your own website. The badge updates by itself, and visitors who click it land on your status page - more trust for brightloom.example, with no extra work.

1Pick the look

Your website's footer

Light Dark

Show uptime %

Clicks open uptimecard.com/status/brightloom.example .

2Copy the code

Website (HTML)Markdown

Copy code

<a href="https://uptimecard.com/status/brightloom.example" target="_blank" rel="noopener"><img src="https://uptimecard.com/badge/brightloom.example.svg" alt="brightloom.example status"></a>

3Paste it on your site

WordPressWixSquarespaceShopifyWebflowGitHub READMEAnything else

In Appearance → Editor (or Widgets), open your footer, add a "Custom HTML" block, paste the code, then Save.

Managing client sites? Every status page has its own badge - add each client's to their footer.

• Light or dark, to match your footer.
• Show uptime %: off by default. When on, the badge also shows the page's uptime.
• Website (HTML) or Markdown (for a GitHub README).

• The badge is a picture at uptimecard.com/badge/your-domain.svg. It updates by itself, about every minute.
• A click opens your page on uptimecard.com. If that page is hidden, it opens your page's own address instead.
• The address of the badge never changes, so code you pasted keeps working.