> 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». Функция доступна только для аккаунтов, работающих с Открытой линией.

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

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

![](https://755466741-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M51Mj0s_EdgfqZINYc8%2F-MMZqF37NrKNf5o7u292%2F-MM_xqeefaOb2p0A0oa6%2F2020-11-20_21-02-46.png?alt=media\&token=37ed47af-e157-467a-a279-ff462579723f)

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

![](https://755466741-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M51Mj0s_EdgfqZINYc8%2F-MMZqF37NrKNf5o7u292%2F-MM_yJKyn2BaRdOsOR8D%2F2020-11-20_21-04-53.png?alt=media\&token=fdc17fa5-e299-4fa7-b094-aa7a8bcee4d0)

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

![](https://755466741-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M51Mj0s_EdgfqZINYc8%2F-MMZqF37NrKNf5o7u292%2F-MM_yd8DX--d3TaMQvXe%2F2020-11-20_21-06-18.png?alt=media\&token=c35735b0-8a7d-4a7b-8d35-20775f6ccd64)

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

![](https://755466741-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M51Mj0s_EdgfqZINYc8%2F-MMZqF37NrKNf5o7u292%2F-MM_yrx12ibCbBYHDirI%2F2020-11-20_21-07-27.png?alt=media\&token=5eae179e-2afc-4c05-9fcd-25f90b3a7656)

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

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

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