---
title: "Създайте уеб уиджет в таблото за управление"
description: "Настройте уиджет за разговор с кликване за сайта си от страницата „Уеб уиджети“ — не са необходими API заявки."
---

Страницата **Уеб уиджети** (`/dashboard/web-widgets`) създава и управлява
публикуемите ключове, които захранват вградения гласов уиджет на ThunderPhone.
Всичко, което [API версията на това ръководство](/bg/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 на уиджета](/bg/widget/overview).

<Note>
  Публикуемите ключове (`pk_live_…`) са публични по предназначение — безопасни са за
  включване във фронтенд код. Копирайте такъв по всяко време с бутона за копиране в
  съответния ред.
</Note>

## Управление на уиджети от списъка

Всеки ред се редактира на място:

- **Режим / Агент** — превключвайте между режим агент и режим уебхук или
  сменяйте агента чрез вградени падащи менюта.
- **Домейни** — добавяйте или премахвайте разрешени домейни като етикети.
- **Активиране/деактивиране** — превключвател за всеки уиджет; деактивираните
  уиджети спират да приемат сесии незабавно.
- **Прехвърляне към организация** — копирайте или преместете уиджета в друга
  организация, към която принадлежите (преместването го премахва оттук).
- **Изтриване** — анулира публикуемия ключ; уиджетът спира да работи
  незабавно във всички домейни. Това действие не може да бъде отменено.

Сесиите на уиджета се показват в [хронологията на обажданията](/bg/guides/review-calls) със
същия препис, запис и оценяване като телефонните обаждания.

## Следващи стъпки

<CardGroup cols={2}>
  <Card title="Справочник за SDK на уиджета" icon="window-maximize" href="/bg/widget/overview">
    Подробности за React компонента, куката без визуален интерфейс и CDN скрипта.
  </Card>
  <Card title="Маршрутизиране в режим уебхук" icon="bolt" href="/bg/guides/dynamic-call-config">
    Връщайте конфигурация на агент за всеки посетител от сървъра си.
  </Card>
</CardGroup>