---
title: "Loo juhtpaneelil veebividin"
description: "Seadista oma saidile klõpsa-ja-räägi vidin veebividinate lehelt — API-kutseid pole vaja."
---

Leht **Veebividinad** (`/dashboard/web-widgets`) loob ja haldab
avaldatavaid võtmeid, mis käitavad ThunderPhone'i manustatavat häälvidinat.
Kõik, mida selle juhendi [API-versioon](/et/guides/embed-web-widget)
teeb cURL-iga, teeb see leht vormiga — lisaks genereerib see sulle
manustamiskoodi.

## Loo vidin

<Steps>
  <Step title="Klõpsa nuppu Uus vidin ja vali režiim">
    - **Häälagendi režiim** — vidin käitab alati üht rippmenüüst valitud häälagenti. Lihtsaim seadistus.
    - **Veebikonksu režiim** — iga vidinaseansi korral kutsub ThunderPhone
      sinu veebikonksu URL-i ja server tagastab selle külastaja häälagendi konfiguratsiooni
      (lehepõhine suunamine, sisselogitud kasutajad, järkjärgulised väljalasked).
      Jäta URL tühjaks, et kasutada organisatsiooni vaikimisi veebikonksu;
      uue URL-i sisestamisel saad selle määrata ka organisatsiooni vaikimisi URL-iks.
  </Step>
  <Step title="Lisa lubatud domeenid">
    Avaldatavad võtmed on päritoluga lukustatud: vajalik on vähemalt üks domeen
    ja vidin töötab ainult sinu loetletud hostinimedel. Alamdomeenide
    metamärgid, näiteks `*.example.com`, on lubatud (need vastavad alamdomeenidele,
    mitte põhidomeenile); üldised metamärgid, näiteks `*`, lükatakse tagasi.
    `localhost` ja `127.0.0.1` on alati lubatud, seega töötab kohalik arendus
    ilma neid loetlemata.
  </Step>
  <Step title="Pane sellele nimi, luba see ja loo see">
    Lüliti **Luba vidin** määrab, kas võti võtab seansse vastu
    — saad luua vidina keelatuna ja selle avaldamisel sisse lülitada.
  </Step>
</Steps>

## Võta manustamiskood

Kohe pärast loomist (või iga rea nupu **Manusta** kaudu) genereerib
manustamisdialoog valmis koodi, kuhu sinu avaldatav võti on juba
lisatud:

- **React** — `<ThunderPhoneWidget />` koodilõik paketihalduriga rakendustele.
- **Skriptisilt** — CDN-i `<script>` ja laaditabeli paar mis tahes saidile.

Dialoog kuvab ka põhiliste välimusvalikute eelvaate — pealkiri, põhivärv,
nurga asukoht ning hele/tume teema — ja lisab sinu valikud koodilõiku.
Täieliku atribuutide viite, stiilikonksude ja kasutajaliideseta valiku kohta vaata
[vidina SDK dokumentatsiooni](/et/widget/overview).

<Note>
  Avaldatavad võtmed (`pk_live_…`) on avalikud juba kavandatult — neid on turvaline lisada
  esikülje koodi. Kopeeri võti igal ajal selle rea kopeerimisnupuga.
</Note>

## Halda vidinaid loendist

Iga rida on muudetav otse kohapeal:

- **Režiim / häälagent** — vaheta häälagendi- ja veebikonksurežiimi vahel või määra
  muu häälagent, kasutades reas olevaid valikuid.
- **Domeenid** — lisa või eemalda lubatud domeene siltidena.
- **Luba/keela** — igal vidinal on lüliti; keelatud vidinad lõpetavad
  seansside vastuvõtmise kohe.
- **Teisalda organisatsiooni** — kopeeri või teisalda vidin teise organisatsiooni,
  kuhu kuulud (teisaldamine eemaldab selle siit).
- **Kustuta** — tühistab avaldatava võtme; vidin lõpetab töötamise
  kohe kõigil domeenidel. Seda ei saa tagasi võtta.

Vidinaseansid kuvatakse [kõneajaloos](/et/guides/review-calls) sama
transkriptsiooni, salvestise ja hindamisega nagu telefonikõned.

## Järgmised sammud

<CardGroup cols={2}>
  <Card title="Vidina SDK viide" icon="window-maximize" href="/et/widget/overview">
    Reacti komponent, kasutajaliideseta konks ja CDN-i skripti üksikasjad.
  </Card>
  <Card title="Veebikonksurežiimi suunamine" icon="bolt" href="/et/guides/dynamic-call-config">
    Tagasta külastajapõhine häälagendi konfiguratsioon oma serverist.
  </Card>
</CardGroup>