# Установлення на сайт

Віджет ставиться на сайт одним фрагментом коду. Вставити його потрібно один раз: усе, що ви потім зміните й збережете в конструкторі, з'явиться на сайті саме.

## Взяти код

1. Відкрийте віджет і виберіть «Розмістити на сайті» в меню ліворуч.
2. Під заголовком «Розмістіть цей код у підвалі вашого сайту» — код віджета. Натисніть «Скопіювати».

![Код віджета для сайту й кнопка «Скопіювати»](https://support.watbot.org/_media/uk/04-widgets/_images/install-code.webp?v=1791781231)

Код виглядає так — це коментар із назвою платформи й невеликий скрипт між ними:

```html
<!-- … widget --><script type="text/javascript" defer>(function(w,d,s,l){w[l]=w[l]||[];w[l].push({'c':'…'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src='https://…/js/widget.js';f.parentNode.insertBefore(j,f);})(window,document,'script','wbt');</script><!-- /… widget -->
```

У кожного віджета свій код: у ньому зашито адресу саме цього віджета. Копіюйте код повністю й нічого в ньому не змінюйте.

## Вставити код на сайт

Код ставлять у підвал сайту — перед закривальним тегом `</body>`, на кожній сторінці, де потрібен віджет. Зазвичай для цього є одне спільне місце:

- у конструкторах сайтів — поле для свого коду в налаштуваннях сайту чи сторінки;
- у системах керування сайтом — спільний шаблон підвалу або налаштування для вставлення скриптів;
- на самописному сайті — спільний файл із підвалом сторінки.

Код спрацює й у шапці сайту, усередині `<head>`: віджет дочекається завантаження сторінки.

Після вставлення відкрийте сайт і оновіть сторінку. У правому нижньому куті з'явиться кнопка віджета.

> [!IMPORTANT]
> На одній сторінці працює один віджет. Код другого віджета на тій самій сторінці не спрацює.

## Що врахувати

- **Домени.** Якщо в налаштуваннях віджета заповнено поле «Домени сайтів», віджет з'явиться лише на перелічених сайтах. Порожнє поле — на будь-якому. Докладніше — на сторінці [Створення та налаштування віджета](https://support.watbot.org/uk/widgets/editor).
- **Завантаження сайту.** Скрипт віджета завантажується окремо від сторінки й не затримує її показ.
- **Мова.** Службові написи віджета підлаштовуються під мову сайту або браузера відвідувача. Заголовок, опис і назви своїх посилань показуються так, як ви їх написали.

## Прибрати віджет із сайту

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

## Якщо віджет не з'явився

- **Код вставлено не на ту сторінку або не збережено.** Відкрийте вихідний код сторінки в браузері й знайдіть у ньому `widget.js`.
- **Сайту немає в «Домени сайтів».** Додайте домен сайту в налаштування віджета або очистьте поле. Домен і його піддомени — різні записи: для `shop.example.com` потрібен або він сам, або `*.example.com`.
- **На сторінці вже стоїть код іншого віджета.** Залиште один.
- **Віджет знято з показу модератором.** Про це надходить сповіщення — див. [Перевірка віджетів платформою](https://support.watbot.org/uk/widgets).
- **Ви бачите стару версію віджета.** Оновіть сторінку сайту: налаштування віджета завантажуються під час відкриття сторінки.