Lägg till en widget på din webbplats

Om du vill kommunicera din status till dina besökare kan du lägga till en statuswidget på din webbplats.

För att lägga till en Instatus-widget på din webbplats går du till dashboard.instatus.com och väljer sedan din statussida.

Gå till Widget, välj typ av widget, kopiera lite kod – så är du klar!

Lägg till en flytande widget på din webbplats

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.

Lägg till en badge i din webbplats 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

Lägg till en egen widget på din webbplats.

Utveckla din egen widget med livedata från din statussida.

Hämta din aktuella status, aktiva incidenter och underhåll via den här endpointen:

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