# Онлайн-чат в BotMan: установка на сайт 🛠️

Source: https://docs.botman.pro/a/128-onlayn-chat-v-botman-ustanovka-na-sayt

Канал создан, теперь нужно сделать так, чтобы виджет появился на сайте. Тут не будет страшной магии: нужен один готовый скрипт и правильное место для вставки.

## Где взять код установки

Код появляется сразу после создания канала.

![](https://storage.yandexcloud.net/botman-knowledge-prod/kb/6aec5304d3ac9dc31d82ccf6/066582b8aa9f8a3dc5b6bb54f099823bbc34c53ca1927c20bb93dfde7712b172.png)

Позже его всегда можно открыть повторно в настройках канала в разделе «Управления ботом».

![](https://storage.yandexcloud.net/botman-knowledge-prod/kb/6aec5304d3ac9dc31d82ccf6/c5662a4700e1f3ec7e28832af389fc32636e50aec7a38d24d30a3c231ad6e78e.png)

## Как выглядит скрипт

`<script src="https://cdn.btmn.io/webchat/v1/loader.js" data-webchat-id="ВАШ_ID" async></script>`

**❗️Важно:** в коде уже будет ваш уникальный `webchat ID` . **Не меняйте** его вручную и не копируйте ID от другого канала.

## Куда вставлять этот код

1️⃣ Откройте сайт или передайте код разработчику.\
2️⃣ Найдите место перед закрывающим тегом`</body>`.\
3️⃣ Вставьте туда скрипт.\
4️⃣ Сохраните изменения.\
5️⃣ Обновите сайт и проверьте, появилась ли кнопка чата.

Если сайт сделан на конструкторе или CMS, блок для вставки может называться по-разному: «Пользовательский код», «HTML/JS», «Код перед &lt;/body>» и тому подобное.

**📍Совет:** если вы не вставляете код сами, просто отправьте его разработчику с комментарием: «Нужно вставить перед закрывающим тегом &lt;/body>». Этого обычно достаточно.

---

## Как понять, что всё подключено

- на сайте появилась кнопка чата;
- кнопка открывает окно виджета;
- чат выглядит нормально и не ломается;
- тестовое сообщение уходит.

![](https://storage.yandexcloud.net/botman-knowledge-prod/kb/6aec5304d3ac9dc31d82ccf6/2912c0d334d92e3b4ab0687197ea17af4aa1b15f5adc0d82ed1f0f29d56cfd61.png)

**Скрин 5. После подключения онлайн-чат отображается в кабинете среди каналов. и после добавления на сайт появляется иконка (НУЖНА СТРЕЛКА)**