Все материалыAPI-платформаTelegram-бот и виджет для сайта
Пользователи, которые запускают первый канал
6 мин

Telegram-бот и виджет для сайта

Как подключить Telegram-бота к сценарию и встроить виджет чата на свой сайт за несколько минут.

telegramвиджетканалывстраивание
Когда читать
  • Готов сценарий и нужно запустить бота
  • Хотите добавить чат на сайт
  • Нужно понять разницу между Telegram и виджетом
Что даст материал
  • Живой Telegram-бот, отвечающий по сценарию
  • Виджет чата на сайте
  • Понимание ограничений каждого канала
1

Подключение Telegram-бота

Для подключения нужен только токен бота из @BotFather. Перейдите в раздел "Каналы" вашего сценария, нажмите "Добавить канал", выберите Telegram и вставьте токен.

После сохранения бот сразу начинает отвечать по вашему сценарию. Никакого сервера, никакого деплоя — платформа обрабатывает webhook автоматически.

1

Создайте бота в @BotFather

В Telegram напишите /newbot, следуйте инструкциям и скопируйте токен вида 123456789:ABCdef...

2

Откройте раздел Каналы

В сценарии перейдите на вкладку "Каналы" → "Добавить канал" → "Telegram".

3

Вставьте токен и сохраните

Вставьте токен из BotFather и нажмите "Подключить". Платформа автоматически настроит webhook.

4

Проверьте работу

Откройте бота в Telegram и напишите /start — бот должен ответить по вашему system prompt.

Один сценарий — один Telegram-ботК одному сценарию можно подключить несколько каналов одновременно: и Telegram, и виджет. Но один Telegram-токен нельзя использовать в двух сценариях одновременно.
2

Встраивание виджета на сайт

Виджет встраивается одним тегом script в HTML вашей страницы. Публичный ключ (pub key) уже привязан к сценарию — дополнительной настройки не требуется.

Для безопасности настройте список допустимых доменов (domain allowlist) в настройках ключа. Запросы с других доменов будут отклонены.

  • Скопируйте pub key из раздела "Ключи" вашего сценария.
  • Вставьте тег <script> перед </body> вашей страницы.
  • Укажите допустимые домены в настройках ключа для защиты от несанкционированного использования.
  • Виджет автоматически адаптируется под мобильные устройства.
Продолжение по теме

Связанные материалы из этого и соседних разделов

Весь каталог