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

# Webes widget létrehozása a vezérlőpulton

> Állítson be webhelyéhez kattintásra indítható hívási widgetet a Web Widgets oldalon – nincs szükség API-hívásokra.

A **Web Widgets** oldal (`/dashboard/web-widgets`) hozza létre és kezeli
a ThunderPhone beágyazható hangalapú widgetjét működtető publikálható
kulcsokat. Amit ezen útmutató [API-verziója](/hu/guides/embed-web-widget)
cURL-lel végez, azt ez az oldal egy űrlappal végzi el — ráadásul
elkészíti Önnek a beágyazási kódot is.

## Widget létrehozása

<Steps>
  <Step title="Kattintson az Új widget elemre, és válasszon módot">
    * **Ügynök mód** — a widget mindig egy, a legördülő listából kiválasztott ügynököt futtat. Ez a legegyszerűbb beállítás.
    * **Webhook mód** — minden widgetmunkamenetnél a ThunderPhone meghívja
      az Ön webhook URL-jét, és a szervere visszaadja az adott látogatóhoz
      tartozó ügynökkonfigurációt (oldalankénti útválasztás, bejelentkezett felhasználók, fokozatos bevezetések).
      Hagyja üresen az URL-t a szervezete alapértelmezett webhookjának használatához;
      új URL megadásakor azt szervezeti alapértelmezettként is beállíthatja.
  </Step>

  <Step title="Adja meg az engedélyezett domaineket">
    A publikálható kulcsok eredethez kötöttek: legalább egy domain szükséges,
    és a widget csak az Ön által felsorolt hosztneveken működik. Az olyan
    aldomain-helyettesítő karakterek, mint a `*.example.com`, engedélyezettek (az aldomainokra
    illeszkednek, magára a domainre nem); az olyan önálló helyettesítő karakterek, mint a `*`, elutasításra kerülnek.
    A `localhost` és a `127.0.0.1` mindig engedélyezett, így a helyi fejlesztés
    felsorolásuk nélkül is működik.
  </Step>

  <Step title="Nevezze el, engedélyezze, majd hozza létre">
    A **Widget engedélyezése** kapcsoló szabályozza, hogy a kulcs fogad-e
    munkameneteket — a widgetet letiltva is létrehozhatja, majd az indításkor bekapcsolhatja.
  </Step>
</Steps>

## Szerezze be a beágyazási kódot

Közvetlenül a létrehozás után (vagy az egyes sorok **Beágyazás** gombjával) egy beágyazási
párbeszédablak használatra kész kódot hoz létre, amelyben az Ön publikálható kulcsa
már ki van töltve:

* **React** — egy `<ThunderPhoneWidget />` kódrészlet csomagkezelőt használó alkalmazásokhoz.
* **Script tag** — egy CDN-es `<script>` + stíluslap páros bármely webhelyhez.

A párbeszédablak az alapvető megjelenési beállításokat is előnézetben mutatja — cím,
elsődleges szín, sarokpozíció és világos/sötét téma —, és beépíti választásait
a kódrészletbe. A teljes prop-referenciáért, a stílusbeállítási hookokért és
a headless lehetőségért lásd a [widget SDK dokumentációját](/hu/widget/overview).

<Note>
  A publikálható kulcsok (`pk_live_…`) kialakításuk szerint nyilvánosak — biztonságosan használhatók
  front-end kódban. Bármikor kimásolhat egyet a sorában található másolás gombbal.
</Note>

## Widgetek kezelése a listából

Minden sor helyben szerkeszthető:

* **Mód / Ügynök** — váltson az ügynök és a webhook mód között, vagy módosítsa
  az ügynököt a soron belüli választókkal.
* **Domainek** — engedélyezett domaineket adhat hozzá vagy távolíthat el címkékként.
* **Engedélyezés/letiltás** — widgetenként egy kapcsoló; a letiltott widgetek
  azonnal leállítják a munkamenetek fogadását.
* **Átvitel szervezethez** — másolja vagy helyezze át a widgetet egy másik,
  Ön által is használt szervezethez (áthelyezéskor innen eltávolításra kerül).
* **Törlés** — visszavonja a publikálható kulcsot; a widget azonnal leáll
  minden domainen. Ez nem vonható vissza.

A widgetmunkamenetek a [híváselőzményekben](/hu/guides/review-calls) jelennek meg, ugyanazzal
az átirattal, felvétellel és értékeléssel, mint a telefonhívások.

## Következő lépések

<CardGroup cols={2}>
  <Card title="Widget SDK-referencia" icon="window-maximize" href="/hu/widget/overview">
    React-komponens, headless hook és CDN-script részletei.
  </Card>

  <Card title="Webhook módú útválasztás" icon="bolt" href="/hu/guides/dynamic-call-config">
    Adjon vissza látogatónkénti ügynökkonfigurációt a szerveréről.
  </Card>
</CardGroup>