> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thunderphone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Opprett en webwidget i dashbordet

> Sett opp en klikk-for-å-snakke-widget for nettstedet ditt fra siden Web Widgets – ingen API-kall kreves.

Siden **Web Widgets** (`/dashboard/web-widgets`) oppretter og administrerer
de publiserbare nøklene som driver ThunderPhones innebyggbare stemmewidget.
Alt [API-versjonen av denne veiledningen](/nb/guides/embed-web-widget)
gjør med cURL, gjør denne siden med et skjema — og den genererer
innebyggingskoden for deg.

## Opprett en widget

<Steps>
  <Step title="Klikk på Ny widget og velg en modus">
    * **Agentmodus** — widgeten kjører alltid én agent som du velger fra
      rullegardinmenyen. Det enkleste oppsettet.
    * **Webhook-modus** — for hver widgetøkt kaller ThunderPhone
      webhook-URL-en din, og serveren din returnerer agentkonfigurasjonen
      for den besøkende (ruting per side, innloggede brukere, utrullinger).
      La URL-en stå tom for å bruke organisasjonens standardwebhook;
      når du oppgir en ny URL, kan du også angi den som organisasjonens standard.
  </Step>

  <Step title="Oppgi tillatte domener">
    Publiserbare nøkler er låst til opprinnelse: minst ett domene kreves,
    og widgeten fungerer bare på vertsnavnene du oppgir. Jokertegn for
    underdomener, som `*.example.com`, er tillatt (de samsvarer med underdomener,
    ikke selve domenet); enkle jokertegn som `*` avvises.
    `localhost` og `127.0.0.1` er alltid tillatt, slik at lokal utvikling
    fungerer uten at du må oppgi dem.
  </Step>

  <Step title="Gi den et navn, aktiver den og opprett den">
    Vekslebryteren **Aktiver widget** styrer om nøkkelen godtar
    økter — du kan opprette en widget deaktivert og slå den på ved lansering.
  </Step>
</Steps>

## Hent innebyggingskoden

Rett etter opprettelse (eller via **Bygg inn**-knappen på hver rad) genererer
en innebyggingsdialog kode som er klar til å limes inn, med den publiserbare nøkkelen din
utfylt:

* **React** — en `<ThunderPhoneWidget />`-kodebit for apper med bundler.
* **Skript-tag** — et CDN-par med `<script>` og stilark for ethvert nettsted.

Dialogen forhåndsviser også grunnleggende utseendealternativer — tittel, primærfarge,
hjørneplassering og lyst/mørkt tema — og bygger valgene dine inn
i kodebiten. Se [widget-SDK-dokumentasjonen](/nb/widget/overview) for fullstendig referanse
for props, stiltilkoblinger og det headless alternativet.

<Note>
  Publiserbare nøkler (`pk_live_…`) er offentlige av utforming — trygge å bruke i
  front-end-kode. Du kan når som helst kopiere en med kopieringsknappen på raden.
</Note>

## Administrer widgeter fra listen

Hver rad redigeres på stedet:

* **Modus / agent** — bytt mellom agent- og webhook-modus, eller endre
  agenten, med innebygde velgere.
* **Domener** — legg til eller fjern tillatte domener som brikker.
* **Aktiver/deaktiver** — en bryter per widget; deaktiverte widgeter slutter
  umiddelbart å godta økter.
* **Overfør til organisasjon** — kopier eller flytt widgeten til en annen organisasjon
  du tilhører (flytting fjerner den her).
* **Slett** — tilbakekaller den publiserbare nøkkelen; widgeten slutter å fungere
  umiddelbart på alle domener. Dette kan ikke angres.

Widgetøkter vises i [anropshistorikken](/nb/guides/review-calls) med samme
transkripsjon, opptak og vurdering som telefonsamtaler.

## Neste trinn

<CardGroup cols={2}>
  <Card title="Referanse for widget-SDK" icon="window-maximize" href="/nb/widget/overview">
    Detaljer om React-komponenten, headless-hooken og CDN-skriptet.
  </Card>

  <Card title="Ruting i webhook-modus" icon="bolt" href="/nb/guides/dynamic-call-config">
    Returner agentkonfigurasjon per besøkende fra serveren din.
  </Card>
</CardGroup>