Layout-Builder
Mit dem Layout-Builder bestimmst du selbst, wie deine öffentliche Statuspage aufgebaut ist: Du sortierst die Standard-Bereiche um, blendest einzelne aus und fügst eigene Inhalte hinzu -- ganz ohne Code.
Verfügbar ab Team
Der Layout-Builder steht in den Plänen Team und Business zur Verfügung. In den Plänen Free und Solo siehst du an dieser Stelle einen Upgrade-Hinweis. (Logo, Farben und Custom CSS sind davon unabhängig in jedem Plan verfügbar.) Details unter Pläne & Preise.
So funktioniert es
Deine Statuspage besteht aus einer geordneten Liste von Bereichen (Sections). Im Layout-Builder ziehst du sie per Drag-and-Drop in die gewünschte Reihenfolge, schaltest sie ein oder aus und fügst neue Bereiche hinzu. Eine Vorschau zeigt dir jederzeit, wie das Ergebnis für Besucher aussieht.
Es gibt zwei Arten von Bereichen: die Kern-Bereiche mit deinen Live-Daten und eigene Inhalts-Bereiche für zusätzliche Texte und Links.
Kern-Bereiche
Diese Bereiche zeigen die echten Daten deiner Statuspage. Du kannst sie umsortieren und (bis auf das Status-Banner) ein- oder ausblenden -- jeder Kern-Bereich erscheint höchstens einmal.
| Bereich | Inhalt |
|---|---|
| Status-Banner | Der Gesamtstatus ganz oben (immer sichtbar, nicht entfernbar) |
| Wartungen | Geplante und laufende Wartungen |
| Komponenten | Die Liste deiner Komponenten und Gruppen mit Status |
| Metriken | Response-Zeiten und Uptime als Chart |
| Aktive Incidents | Laufende Störungen mit Zeitlinie |
Status-Banner bleibt immer
Das Status-Banner ist Pflicht und kann nur verschoben, aber nicht ausgeblendet werden -- es ist die wichtigste Information für deine Besucher.
Eigene Inhalts-Bereiche
Zusätzlich fügst du eigene Bereiche hinzu, um deine Statuspage individueller zu gestalten:
| Bereich | Wofür |
|---|---|
| Intro-Text | Eine kurze Einleitung oder Begrüßung am Seitenanfang |
| Link-Gruppe | Eine Sammlung von Links, z.B. zu Support, Doku oder Hauptseite |
| Ankündigung | Ein hervorgehobener Hinweis, z.B. zu einem geplanten Umzug oder einer Info |
| Rich-Text | Freier, formatierter Text für längere Erklärungen |
| Abstand | Ein leerer Abstand zur optischen Gliederung |
| Trennlinie | Eine horizontale Linie zwischen zwei Bereichen |
Strukturierte Inhalte, kein Roh-HTML
Eigene Bereiche werden als strukturierte Inhalte gepflegt und sind mehrsprachig hinterlegbar. Für tiefergehende optische Anpassungen nutzt du zusätzlich das Custom CSS aus dem Branding.
Layout bearbeiten
- Öffne die Statuspage und gehe in die Einstellungen.
- Wechsle zum Layout-Builder.
- Ziehe die Bereiche in die gewünschte Reihenfolge, blende nicht benötigte Kern-Bereiche aus und füge über "Bereich hinzufügen" eigene Inhalte ein.
- Prüfe die Vorschau und speichere.
Zurück zum Standard
Setzt du das Layout zurück, erscheint wieder die Standard-Anordnung: Status-Banner, Wartungen, Komponenten, Metriken, Aktive Incidents.
Weiterführende Themen
- Statuspage erstellen -- Grundlagen, Branding und Zugriff
- Metriken -- Response-Zeiten und Uptime als Chart einblenden
- Die öffentliche Statuspage -- So sehen Besucher deine Statuspage
- Pläne & Preise -- Features und Limits der Pläne vergleichen