# Legg til en widget på nettstedet ditt

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

Instatus tilbyr tre måter å vise statusen din på ditt eget nettsted: en flytende widget som dukker opp under hendelser, et merke til bunnteksten din og et `summary.json`-endepunkt for å bygge en egen widget.

For å legge til en går du til [dashboard.instatus.com](https://dashboard.instatus.com), velger statussiden din, åpner **Widget**, velger widgettypen og kopierer koden.

| At a glance | Details |
| :-- | :-- |
| [Flytende widget](https://instatus.com/help/no/status-page/widgets#hvordan-legger-jeg-til-en-flytende-widget) | Farger og plassering, skript i body på siden din |
| [Merke](https://instatus.com/help/no/status-page/widgets#hvordan-legger-jeg-til-et-statusmerke-i-bunnteksten) | Lys eller mørk, tre størrelser, innebygd i bunnteksten |
| [Egen widget](https://instatus.com/help/no/status-page/widgets#hvordan-bygger-jeg-en-egen-widget) | summary.json med status, hendelser, vedlikehold |

---

## Hvordan legger jeg til en flytende widget?

1. Logg inn på Instatus fra [instatus.com/login](https://dashboard.instatus.com/login) og velg deretter statussiden din.

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

3. Tilpass widgeten slik du vil ved å velge:

- Bakgrunnsfarge
- Forgrunnsfarge
- Widgetens plassering på siden

4. Kopier widget-skriptet og lim det inn i body-delen av HTML-siden din.

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

Widgeten dukker opp når det kommer en ny hendelse 🙀

---

## Hvordan legger jeg til et statusmerke i bunnteksten?

1. Logg inn på Instatus fra [instatus.com/login](https://dashboard.instatus.com/login) og velg deretter statussiden din.

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

3. Velg lys eller mørk modus

4. Velg størrelsen din (liten, middels eller stor) <span className="text-lg">🤏</span>

5. Bygg inn koden i HTML-siden din

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

Du skal nå se et merke i bunnteksten din 🥳

---

## Hvordan bygger jeg en egen widget?

Hent `summary.json` fra statussiden din for å få gjeldende status, aktive hendelser og vedlikehold som sanntidsdata til din egen widget:

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

**Eksempelsvar:**

```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 sidestatuser:

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

Mulige hendelsesstatuser:

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

Mulige vedlikeholdsstatuser:

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

Nå kan du ha din egen widget! 🥳

- [Bruk et eget domene for Instatus-siden din](https://instatus.com/help/no/status-page/custom-domain): Lær hvordan du bruker et eget domene for statussiden din.