# Ein Widget zu Ihrer Website hinzufügen

Source: https://instatus.com/help/de/status-page/widgets

Instatus bietet drei Möglichkeiten, Ihren Status auf Ihrer eigenen Website anzuzeigen: ein schwebendes Widget, das bei Vorfällen erscheint, ein Badge für Ihren Footer und einen `summary.json`-Endpunkt zum Bauen eines eigenen Widgets.

Gehen Sie dazu zu [dashboard.instatus.com](https://dashboard.instatus.com), wählen Sie Ihre Statusseite, öffnen Sie **Widget**, wählen Sie den Widget-Typ und kopieren Sie den Code.

| At a glance | Details |
| :-- | :-- |
| [Schwebendes Widget](https://instatus.com/help/de/status-page/widgets#wie-füge-ich-ein-schwebendes-widget-hinzu) | Farben und Position, Skript im Body Ihrer Seite |
| [Badge](https://instatus.com/help/de/status-page/widgets#wie-füge-ich-ein-status-badge-in-meinen-footer-ein) | Hell oder dunkel, drei Größen, Einbettung im Footer |
| [Eigenes Widget](https://instatus.com/help/de/status-page/widgets#wie-baue-ich-ein-eigenes-widget) | summary.json mit Status, Vorfällen, Wartungen |

---

## Wie füge ich ein schwebendes Widget hinzu?

1. Melden Sie sich bei Instatus unter [instatus.com/login](https://dashboard.instatus.com/login) an und wählen Sie Ihre Statusseite.

2. Gehen Sie zu **Widget → Schwebend**.

3. Passen Sie Ihr Widget nach Wunsch an:

- Hintergrundfarbe
- Vordergrundfarbe
- Position des Widgets relativ zur Seite

4. Kopieren Sie das Widget-Skript und fügen Sie es in den Body Ihrer HTML-Seite ein.

![](https://instatus.com/help/widget-floating-1.png)

Das Widget erscheint, sobald es einen neuen Vorfall gibt 🙀

---

## Wie füge ich ein Status-Badge in meinen Footer ein?

1. Melden Sie sich bei Instatus unter [instatus.com/login](https://dashboard.instatus.com/login) an und wählen Sie Ihre Statusseite.

2. Gehen Sie zu **Widget → Badge**.

3. Wählen Sie hellen oder dunklen Modus

4. Wählen Sie Ihre Größe (klein, mittel oder groß) <span className="text-lg">🤏</span>

5. Betten Sie den Code in Ihre HTML-Seite ein

![](https://instatus.com/help/widget-badge-1.png)

In Ihrem Footer sollte jetzt ein Badge erscheinen 🥳

---

## Wie baue ich ein eigenes Widget?

Rufen Sie `summary.json` von Ihrer Statusseite ab, um den aktuellen Status, aktive Vorfälle und Wartungen als Live-Daten für Ihr eigenes Widget zu erhalten:

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

**Beispielantwort:**

```json
{
  "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ögliche Seitenstatus:

- `UP`
- `HASISSUES`
- `UNDERMAINTENANCE`

Mögliche Vorfallsstatus:

- `INVESTIGATING`
- `IDENTIFIED`
- `MONITORING`
- `RESOLVED`

Mögliche Wartungsstatus:

- `NOTSTARTEDYET`
- `INPROGRESS`
- `COMPLETED`

Jetzt können Sie ein eigenes Widget nutzen! 🥳

- [Eine eigene Domain für Ihre Instatus-Seite verwenden](https://instatus.com/help/de/status-page/custom-domain): Erfahren Sie, wie Sie eine eigene Domain für Ihre Statusseite verwenden.