Appearance
Rask start (5 min)
Kom i gang med Lumi-widgeten i din app på under 5 minutter. Du trenger kun tilgang til dashboardet — ingen admin-hjelp nødvendig.
1. Logg inn i dashboardet
Åpne dashboardet og logg inn med din OIDC-konto (samme som du bruker for andre interne systemer).
2. Hent en API-nøkkel
- Gå til Innstillinger → API-nøkler i venstremenyen
- Klikk Ny nøkkel
- Velg type Publishable (pk) og gi nøkkelen et beskrivende navn, f.eks.
min-app-prod - Klikk Opprett — kopier nøkkelen som vises (
lumi_pk_live_...)
Kun én gang
Nøkkelen vises bare én gang ved opprettelse. Lagre den trygt, f.eks. som en miljøvariabel.
3. Legg til script-taggen
Lim inn dette i HTML-en der du vil vise widgeten:
html
<script
src="https://lumi.din-bedrift.no/widget.js"
data-key="lumi_pk_live_..."
data-survey="min-survey-id"
async
></script>| Attributt | Beskrivelse |
|---|---|
data-key | pk_-nøkkelen du kopierte i forrige steg |
data-survey | ID-en på surveyen du vil vise (definer den i TypeScript) |
For React-prosjekter kan du i stedet bruke npm-pakken:
sh
npm install @navikt/lumi-surveytsx
import { LumiSurvey } from "@navikt/lumi-survey";
<LumiSurvey
apiUrl="https://lumi.din-bedrift.no"
apiKey="lumi_pk_live_..."
survey={minSurvey}
/>4. Se data i dashboardet
Når en bruker fyller ut surveyen, vises svarene umiddelbart under Dashboard → [ditt team] i Lumi-dashboardet. Filtrer på tidsperiode, spørsmål og konteksttagger.
Neste steg
- Installer widget — full installasjonsveiledning med npm-pakken
- Konfigurer survey — spørsmålstyper og logikk
- Produksjonsherdning — origin-validering og nøkkelrotasjon
- Distribuer Lumi — sett opp Lumi på egen infrastruktur
