Создание и публикация Mini App

Чтобы клиенты могли открывать ваше мини-приложение в Telegram, его нужно создать, опубликовать и повесить на кнопку меню бота. Разберём по шагам оба типа — встройку готового сайта и no-code форму.

Шаг 1. Создание приложения

  1. Откройте раздел Mini Apps

    Перейдите в раздел мини-приложений и нажмите «Создать».

  2. Выберите тип

    Укажите, что нужно: внешняя встройка готовой страницы по ссылке или no-code форма, которую вы соберёте в конструкторе.

  3. Заполните содержимое

    Для внешней встройки — укажите адрес страницы, которую нужно открывать. Для no-code формы — добавьте поля и блоки в конструкторе.

Шаг 2. Публикация

После того как содержимое готово, опубликуйте приложение. Платформа выдаёт публичный адрес, по которому Telegram сможет открывать ваш интерфейс.

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

Шаг 3. Кнопка меню Telegram

Чтобы клиент мог открыть приложение, его привязывают к кнопке меню Telegram-бота — это кнопка рядом с полем ввода сообщения.

  1. Подключите канал Telegram

    Mini App открывается в вашем боте, поэтому канал Telegram должен быть подключён. См. Подключение Telegram.

  2. Назначьте приложение на кнопку меню

    В настройках Mini App укажите, что оно открывается по кнопке меню бота. После этого у бота появится кнопка, открывающая ваше приложение.

  3. Проверьте в Telegram

    Откройте чат с ботом, нажмите кнопку меню — должно открыться ваше приложение.

Открытие по кнопке под сообщением

Кроме кнопки меню, Mini App можно открывать кнопкой Web App под сообщением чат-бота. Это удобно, когда приложение нужно показать в нужный момент сценария — например, после ответа на вопрос.

Добавьте кнопку Web App в ноде «Сообщение» сценария — тогда приложение откроется ровно там, где это уместно по логике диалога. См. Нода «Сообщение».

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

Кофейня делает no-code форму предзаказа. После публикации форма вешается на кнопку меню бота — клиент в любой момент открывает её, выбирает напиток и оставляет заявку. Дополнительно в приветственном сценарии бота добавлена кнопка Web App «Сделать заказ», чтобы новый подписчик сразу попал в форму.