---
title: "Направите веб виџет на контролној табли"
description: "Подесите виџет за разговор кликом за свој сајт на страници Веб виџети — нису потребни API позиви."
---

Страница **Веб-виџети** (`/dashboard/web-widgets`) креира и управља
кључевима за објављивање који покрећу ThunderPhone-ов гласовни виџет
који се може уградити. Све што [API верзија овог водича](/sr/guides/embed-web-widget)
ради помоћу cURL-а, ова страница ради помоћу обрасца — уз то за Вас генерише
кôд за уграђивање.

## Креирајте виџет

<Steps>
  <Step title="Кликните на Нови виџет и изаберите режим">
    - **Режим агента** — виџет увек покреће једног агента којег изаберете
      из падајуће листе. Најједноставније подешавање.
    - **Вебхук режим** — при свакој сесији виџета ThunderPhone позива
      Вашу вебхук URL адресу, а Ваш сервер враћа конфигурацију агента
      за тог посетиоца (усмеравање по страници, пријављени корисници, постепена увођења).
      Оставите URL адресу празну да бисте користили подразумевани вебхук
      своје организације; када унесете нову URL адресу, можете је поставити
      и као подразумевану за организацију.
  </Step>
  <Step title="Наведите дозвољене домене">
    Кључеви за објављивање су везани за извор: потребан је најмање један домен,
    а виџет ради само на називима хостова које наведете. Дозвољени су
    џокер знакови за поддомене као што је `*.example.com` (они одговарају поддоменима,
    а не основном домену); основни џокер знакови као што је `*` се одбијају.
    `localhost` и `127.0.0.1` су увек дозвољени, па локални развој
    ради без њиховог навођења.
  </Step>
  <Step title="Именујте га, омогућите га и креирајте">
    Прекидач **Омогућите виџет** одређује да ли кључ прихвата
    сесије — можете креирати онемогућен виџет и укључити га при покретању.
  </Step>
</Steps>

## Преузмите кôд за уграђивање

Одмах након креирања (или преко дугмета **Уградите** у сваком реду), дијалог
за уграђивање генерише кôд спреман за лепљење са већ унетим кључем за објављивање:

- **React** — исечак `<ThunderPhoneWidget />` за апликације са пакетатором.
- **Script ознака** — CDN пар `<script>` + стилски лист за било који сајт.

Дијалог такође приказује преглед основних опција изгледа — наслова, примарне
боје, положаја у углу и светле/тамне теме — и уноси Ваше изборе
у исечак. За комплетну референцу пропса, могућности стилизовања и
безглаву опцију, погледајте [SDK документацију за виџет](/sr/widget/overview).

<Note>
  Кључеви за објављивање (`pk_live_…`) су по намени јавни — безбедни су за испоруку
  у фронтенд коду. Можете их копирати у било ком тренутку дугметом за копирање у њиховом реду.
</Note>

## Управљајте виџетима из листе

Сваки ред можете уређивати на лицу места:

- **Режим / Агент** — пребацујте између режима агента и вебхук режима или
  промените агента помоћу падајућих листа у реду.
- **Домени** — додајте или уклоните дозвољене домене као ознаке.
- **Омогућавање/онемогућавање** — прекидач за сваки виџет; онемогућени виџети одмах
  престају да прихватају сесије.
- **Пренос у организацију** — копирајте или преместите виџет у другу организацију
  чији сте члан (премештањем се уклања одавде).
- **Избришите** — опозива кључ за објављивање; виџет одмах престаје да ради
  на свим доменима. Ова радња се не може поништити.

Сесије виџета се приказују у [историји позива](/sr/guides/review-calls) са истим
транскриптом, снимком и оцењивањем као телефонски позиви.

## Следећи кораци

<CardGroup cols={2}>
  <Card title="SDK референца за виџет" icon="window-maximize" href="/sr/widget/overview">
    Детаљи о React компоненти, безглавој куки и CDN скрипти.
  </Card>
  <Card title="Усмеравање у вебхук режиму" icon="bolt" href="/sr/guides/dynamic-call-config">
    Вратите конфигурацију агента за сваког посетиоца са свог сервера.
  </Card>
</CardGroup>