Status Page Designer
De Status Page Designer is een gesplitste editor waarin je je statuspagina aan de linkerkant configureert en rechts een live voorbeeld ziet.
Getting started
- Ga naar Status Pages in de zijbalk.
- Klik op Create Status Page (of selecteer een bestaande en klik op Edit).
- De ontwerper opent met twee tabbladen: Settings en Components.
Settings tab
Het tabblad Settings bepaalt het algemene uiterlijk en gedrag van je statuspagina.
General
| Setting | Description |
|---|---|
| Name | Titel van je statuspagina. |
| Slug | URL-vriendelijke identificatie. Verschijnt in de statuspagina-URL. |
| Description | Korte beschrijving onder de titel. |
| Public | Schakelaar om de pagina voor iedereen zichtbaar te maken. |
Privacy
Een pagina privé maken (het vinkje bij Make this status page public verwijderen) verbergt deze voor de openbare URL. Bezoekers van een privépagina zien een toegangsscherm waar ze kunnen:
- Het toegangswachtwoord invoeren dat je hebt ingesteld, of
- Inloggen met een isthisthing.online-account dat lid is van de workspace van de pagina.
Workspace-leden kunnen een privépagina altijd bekijken wanneer ze zijn ingelogd. Privépagina's werken hetzelfde op een custom domein.
| Instelling | Beschrijving |
|---|---|
| Toegangswachtwoord | Private statuspagina's vereisen altijd een toegangswachtwoord. Gebruik Nieuw wachtwoord instellen om dit op elk moment te vernieuwen zonder het oude wachtwoord in te voeren. Wanneer de pagina openbaar wordt gemaakt, wordt het wachtwoord verwijderd. |
Branding
| Setting | Description |
|---|---|
| Logo URL | URL naar een afbeelding in de paginaheader. |
| Brand Color | Primaire accentkleur (hex-waarde). |
| Contact Email | E-mail getoond aan bezoekers voor supportvragen. |
Theme
Kies uit zeven ingebouwde thema's:
| Theme | Style |
|---|---|
| Dark | Strak donker ontwerp. Standaard voor Free-abonnement. |
| Corporate | Professioneel licht thema met gestructureerde lay-out. |
| Aurora | Verloopaccenten met een moderne uitstraling. |
| Minimal | Eenvoudig ontwerp gericht op leesbaarheid. |
| Terminal | Monospace, terminal-geïnspireerde esthetiek. |
| Timeline | Incidentgeschiedenis weergegeven als chronologische tijdlijn. |
| Grid | Kaartgebaseerde lay-out voor componenten. |
Free bevat alleen Dark. Starter en hoger ontgrendelen alle thema's.
SEO
| Setting | Description |
|---|---|
| Meta Title | Aangepaste <title>-tag voor zoekmachines. |
| Meta Description | Aangepaste <meta description> voor zoekresultaten. |
Laat deze leeg om automatisch de paginanaam en -beschrijving te gebruiken.
Announcement
Een optionele banner boven aan je statuspagina. Gebruik deze voor onderhoudsberichten of belangrijke updates.
Advanced
| Setting | Description |
|---|---|
| Custom Domain | Host op je eigen domein (Pro/Enterprise). Zie Custom Domains. |
| Show Powered By | Schakel de "Powered by isthisthing.online"-attributie in/uit. |
| Show Subscribe Button | Laat bezoekers zich abonneren op e-mailupdates (Pro/Enterprise). |
Components tab
Componenten vertegenwoordigen de diensten of systemen die je wilt volgen op je statuspagina.
Adding a component
- Schakel naar het tabblad Components.
- Klik op Add Component.
- Voer een naam in (bijv. "Website", "API", "Database").
- Koppel het optioneel aan een Monitor voor automatische statusupdates.
- Klik op Save.
Component statuses
| Status | Meaning |
|---|---|
| Operational | Alles werkt normaal. |
| Degraded Performance | Langzamer dan normaal maar nog steeds functioneel. |
| Partial Outage | Sommige gebruikers of functies zijn getroffen. |
| Major Outage | De dienst is volledig offline. |
| Under Maintenance | Gepland onderhoud is bezig. |
Linked vs. manual components
- Linked — componentstatus werkt automatisch bij op basis van de gezondheid van de gekoppelde Monitor.
- Manual — je stelt de status zelf in vanuit het Dashboard.
Reordering
Sleep componenten omhoog of omlaag in de lijst om hun weergavevolgorde op de openbare pagina te wijzigen.
Visibility
Schakel de zichtbaarheid van een component in of uit om deze op de openbare pagina te tonen of verbergen zonder deze te verwijderen.
Live preview
De rechterkant van de ontwerper toont een realtime voorbeeld van je statuspagina. Wijzigingen aan instellingen, thema, branding of componenten verschijnen direct.
Het voorbeeld toont ook hoe:
- Actieve incidenten worden weergegeven.
- Eerdere incidenten in de geschiedenis worden getoond.
- Aankomende onderhoudsvensters worden vermeld.
Publishing
Klik op Save in de ontwerper om je wijzigingen te publiceren. Je statuspagina is onmiddellijk beschikbaar op:
https://statuspage.isthisthing.online/{workspace-slug}/{page-slug}