---
title: "Як налаштувати віджет у Налаштуваннях"
description: "Додайте дозволені домени, збережіть конфіг бота і відкрийте сторінку вигляду віджета."
---

# Як налаштувати віджет у Налаштуваннях

Коли чат на сайті не з’являється або підключається лише з частини сторінок, спочатку перевірте вкладку Widget у бота: без дозволеного origin віджет не підключить чат. Повний каталог полів — у [Параметри налаштувань віджета](/uk/channels/how-to/widget/widget-settings.md).

## Коли знадобиться

- Сайт уже має код вставки, але віджет не підключається.
- Потрібно додати ще один origin (магазин і www — різні адреси).
- Треба відкрити сторінку вигляду й скопіювати оновлений код.

## Перед початком

- Є активний бот і право зберігати налаштування бота.
- Відомий origin сайту: `https://www.example.com` (протокол, без слеша в кінці, без шляху).

## Кроки

1. Відкрийте **Меню → Налаштування → Боти → оберіть бота → Widget**.
2. У розділі **Список дозволених доменів для встановлення віджету** натисніть додати домен і введіть origin.
3. Додайте кожен origin окремо. `https://shop.example.com` і `https://www.shop.example.com` — різні записи.
4. За потреби вставте URL зображення в **widget badge_url** — ця іконка з’явиться в **Операторській панелі** біля чатів каналу Widget.
5. Натисніть **Зберегти конфіг**. Кнопка неактивна, поки в списку є некоректний URL.
6. У блоці **Сторінка конфігурації віджету** натисніть **Перейти**, налаштуйте вигляд і скопіюйте код вставки.

Якщо раніше список доменів зберігали одним рядком через кому, збережіть його ще раз через цей редактор.

Власний JavaScript: поле **Власний JavaScript-код віджета**, кнопка **Відкрити редактор JavaScript**. Кроки й обмеження — [Як використовувати Custom Code](/uk/channels/how-to/widget/use-widget-custom-code.md). Кольори — [Як кастомізувати кольори віджету](/uk/channels/how-to/widget/customize-widget-colors.md). Вставка коду на сайт — [Як підключити віджет на сайт](/uk/channels/how-to/widget/setup-widget-on-website.md).

Ті самі домени можна зберегти в **Конструктор сценаріїв → стартовий крок → канал Widget**. Підписи полів там інші; значення спільні з вкладкою Widget.

## Пов'язані статті

- [Параметри налаштувань віджета](/uk/channels/how-to/widget/widget-settings.md)
- [Тексти інтерфейсу віджета](/uk/channels/how-to/widget/widget-ui-texts.md)
- [Як підключити віджет на сайт](/uk/channels/how-to/widget/setup-widget-on-website.md)
- [Як кастомізувати кольори віджету](/uk/channels/how-to/widget/customize-widget-colors.md)
- [Як використовувати Custom Code](/uk/channels/how-to/widget/use-widget-custom-code.md)
- [Що таке віджет](/uk/channels/explanation/what-is-widget.md)