Skip to main content
Siden Web Widgets (/dashboard/web-widgets) oppretter og administrerer de publiserbare nøklene som driver ThunderPhones innebyggbare stemmewidget. Alt API-versjonen av denne veiledningen gjør med cURL, gjør denne siden med et skjema — og den genererer innebyggingskoden for deg.

Opprett en widget

1

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

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

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.

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 for fullstendig referanse for props, stiltilkoblinger og det headless alternativet.
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.

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 med samme transkripsjon, opptak og vurdering som telefonsamtaler.

Neste trinn

Referanse for widget-SDK

Detaljer om React-komponenten, headless-hooken og CDN-skriptet.

Ruting i webhook-modus

Returner agentkonfigurasjon per besøkende fra serveren din.