Skip to content
CitexNode
All guides

Design, badge and widget

The page's name, logo, colour and language. And how to show the status on your own website.

2 min read

On this page

Design

Under Dashboard → Services → your status page → Settings you set:

  • Page language: German or English.
  • Time zone for all times on the page.

The page also has a name (shown at the top and as the sender of the e-mails), a logo (a link to an image, https:// only), an accent colour and up to six footer links with German and English labels. The dashboard has no form for these at the moment. You change them through the API (PATCH /me/status-pages/{id}, signed in, not with an API token), see Status pages via the API.

You don't set light or dark: the page follows the visitor's preference.

The "Powered by StatusCX" note in the footer is always shown on Free and Pro. On Business you can hide it.

Sharing

You find the link to the page in the Overview under Public address, with View page next to it.

Badge

A small image showing the overall status, no script. Fits into a README, a forum or your website:

text
https://yourname.statuscx.eu/en/badge.svg?theme=light
https://yourname.statuscx.eu/en/badge.svg?theme=dark

theme matches the badge to a light or dark background, /de/ instead of /en/ gives the German text. In Markdown, for example:

markdown
[![Status](https://yourname.statuscx.eu/en/badge.svg?theme=light)](https://yourname.statuscx.eu)

Widget

The widget is a script for your website. While everything runs, it stays invisible. When an incident is open, it shows a small card in the bottom-left corner with the title and a link to the report. The visitor can close it; it comes back with the next update.

html
<script src="https://yourname.statuscx.eu/widget.js" data-locale="en" data-theme="auto" defer></script>
  • data-locale: de or en. Without it, the widget uses your page's language.
  • data-theme: dark, light, auto (follows the visitor's preference) or class (reads the class dark or light on your page's <html>). Default: dark.

The widget sets no cookies and loads nothing but your page's status. Examples and snippets are also at https://yourname.statuscx.eu/en/embed.

Feed

More on the Atom feed for feed readers and automations in Subscribers, feed and webhooks.