> ## 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.

# Opret en webwidget i dashboardet

> Opsæt en klik-for-at-tale-widget til dit website fra siden Webwidgets — ingen API-kald påkrævet.

Siden **Webwidgets** (`/dashboard/web-widgets`) opretter og administrerer
de publicerbare nøgler, der driver ThunderPhones integrerbare stemmewidget.
Alt, hvad [API-versionen af denne vejledning](/da/guides/embed-web-widget)
gør med cURL, gør denne side med en formular — og den genererer også
indlejringskoden for dig.

## Opret en widget

<Steps>
  <Step title="Klik på Ny widget, og vælg en tilstand">
    * **Agenttilstand** — widgetten kører altid én agent, som du vælger i
      rullemenuen. Den enkleste opsætning.
    * **Webhooktilstand** — ved hver widgetsession kalder ThunderPhone
      din webhook-URL, og din server returnerer agentkonfigurationen
      for den besøgende (routing pr. side, indloggede brugere, udrulninger).
      Lad URL'en være tom for at bruge organisationens standardwebhook;
      når du indtaster en ny URL, kan du også angive den som organisationens standard.
  </Step>

  <Step title="Angiv de tilladte domæner">
    Publicerbare nøgler er origin-låste: mindst ét domæne er påkrævet,
    og widgetten virker kun på de værtsnavne, du angiver. Jokertegn for
    underdomæner som `*.example.com` er tilladt (de matcher underdomæner,
    ikke roddomænet); brede jokertegn som `*` afvises.
    `localhost` og `127.0.0.1` er altid tilladt, så lokal udvikling
    virker uden at angive dem.
  </Step>

  <Step title="Navngiv den, aktivér den, og opret den">
    Kontakten **Aktivér widget** styrer, om nøglen accepterer
    sessioner — du kan oprette en deaktiveret widget og slå den til ved lancering.
  </Step>
</Steps>

## Hent indlejringskoden

Umiddelbart efter oprettelsen (eller via knappen **Indlejr** på hver række)
genererer en indlejringsdialog klar-til-indsæt-kode med din publicerbare nøgle
indsat:

* **React** — et `<ThunderPhoneWidget />`-udsnit til apps med bundler.
* **Script-tag** — et CDN-`<script>` + stylesheet-par til ethvert website.

Dialogen viser også en forhåndsvisning af grundlæggende udseendeindstillinger — titel,
primærfarve, hjørneplacering og lyst/mørkt tema — og indbygger dine valg
i uddraget. Se den [widget SDK-dokumentation](/da/widget/overview) for den fulde
reference til props, stylinghooks og den headless mulighed.

<Note>
  Publicerbare nøgler (`pk_live_…`) er offentlige efter design — de kan
  uden problemer bruges i frontendkode. Kopiér når som helst en med kopiknappen på dens række.
</Note>

## Administrer widgets fra listen

Hver række redigeres direkte:

* **Tilstand / Agent** — skift mellem agent- og webhooktilstand, eller skift
  agenten, med integrerede vælgere.
* **Domæner** — tilføj eller fjern tilladte domæner som chips.
* **Aktivér/deaktivér** — en kontakt pr. widget; deaktiverede widgets stopper
  straks med at acceptere sessioner.
* **Overfør til organisation** — kopiér eller flyt widgetten til en anden organisation,
  du tilhører (flytning fjerner den her).
* **Slet** — tilbagekalder den publicerbare nøgle; widgetten stopper straks med at virke
  på alle domæner. Dette kan ikke fortrydes.

Widgetsessioner vises i [opkaldshistorikken](/da/guides/review-calls) med den
samme transskription, optagelse og vurdering som telefonopkald.

## Næste trin

<CardGroup cols={2}>
  <Card title="Widget SDK-reference" icon="window-maximize" href="/da/widget/overview">
    React-komponent, headless-hook og detaljer om CDN-script.
  </Card>

  <Card title="Routing i webhooktilstand" icon="bolt" href="/da/guides/dynamic-call-config">
    Returnér agentkonfiguration pr. besøgende fra din server.
  </Card>
</CardGroup>