---
title: "Ustvarite spletni gradnik na nadzorni plošči"
description: "Na strani Spletni gradniki nastavite gradnik »klikni za pogovor« za svoje spletno mesto — klici API niso potrebni."
---

Stran **Spletni pripomočki** (`/dashboard/web-widgets`) ustvarja in upravlja
ključe za objavo, ki poganjajo ThunderPhoneov vgradljivi glasovni pripomoček.
Vse, kar [različica tega vodnika za API](/sl/guides/embed-web-widget)
izvede s cURL, ta stran izvede z obrazcem — poleg tega za vas ustvari
kodo za vdelavo.

## Ustvarite pripomoček

<Steps>
  <Step title="Kliknite Nov pripomoček in izberite način">
    - **Način agenta** — pripomoček vedno uporablja enega agenta, ki ga izberete
      na spustnem seznamu. Najpreprostejša nastavitev.
    - **Način spletnega kavlja** — pri vsaki seji pripomočka ThunderPhone pokliče
      URL vašega spletnega kavlja, vaš strežnik pa za tega obiskovalca vrne
      konfiguracijo agenta (usmerjanje po straneh, prijavljeni uporabniki, uvajanja).
      URL pustite prazen, če želite uporabiti privzeti spletni kavelj svoje organizacije;
      ko vnesete nov URL, ga lahko nastavite tudi kot privzeti URL organizacije.
  </Step>
  <Step title="Navedite dovoljene domene">
    Ključi za objavo so vezani na izvor: potrebna je vsaj ena domena,
    pripomoček pa deluje samo na gostiteljskih imenih, ki jih navedete. Nadomestni
    znaki za poddomene, kot je `*.example.com`, so dovoljeni (ujemajo se s poddomenami,
    ne z osnovno domeno); samostojni nadomestni znaki, kot je `*`, so zavrnjeni.
    `localhost` in `127.0.0.1` sta vedno dovoljena, zato lokalni razvoj
    deluje, ne da bi ju morali navesti.
  </Step>
  <Step title="Poimenujte ga, omogočite ga in ustvarite">
    Preklopnik **Omogočite pripomoček** določa, ali ključ sprejema
    seje — pripomoček lahko ustvarite onemogočen in ga vklopite ob zagonu.
  </Step>
</Steps>

## Pridobite kodo za vdelavo

Takoj po ustvarjanju (ali prek gumba **Vdelajte** v posamezni vrstici) pogovorno okno
za vdelavo ustvari kodo, pripravljeno za lepljenje, z že vnesenim vašim ključem
za objavo:

- **React** — izsek `<ThunderPhoneWidget />` za aplikacije z združevalnikom.
- **Oznaka script** — par CDN `<script>` + slogovna predloga za katero koli spletno mesto.

Pogovorno okno prikaže tudi predogled osnovnih možnosti videza — naslova, primarne
barve, položaja v kotu in svetle/temne teme — ter vaše izbire vključi
v izsek. Za celoten pregled lastnosti, kljuke za oblikovanje in
brezglavo možnost glejte [dokumentacijo SDK za pripomoček](/sl/widget/overview).

<Note>
  Ključi za objavo (`pk_live_…`) so javni že po zasnovi — varno jih lahko vključite v
  kodo vmesnika. Kadar koli ga kopirajte z gumbom za kopiranje v njegovi vrstici.
</Note>

## Upravljajte pripomočke s seznama

Vsaka vrstica se ureja na mestu:

- **Način / agent** — z vgrajenimi izbirniki preklapljajte med načinom agenta in
  načinom spletnega kavlja ali spremenite agenta.
- **Domene** — dodajte ali odstranite dovoljene domene kot oznake.
- **Omogočanje/onemogočanje** — stikalo za vsak pripomoček; onemogočeni pripomočki
  takoj prenehajo sprejemati seje.
- **Prenos v organizacijo** — pripomoček kopirajte ali premaknite v drugo organizacijo,
  katere član ste (s premikom se tukaj odstrani).
- **Izbrišite** — prekliče ključ za objavo; pripomoček takoj preneha delovati
  na vseh domenah. Tega ni mogoče razveljaviti.

Seje pripomočka so prikazane v [zgodovini klicev](/sl/guides/review-calls) z enakim
prepisom, posnetkom in ocenjevanjem kot telefonski klici.

## Naslednji koraki

<CardGroup cols={2}>
  <Card title="Referenca SDK za pripomoček" icon="window-maximize" href="/sl/widget/overview">
    Podrobnosti o komponenti React, brezglavi kljuki in skriptu CDN.
  </Card>
  <Card title="Usmerjanje v načinu spletnega kavlja" icon="bolt" href="/sl/guides/dynamic-call-config">
    S strežnika vrnite konfiguracijo agenta za posameznega obiskovalca.
  </Card>
</CardGroup>