# Tilføj en widget på dit website

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

Instatus tilbyder tre måder at vise din status på dit eget website: en flydende widget, der dukker op under hændelser, et badge til din sidefod og et `summary.json`-endpoint til at bygge din egen widget.

Du tilføjer en ved at gå til [dashboard.instatus.com](https://dashboard.instatus.com), vælge din statusside, åbne **Widget**, vælge widgettypen og kopiere koden.

| At a glance | Details |
| :-- | :-- |
| [Flydende widget](https://instatus.com/help/da/status-page/widgets#hvordan-tilføjer-jeg-en-flydende-widget) | Farver og placering, script i din sides body |
| [Badge](https://instatus.com/help/da/status-page/widgets#hvordan-tilføjer-jeg-et-statusbadge-i-min-sidefod) | Lys eller mørk, tre størrelser, indlejres i sidefoden |
| [Egen widget](https://instatus.com/help/da/status-page/widgets#hvordan-bygger-jeg-min-egen-widget) | summary.json med status, hændelser, vedligeholdelser |

---

## Hvordan tilføjer jeg en flydende widget?

1. Log ind på Instatus på [instatus.com/login](https://dashboard.instatus.com/login), og vælg derefter din statusside.

2. Gå til **Widget → Flydende**.

3. Tilpas din widget, som du vil, ved at vælge:

- Baggrundsfarve
- Forgrundsfarve
- Widgettens placering på siden

4. Kopier din widget-kode, og indsæt den i body på din HTML-side.

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

Widgetten dukker op, når der er en ny hændelse 🙀

---

## Hvordan tilføjer jeg et statusbadge i min sidefod?

1. Log ind på Instatus på [instatus.com/login](https://dashboard.instatus.com/login), og vælg derefter din statusside.

2. Gå til **Widget → Badge**.

3. Vælg lys eller mørk tilstand

4. Vælg din størrelse (lille, mellem eller stor) <span className="text-lg">🤏</span>

5. Indsæt koden på din HTML-side

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

Du bør nu se et badge i din sidefod 🥳

---

## Hvordan bygger jeg min egen widget?

Hent `summary.json` fra din statusside for at få den aktuelle status, aktive hændelser og vedligeholdelser som live-data til din egen widget:

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

**Eksempel på svar:**

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

Mulige sidestatusser:

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

Mulige hændelsesstatusser:

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

Mulige vedligeholdelsesstatusser:

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

Nu kan du have din egen widget! 🥳

- [Brug et eget domæne til din Instatus-side](https://instatus.com/help/da/status-page/custom-domain): Lær, hvordan du bruger et eget domæne til din statusside.