> For the complete documentation index, see [llms.txt](https://help.bot-kit.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.bot-kit.com/integracii/bitriks24/vidzhet-na-sait.md).

# Виджет на сайт

Виджет Битрикс24 на сайте — это «кнопка», нажав на которую посетитель увидит список доступных инструментов. Теперь помимо встроенных инструментов можно добавить «BOT-KIT.COM». Функция доступна только для аккаунтов, работающих с Открытой линией.

### Подключение виджета:

Проверьте активность коннектора в разделе «Контакт-центр». Активный коннектор выглядит так:

![](/files/-MM_xqeefaOb2p0A0oa6)

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

![](/files/-MM_yJKyn2BaRdOsOR8D)

В разделе «Каналы подключенные к виджету» установите флажок рядом с иконкой WhatsApp. Там же настройте распределение новых обращений между сотрудниками, положение виджета на сайте, цвет иконки и прочее.

![](/files/-MM_yd8DX--d3TaMQvXe)

На этой же странице вы можете найти готовый код для вставки на ваш сайт. Дальше добавление зависит от того, каким образом создан ваш сайт. Если вы создали сайт в конструкторе — найдите блок для добавления HTML.

![](/files/-MM_yrx12ibCbBYHDirI)

На примере конструктора Tilda: откройте Библиотеку блоков → Другое → Добавить блок T123 → Контент.

Если сайт сверстан — готовый код вставьте в \<body>.

После обновления кода/публикации на сайте появится виджет с кнопкой «BOT-KIT.COM». По клику на неё клиент перейдет в чат канала WhatsApp.
