Сегодня рассказываю, как создать мини-приложение в Телеграм бесплатно и без навыков программирования. Полностью покажу весь процесс создания Telegram Mini Apps с наглядными скриншотами и комментариями.
Введение
С 2024 года в Телеграм наблюдается массовый рост различных мини-приложений или Telegram Mini Apps (TMA).
Telegram Mini Apps (TMA) — это приложения, интегрированные с чат-ботами, которые работают непосредственно в мессенджере. Они разрабатываются на базе HTML, CSS и JavaScript и могут выполнять функции сайтов, интернет-магазинов, различных сервисов и приложений, а также игр.
Чтобы создать мини-приложение в Телеграм, не обязательно обращаться к программисту и заказывать разработку TMA. Есть простые и доступные конструкторы приложений, которые могут подойти под многие задачи.
Цены у программистов высокие, за каждую правку или внесение новой фичи потребуется доплата, плюс техподдержка тоже не бесплатна. Конструкторы гибкие, многофункциональные, у них часто есть бесплатная техническая поддержка.
Конструкторы мини-приложений в Телеграм — это хороший вариант, особенно если вы создаете свой первый проект и не готовы платить программисту большую сумму денег за разработку приложения.
В статье я детально покажу, как создавать Mini Apps в Telegram на базе конструктора. Приведу пошаговый пример создания приложения под конкретную задачу.
Создание мини-приложения в Телеграм на базе конструктора Fleep Apps
Создавать мини-приложения в Телеграм удобно с помощью Fleep Apps.
Fleep Apps — это конструктор Telegram Mini Apps от сервиса Fleep. С помощью конструктора возможно быстро создавать мини-приложения в Телеграм на базе готовых шаблонов или с нуля. Причем доступна настройка каждого отдельного элемента приложения и аналитики трафика.
Подробный обзор сервиса Fleep и его функционала представлен в этой статье, а пошаговый гайд по созданию умных Телеграм-ботов лежит здесь.
Важно. На момент написания статьи (25.12.2025) конструктор находится на стадии бета-версии. Поэтому в сервисе ещё нет всех планируемых функций, плюс возможны подвисания при работе с конструктором. Однако пробовать создавать приложения уже можно, причем бесплатно.
Создание Телеграм-бота
На первом этапе необходимо создать бот в BotFather, его затем потребуется подключить к сервису FleepApps. Именно из бота пользователь будет запускать мини-приложение.
@BotFather — это официальный бот Telegram для создания и управления другими ботами. Он нужен, чтобы зарегистрировать нового бота и получить его токен для API.
Через него можно настроить имя, описание, аватар и команды бота, включить функции (вроде inline-режима или редактирования сообщений). Простыми словами, @BotFather — это «админ» для всех Telegram-ботов.
Перехожу к созданию бота. Для этого:
1. Запускаю @BotFather, он выдает список команд.
2. Ввожу команду /newbot, бот просит придумать название. Название бота всегда можно изменить. Я дам название «Уголок Админа Дайджест».
3. Название дано, выбираю юзернейм (на окончании обязательно должно быть слово «bot»). Даю юзернейм «tg_adminpro_digest_bot». Если бот ругается, значит юзернейм занят и следует попробовать другой.
Юзернейм изменить нельзя. Поэтому сразу подбирайте простой и понятный юзернейм, подходящий по смыслу к проекту.
Бот готов, получаю поздравления и токен (выделен на скрине). Теперь проработаю внешний вид и описание бота.
4. Использую команду /setuserpic для добавления аватарки и отправляю фото. Отправляю команду в BotFather, выбираю бот и присылаю фото для аватарки.
5. Аватарка сделана, добавляю описание.
Есть две команды: /setdescription и /setabouttext. Команда /setabouttext дает возможность установить описание бота в шапке. Команда /setdescription дает возможность установить описание бота перед стартом, в блоке под названием «Что может делать этот бот».
Ввожу /setabouttext и даю описание бота в шапке. Например, «Полезная информация о продвижении и развитии Телеграм-каналов».
6. Ввожу /setdescription и отправляю текст для описания бота перед стартом.
7. Дополнительно введу фото к описанию перед стартом. Для этого отправляю в BotFather команду /mybots и выбираю свой бот, а затем нажимаю «Edit bot».
8. Нажимаю «Edit Description Picture» и отправляю фото. Фото должно быть размером 640х360 пикселей. Либо это может быть GIF, размером 320х180, 640х360 или 960х540 пикселей.
9. С оформлением бота все, теперь копирую токен бота и сохраняю его в избранное.
Пример. Мини-приложение с полезной информацией
Теперь приступаю к созданию мини-приложения в Телеграм.
Для примера я создам самое простое приложение с полезной информацией из моего блога. Цель: создать приложение, содержащее информацию разбитую по категориям, с удобным доступом.
Показывать работу с конструктором я буду через desktop версию Телеграм (версию для компьютеров).
Создание Mini App
Начинаю создавать Mini App в Telegram, работаю по следующему плану:
1. Нахожу в поиске и запускаю бот @AppsFleepBot.
2. Нажимаю «Открыть приложение». Возможно также сначала запустить бот, а потом нажать кнопку «Открыть Mini App».
3. В открывшемся окне, справа вверху, выбираю русскую версию сервиса.
Затем внизу, нажимаю «Создать мини приложение».
4. Затем нажимаю «Без шаблона».
И здесь потребуется ввести название для мини-приложения. Я назову приложение также как и бот «Уголок Админа Дайджест».
5. После ввода названия нажимаю кнопку «Создать».
6. Теперь необходимо создать раздел с информацией (экран). Для этого нажимаю внизу приложения кнопку «Добавить раздел».
7. Потребуется ввести название для экрана.
Так как это будет первый экран, то я назову его «Главное меню». Ввожу название и нажимаю «Создать».
8. Готово. Раздел с экраном в приложении создан.
Теперь можно вернуться в главное меню (закрыв и перезапустив FleepApps или через стрелочку назад).
Доступные настройки мини-приложения
В главном меню конструктора FleepApps, в разделе «Мои приложения» отображаются все созданные приложения. Каждое приложение возможно настроить, нажав кнопку «Настройки».
Кликнув по кнопке «Настройки» и перейдя в настройки приложения, можно получить ссылку на мини-приложение, подключить к нему бот, управлять уведомлениями. Здесь же доступен предпросмотр.
Также в меню возможно настроить структуру приложения, сменить тему, подключить прием платежей, проводить аналитику проекта.
Создание структуры мини-приложения
Пора приступить к созданию разделов и наполнению мини-приложения контентом. Для этого:
1. Перехожу в настройки приложения и нажимаю «Структура приложения».
2. Для примера я делаю максимально простое приложение, которое будет иметь три раздела с информацией.
Поэтому нажимаю кнопку «Добавить раздел» и добавлю экран с названием «Продажа рекламы» и экран «Аналитика каналов».
3. Теперь наполню созданные разделы информацией. Для этого нажимаю по кнопке «Настройки» у экрана «Главное меню».
4. Остаётся добавить на экран нужные элементы. Для этого нажимаю кнопку «Добавить элемент».
Возможно добавить текст, медиа (размером до 2 МБ), кнопки, формы, продукты и вертикальный или горизонтальный контейнер.
Я добавлю изображение, небольшой текст и две кнопки, ведущие на другие экраны приложения. Это будут кнопки «Продажа рекламы» и «Аналитика каналов».
5. Нажимаю кнопку «Настройки» у экрана «Продажа рекламы».
Добавляю через кнопку «Добавить элемент» текст со ссылками на мои статьи, а также кнопку «Назад», ведущую в главное меню.
6. Повторяю действия выше для экрана «Аналитика каналов» и наполняю его контентом.
7. Все готово. Остается подключить бот.
Подключение Телеграм-бота
На последнем шаге подключаю бот, именно из него пользователь будет взаимодействовать с мини-приложением.
1. Нажимаю по кнопке «Подключить к бизнес боту».
2. Сервис просит указать токен бота.
Я ввожу токен бота в окошко и сохраняю изменения.
3. Готово. Бот подключен.
Я создал и наполнил мини-приложение в Телеграм, остаётся проверить его работу.
Проверка работы мини-приложения
Проверю работу созданного приложения. Для этого захожу в бот @tg_adminpro_digest_bot и запускаю его.
Открываю мини-приложение и попадаю на экран главного меню.
Нажимаю в меню кнопку «Продажа рекламы» и попадаю на другую страницу с информацией.
Возвращаюсь в меню и нажимаю там кнопку «Аналитика каналов», после чего сразу попадаю на нужный экран.
В итоге приложение работает. Причем я создал свое мини-приложение в Телеграм без навыков программирования.
Заключение
В гайде я показал самый простой пример создания мини-приложения с минимальными возможными функциями. При желании вы можете создать намного более продвинутые проекты под задачи бизнеса или личного бренда. Например, удобный онлайн-магазин, портфолио и т.п.
Больше полезной информации в моём канале о продвижении в Телеграм. Простым языком рассказываю в нем о том, как эффективно развивать каналы и зарабатывать на них деньги. Даю бесплатно то, что другие продают.
До новых встреч в следующих статьях. С уважением, Дмитрий Толстой.
