---
title: "Opret en webwidget i dashboardet"
description: "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 pågældende 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">
    Der kræves mindst ét domæne, og browsere kan kun starte
    sessioner fra de værtsnavne, du angiver. Jokertegn for underdomæner som
    `*.example.com` er tilladt (de matcher underdomæner, ikke det nøgne
    domæne); nøgne jokertegn som `*` afvises. Listen forhindrer tilfældig
    genbrug af din nøgle på andre websites, men er ikke godkendelse: et script
    uden for en browser kan sende enhver `Origin`-header. `localhost` er ikke
    automatisk tilladt i produktion; føj det til listen for at teste
    lokalt mod produktions-API'et.
  </Step>
  <Step title="Vælg browseroverstyringerne">
    Markér hver sessionsindstilling, som din side sender: **Sidekontekst**,
    **Variabler**, **Stemme**, **Sprog**. Nye widgets accepterer ingen, og
    en sessionsanmodning med en indstilling, der ikke er aktiveret, fejler med `400`.
    Din nøgle er offentlig, så tillad kun det, du bruger. Se
    [Browseroverstyringer](/da/guides/embed-web-widget).
  </Step>
  <Step title="Navngiv den, aktivér den, og opret den">
    Skiftet **Aktivér widget** styrer, om nøglen accepterer
    sessioner — du kan oprette en widget deaktiveret 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>