Перейти к основному контенту

Добавление кнопки мини-приложения в бот

Кнопка мини-приложения — это элемент интерфейса Telegram, который позволяет пользователям быстро открыть веб-приложение прямо из бота. Кнопка отображается в двух местах:

Menu Button (кнопка меню) Располагается внизу окна чата, рядом с полем ввода сообщения. При нажатии открывается мини-приложение. Заменяет стандартную кнопку "Меню" с командами бота.

Configure Mini App (кнопка в описании бота) Отображается в профиле бота и в списке диалогов. Позволяет открыть мини-приложение без входа в чат с ботом.

Menu Button удобна для постоянного доступа из чата, Configure Mini App — для быстрого запуска из списка диалогов и профиля бота.

Способ 1: Menu Button (кнопка меню)

Кнопка меню отображается внизу окна чата и заменяет стандартное меню команд.

Настройка через @BotFather

  1. Открываем @BotFather в Telegram.
  2. Отправляем команду /mybots и выбираем бота из списка.
  3. Нажимаем Bot Settings.
  4. Нажимаем Menu Button.
  5. Нажимаем Configure menu button.
  6. BotFather запрашивает URL мини-приложения.
  7. Открываем раздел Контент → Мини-приложения в личном кабинете.
  8. Копируем ссылку из поля с адресом приложения.

  1. Отправляем ссылку в @BotFather.

  1. BotFather запрашивает название кнопки (текст, который увидит пользователь).
  2. Отправляем название кнопки.

  1. BotFather подтверждает настройку.

Теперь при открытии чата с ботом пользователи видят кнопку меню внизу экрана. При нажатии открывается мини-приложение.

Удаление кнопки меню

Если нужно убрать кнопку мини-приложения и вернуть стандартное меню команд:

  1. Открываем @BotFather в Telegram.
  2. Отправляем команду /mybots и выбираем бота.
  3. Нажимаем Bot Settings → Menu Button → Configure menu button.
  4. Отправляем команду /empty.
  5. BotFather удаляет кнопку мини-приложения.

Способ 2: Configure Mini App (кнопка в описании бота)

Кнопка отображается в профиле бота и в списке диалогов, позволяя запустить мини-приложение до входа в чат.

Настройка через @BotFather

  1. Открываем @BotFather в Telegram.
  2. Отправляем команду /mybots и выбираем бота из списка.
  3. Нажимаем Bot Settings.
  4. Нажимаем Configure Mini App.
  5. Нажимаем Enable Mini App.

  1. BotFather запрашивает ссылку на мини-приложение.
  2. Копируем URL из WinWinBot (раздел Контент → Мини-приложения).
  3. Отправляем ссылку в @BotFather.
  4. BotFather подтверждает настройку.

Теперь в профиле бота и в списке диалогов появляется кнопка для запуска мини-приложения.

Удаление кнопки из описания бота

Если нужно убрать кнопку:

  1. Открываем @BotFather в Telegram.
  2. Отправляем команду /mybots и выбираем бота.
  3. Нажимаем Bot Settings → Configure Mini App → Disable Mini App.
  4. Подтверждаем удаление.
  5. BotFather удаляет кнопку.

Добавление мини-приложения в сообщения

Добавляем кнопку с мини-приложением в любой тип сообщений.

  1. Создаём или редактируем сообщение в разделе Автоматизация → Сценарии, Рассылки или Быстрые ответы.
  2. В блоке Кнопки нажимаем Добавить кнопку.
  3. Выбираем тип кнопки Кнопка со ссылкой на мини-приложение.
  4. Вводим Название кнопки — текст, который увидит подписчик.
  5. Выбираем созданное мини-приложение из списка.
  6. Выбираем способ открытия мини-приложения:
    • Открыть в боте — страница откроется внутри бота;
    • Открывать в браузере — страница откроется как обычная ссылка в браузере.
  8. Нажимаем Сохранить.

Если вы выбрали Открыть в боте, при нажатии на кнопку подписчик переходит в мини-приложение прямо в Telegram.


Примеры использования

Интернет-магазин Настраиваем Menu Button с названием «Каталог». Пользователи открывают чат с ботом, нажимают на кнопку внизу экрана и сразу попадают в каталог товаров. Дополнительно настраиваем Configure Mini App — теперь кнопка видна в списке диалогов, и покупатели могут открыть каталог в один клик.

Образовательная платформа Настраиваем Menu Button «Мои курсы». Студенты заходят в бот и видят кнопку для перехода к обучению. В Configure Mini App добавляем кнопку «Начать обучение» — новые пользователи могут запустить курс прямо из списка диалогов без лишних шагов.

Личная визитка Создаём мини-приложение с информацией о себе: опыт, услуги, контакты. Настраиваем Menu Button «О себе». Делимся ссылкой на бота в социальных сетях — люди открывают бота, нажимают на кнопку и видят визитку. Дополнительно включаем Configure Mini App для быстрого доступа.

Служба поддержки Настраиваем Menu Button «База знаний». Клиенты открывают чат с поддержкой, нажимают на кнопку и попадают в мини-приложение с FAQ и инструкциями. Это снижает нагрузку на операторов — пользователи находят ответы самостоятельно.


Наверх