Dodaj widżet do swojej strony

Jeśli chcesz komunikować swój status odwiedzającym, dodaj do swojej strony widżet statusu.

Aby dodać widżet Instatus do swojej strony, wejdź na dashboard.instatus.com, a następnie wybierz swoją stronę statusu.

Przejdź do Widżet, wybierz typ widżetu, skopiuj kod i gotowe!

Dodaj pływający widżet do swojej strony

1. Zaloguj się do Instatus na instatus.com/login, a następnie wybierz swoją stronę statusu.

2. Przejdź do Widżet → Floating.

3. Dostosuj widżet do swoich potrzeb, wybierając:

• kolor tła
• kolor pierwszego planu
• pozycję widżetu względem strony

4. Skopiuj skrypt widżetu i wklej go w sekcji body swojej strony HTML.

Dodaj plakietkę do stopki swojej strony

1. Zaloguj się do Instatus na instatus.com/login, a następnie wybierz swoją stronę statusu.

2. Przejdź do Widżet → Badge.

3. Wybierz tryb jasny lub ciemny.

4. Wybierz rozmiar (mały, średni lub duży) 🤏

5. Osadź kod na swojej stronie HTML.

Dodaj własny widżet do swojej strony.

Zbuduj własny widżet w oparciu o dane na żywo ze swojej strony statusu.

Bieżący status, aktywne incydenty i przerwy techniczne pobierzesz z tego endpointu:

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

Przykładowa odpowiedź:

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

Możliwe statusy strony:

• UP
• HASISSUES
• UNDERMAINTENANCE

Możliwe statusy incydentu:

• INVESTIGATING
• IDENTIFIED
• MONITORING
• RESOLVED

Możliwe statusy przerwy technicznej:

• NOTSTARTEDYET
• INPROGRESS
• COMPLETED