Tilføj en widget på dit website

Vil du vise din status for dine besøgende, kan du tilføje en status-widget på dit website.

Du tilføjer en Instatus-widget på dit website ved at gå til dashboard.instatus.com og derefter vælge din statusside.

Gå til Widget, vælg widget-typen, kopier lidt kode, og så er du klar!


Tilføj en flydende widget på dit website

  1. Log ind på Instatus på instatus.com/login, og vælg derefter din statusside.

  2. Gå til Widget → Flydende.

  3. Tilpas din widget, som du vil, ved at vælge:

  • Baggrundsfarve
  • Forgrundsfarve
  • Widgettens placering på siden
  1. Kopier din widget-kode, og indsæt den i body på din HTML-side.
Widgetten dukker op, når der er en ny hændelse 🙀

Tilføj et badge i dit websites sidefod

  1. Log ind på Instatus på instatus.com/login, og vælg derefter din statusside.

  2. Gå til Widget → Badge.

  3. Vælg lys eller mørk tilstand

  4. Vælg din størrelse (lille, mellem eller stor) 🤏

  5. Indsæt koden på din HTML-side

Du bør nu se et badge i din sidefod 🥳

Tilføj en egen widget på dit website.

Udvikl din egen widget med live data fra din statusside.

Hent din aktuelle status, aktive hændelser & vedligeholdelser via dette endpoint:

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

Eksempel på svar:

{
"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"
}
]
}

Mulige sidestatusser:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Mulige hændelsesstatusser:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Mulige vedligeholdelsesstatusser:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Nu kan du have din egen widget! 🥳