# Віджети для сайту

Віджет — це кругла кнопка в правому нижньому куті вашого сайту. Відвідувач натискає на неї — і відкривається вікно із заголовком, коротким текстом і способами зв'язку: посиланнями на ваші месенджери та соцмережі.

![Віджет на сайті: заголовок, опис і посилання на месенджери](https://support.watbot.org/_media/uk/04-widgets/_images/editor.webp?v=1791781231)

У тому самому вікні може працювати чат із ботом: відвідувач пише просто на сайті, не переходячи в месенджер.

Віджет збирається в кабінеті й ставиться на сайт одним рядком коду. Сайт може бути будь-яким — на конструкторі або самописним, аби в його сторінки можна було вставити свій код.

## Що показує віджет

- **Заголовок і опис** — наприклад, «Привіт!» і «Зв'яжіться з нами будь-яким із цих способів:».
- **Банер** — картинка над заголовком, за бажання з посиланням.
- **Посилання** — Telegram, MAX, VK, Viber або будь-яке своє посилання. На телефоні посилання відкривається одразу, на комп'ютері месенджер показує QR-код і кнопку переходу.
- **Чат із ботом** — рядок «Написати в чат» у списку або чат одразу після відкриття віджета.

![Посилання на компʼютері: QR-код і кнопка переходу](https://support.watbot.org/_media/uk/04-widgets/_images/qr.webp?v=1791781231)

Написи самого віджета — «Назад», «Закрити», підказка біля QR-коду — показуються мовою сайту або браузера відвідувача: російською, англійською, німецькою чи українською. Для інших мов — англійською.

## Де розташований розділ

Віджети належать проєкту. Відкрийте проєкт і виберіть «Віджети» в меню. Клік по віджету відкриває його; у відкритого віджета в меню ліворуч — розділи:

| Розділ | Що в ньому |
|---|---|
| «Конструктор» | Віджет у натуральному вигляді та панель «Налаштування віджета» |
| «Розмістити на сайті» | Код, який вставляють на сайт |
| «Допомога ШІ» | ШІ-чат щодо цього віджета — див. [Збирання віджета в ШІ-чаті](https://support.watbot.org/uk/widgets/ai-builder) |

Над ними — перемикач віджетів: через нього переходять до іншого віджета проєкту й змінюють іконку.

![Меню віджета: перемикач і розділи](https://support.watbot.org/_media/uk/04-widgets/_images/menu.webp?v=1791781231)

## Як усе влаштовано

1. [Створіть віджет і налаштуйте його](https://support.watbot.org/uk/widgets/editor): тексти, посилання, банер, колір кнопки.
2. [Установіть віджет на сайт](https://support.watbot.org/uk/widgets/install): скопіюйте код і вставте його в сторінки сайту.
3. За бажання [увімкніть чат із ботом](https://support.watbot.org/uk/widgets/chat).

Зміни, збережені в конструкторі, з'являються на сайті самі — код на сайті міняти не потрібно.

Віджет можна зібрати й словами — у ШІ-чаті: див. [Збирання віджета в ШІ-чаті](https://support.watbot.org/uk/widgets/ai-builder).

## Що потрібно для роботи

- **Підписка Pro не потрібна.** Віджет із посиланнями створюється, налаштовується й працює на сайті без підписки та без терміну.
- **Чат із ботом — лише з Pro.** Чат працює через канал «Веб-чат» бота, а канали підключаються з підпискою. Якщо Pro закінчився, віджет залишається на сайті, але рядка чату в ньому немає.
- **Підпис платформи.** Унизу вікна віджета стоїть підпис «Powered by …». Його прибирає опція «Без підпису платформи» — див. [Тарифи та оплата](https://support.watbot.org/uk/billing).
- **Права співробітника.** Власникові проєкту доступно все. Співробітникові потрібна роль із правом «Адміністрування віджетів». Перенести віджет в інший проєкт може лише власник. Як влаштовані ролі — на сторінці [Доступ співробітників](https://support.watbot.org/uk/chatbots/settings/access).

## Перевірка віджетів платформою

Віджет з'являється на сайті одразу після збереження. Слідом його переглядає модератор платформи — на відповідність правилам. Перевіряються тексти, банер і посилання; якщо ви змінили лише кольори кнопки, перевірка не запускається. Окремого статусу «на перевірці» в кабінеті немає.

Якщо віджет порушує правила, можливі два рішення.

**Віджет знято з показу.** На сайтах він перестає відображатися, у кабінеті залишається. Вам надходить сповіщення: «Віджет «…» знято з показу, він більше не відображається на сайтах» — і причина, якщо модератор її вказав. Виправте віджет і збережіть його: він знову з'явиться на сайті й знову піде на перевірку.

**Віджет видалено.** У сповіщенні вказано причину й термін, протягом якого ви не зможете створювати й редагувати віджети. У цей час кабінет показує: «Створення й редагування віджетів обмежено за порушення правил платформи. Обмеження буде знято …». Переглядати й видаляти свої віджети можна й під час обмеження.

Копія перевіреного віджета вважається перевіреною. Копія віджета, який ще не перевірено або знято з показу, теж іде на перевірку.

## Обмеження

- У проєкті — не більше ніж 100 віджетів. Коли ліміт досягнуто, кнопка «Створити» вимикається.
- За добу можна створити не більше ніж 100 віджетів, включно з копіями.
- У віджеті — до 100 посилань.
- На одній сторінці сайту працює один віджет.
- Темної теми у віджета немає: вікно завжди світле.

## Сторінки розділу

- [Створення та налаштування віджета](https://support.watbot.org/uk/widgets/editor) — список віджетів, конструктор, заголовок, опис, банер, посилання, колір кнопки, домени сайтів, іконка.
- [Установлення на сайт](https://support.watbot.org/uk/widgets/install) — код для вставлення, куди його поставити, що робити, якщо віджет не з'явився.
- [Чат у віджеті](https://support.watbot.org/uk/widgets/chat) — підключення бота, режими чату, приймання файлів, захист від накрутки, як відвідувач дізнається про відповідь.
- [Збирання віджета в ШІ-чаті](https://support.watbot.org/uk/widgets/ai-builder) — як попросити ШІ зробити чи виправити віджет, підключити чат і взяти код для сайту.