Een widget aan je website toevoegen

Wil je je status aan je bezoekers laten zien, dan kun je een statuswidget aan je website toevoegen.

Ga naar dashboard.instatus.com en kies je statuspagina om een Instatus-widget aan je website toe te voegen.

Ga naar Widget, kies het type widget, kopieer wat code en je bent klaar!


Een zwevende widget aan je website toevoegen

  1. Log in bij Instatus via instatus.com/login en kies je statuspagina.

  2. Ga naar Widget → Floating.

  3. Pas je widget naar wens aan door te kiezen:

  • Achtergrondkleur
  • Voorgrondkleur
  • Positie van je widget ten opzichte van de pagina
  1. Kopieer het script van je widget en plak het in de body van je HTML-pagina.
De widget verschijnt zodra er een nieuw incident is 🙀

Een badge aan de footer van je website toevoegen

  1. Log in bij Instatus via instatus.com/login en kies je statuspagina.

  2. Ga naar Widget → Badge.

  3. Kies de lichte of donkere modus

  4. Kies je formaat (klein, middel of groot) 🤏

  5. Plaats de code in je HTML-pagina

Je zou nu een badge in je footer moeten zien 🥳

Een eigen widget aan je website toevoegen.

Ontwikkel je eigen widget met live data van je statuspagina.

Haal je huidige status, actieve incidenten & onderhoud op via dit endpoint:

https://[YOUR-STATUS-PAGE]/summary.json

Voorbeeldrespons:

{
"page": {
"name": "Instatus",
"url": "https://instat.us",
"status": "HASISSUES"
},
"activeIncidents": [
{
"name": "We're facing an issue with our API",
"started": "Sat Jun 11 2022 18:55:50 (Coordinated Universal Time)",
"status": "INVESTIGATING",
"impact": "MAJOROUTAGE",
"url": "https://testing-widget.instatus.com/incident/cl4a"
}
],
"activeMaintenances": [
{
"name": "Database maintenance",
"start": "Sat Jun 11 2022 18:55:54 (Coordinated Universal Time)",
"status": "NOTSTARTEDYET",
"duration": "60",
"url": "https://testing-widget.instatus.com/maintenance/cl4"
}
]
}

Mogelijke paginastatussen:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Mogelijke incidentstatussen:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Mogelijke onderhoudsstatussen:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Nu kun je een eigen widget maken! 🥳