Legg til en widget på nettstedet ditt

Hvis du vil formidle statusen din til de besøkende, kan du legge til en status-widget på nettstedet ditt.

For å legge til en Instatus-widget på nettstedet ditt går du til dashboard.instatus.com og velger deretter statussiden din.

Gå til Widget, velg widgettypen, kopier litt kode, og så er du i gang!

Legg til en flytende widget på nettstedet ditt

1. Logg inn på Instatus fra instatus.com/login og velg deretter statussiden din.

2. Gå til Widget → Flytende.

3. Tilpass widgeten slik du vil ved å velge:

• Bakgrunnsfarge
• Forgrunnsfarge
• Widgetens plassering på siden

4. Kopier widget-skriptet og lim det inn i body-delen av HTML-siden din.

Legg til et merke i bunnteksten på nettstedet ditt

1. Logg inn på Instatus fra instatus.com/login og velg deretter statussiden din.

2. Gå til Widget → Merke.

3. Velg lys eller mørk modus

4. Velg størrelsen din (liten, middels eller stor) 🤏

5. Bygg inn koden i HTML-siden din

Legg til en egen widget på nettstedet ditt.

Utvikle din egen widget med sanntidsdata fra statussiden din.

Hent gjeldende status, aktive hendelser og vedlikehold med dette endepunktet:

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

Eksempelsvar:

{
  "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 sidestatuser:

• UP
• HASISSUES
• UNDERMAINTENANCE

Mulige hendelsesstatuser:

• INVESTIGATING
• IDENTIFIED
• MONITORING
• RESOLVED

Mulige vedlikeholdsstatuser:

• NOTSTARTEDYET
• INPROGRESS
• COMPLETED