Lägg till en widget på din webbplats

Instatus erbjuder tre sätt att visa din status på din egen webbplats: en flytande widget som dyker upp vid incidenter, en badge för din sidfot och en summary.json-endpoint för att bygga en egen widget.

För att lägga till en går du till dashboard.instatus.com, väljer din statussida, öppnar Widget, väljer typ av widget och kopierar koden.

Hur lägger jag till en flytande widget?

1. Logga in på Instatus på instatus.com/login och välj sedan din statussida.

2. Gå till Widget → Flytande.

3. Anpassa din widget som du vill genom att välja:

• Bakgrundsfärg
• Förgrundsfärg
• Widgetens position i förhållande till sidan

4. Kopiera widgetens skript och klistra in det i body på din HTML-sida.

Hur lägger jag till en statusbadge i min sidfot?

1. Logga in på Instatus på instatus.com/login och välj sedan din statussida.

2. Gå till Widget → Badge.

3. Välj ljust eller mörkt läge

4. Välj din storlek (liten, mellan eller stor) 🤏

5. Bädda in koden på din HTML-sida

Hur bygger jag en egen widget?

Hämta summary.json från din statussida för att få aktuell status, aktiva incidenter och underhåll som livedata till din egen widget:

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

Exempelsvar:

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

Möjliga sidstatusar:

• UP
• HASISSUES
• UNDERMAINTENANCE

Möjliga incidentstatusar:

• INVESTIGATING
• IDENTIFIED
• MONITORING
• RESOLVED

Möjliga underhållsstatusar:

• NOTSTARTEDYET
• INPROGRESS
• COMPLETED