Telegram Mini App — что это и зачем он бизнесу? Если коротко, это веб-приложение, которое открывается прямо внутри Telegram. Клиент листает каталог, кладёт товары в корзину, бронирует столик или оплачивает заказ, не выходя из мессенджера. Ничего не нужно скачивать, а регистрация чаще всего сводится к одному нажатию: Telegram уже знает, кто перед ним.
В Узбекистане Telegram — один из главных каналов общения с клиентами: здесь читают новости, общаются с магазинами и оформляют заказы через ботов. Поэтому Mini App для многих компаний становится самым коротким путём от интереса к покупке. Разберём, как устроены мини-приложения, чем они отличаются от обычных ботов, где приносят пользу и как создать Telegram Mini App под свою задачу.
Как устроен Telegram Mini App
Технически Mini App — обычная веб-страница на HTML, CSS и JavaScript, размещённая на вашем сервере. Разница в том, что открывается она не в браузере, а в специальном окне внутри Telegram. При запуске Telegram передаёт приложению базовые данные о пользователе: имя, язык интерфейса, Telegram ID.
Открыть мини-приложение можно несколькими способами:
- через кнопку меню бота в нижней части чата;
- через inline-кнопку под сообщением;
- по прямой ссылке вида t.me/имя_бота/приложение — её удобно размещать в Instagram, на сайте или в рекламе.
Приложение подстраивается под тему Telegram, умеет работать с главной кнопкой внизу экрана, кнопкой «Назад» и виброоткликом. За счёт этого оно выглядит как родная часть мессенджера, а не как сайт, открытый в чужом окне.
Безопасность: проверка initData
Данные о пользователе Telegram передаёт в виде подписанной строки initData. Сервер обязан проверять эту подпись с помощью токена бота — иначе любой сможет выдать себя за другого человека. Для приложений, где есть заказы, оплата или личный кабинет, это обязательное правило, а не рекомендация. Подробное описание механизма есть в официальной документации Telegram.
Mini App или обычный бот
Классический бот работает через сообщения и кнопки. Для заявок, опросов и уведомлений этого хватает. Но если в каталоге двести позиций с размерами и цветами, листать их кнопками неудобно ни клиенту, ни вам.
| Обычный бот | Mini App | |
|---|---|---|
| Интерфейс | Сообщения и кнопки | Полноценный веб-интерфейс |
| Каталог и фильтры | Ограниченно | Удобно, с фото |
| Корзина и оформление | Пошагово в чате | На одном экране |
| Уведомления | Да | Через бота |
| Сложность разработки | Ниже | Выше |
На практике лучше всего работает связка: бот сообщает о статусе заказа и уведомляет менеджеров, а Mini App становится основной витриной. О стоимости обычных ботов подробно рассказали в статье сколько стоит Telegram-бот.
Где Mini App приносит пользу бизнесу
Магазин в Telegram
Самый частый сценарий. Покупатель открывает каталог, выбирает товары по категориям и фильтрам, оформляет доставку и оплачивает — всё в одном окне. Если у вас уже есть интернет-магазин, мини-приложение может работать с тем же каталогом и той же базой заказов, чтобы не вести учёт в двух местах.
Например, для Wallner мы сделали магазин в виде Mini App, связанный с ERP-системой: товары и остатки подтягиваются из ERP, а оплата принимается через Click и Payme.
Бронирование и онлайн-запись
Подходит клиникам, салонам красоты, фитнес-клубам, автосервисам. Клиент выбирает услугу, специалиста и свободное время, а бот напоминает о визите. Администратор меньше времени тратит на звонки и переписку.
Меню ресторана или кафе
Меню с фотографиями, корзина, выбор между доставкой и самовывозом, оплата. Заказ сразу попадает на кухню или в кассу. В зале мини-приложение можно открывать по QR-коду на столе.
Другие сценарии
- программы лояльности и бонусные карты;
- продажа билетов на мероприятия;
- внутренние инструменты для сотрудников: заявки, отчёты, склад;
- личный кабинет клиента: история заказов, счета, документы.
Как принимать оплату в Mini App
Есть два основных подхода.
1. Переход на платёжную страницу Click или Payme. Клиент оформляет заказ, система создаёт его у себя и отправляет покупателя на страницу оплаты. Платёжная система уведомляет ваш сервер о результате, статус заказа обновляется автоматически. Владельцам карт Humo и Uzcard такой сценарий привычен.
2. Встроенные платежи Telegram. У Telegram есть Bot Payments API: платёжный провайдер подключается к боту через BotFather, и окно оплаты открывается прямо в мессенджере. Список доступных провайдеров виден в BotFather, а условия подключения стоит уточнить у самого провайдера.
Для цифровых товаров и услуг внутри Telegram платформа требует использовать свою внутреннюю валюту — Telegram Stars. Для физических товаров и офлайн-услуг обычно подходят привычные платёжные провайдеры. Правила платформы меняются, поэтому в начале проекта мы сверяемся с актуальной документацией Telegram.
Что нужно бизнесу для приёма платежей и как проходит подключение, подробно разобрали в статье про интеграцию Click и Payme.
Telegram Mini App: как создать
С точки зрения разработки мини-приложение похоже на обычное веб-приложение, но со своей спецификой. Наш процесс выглядит так:
- Постановка задачи. Какой путь проходит клиент, какие данные нужны, с чем интегрироваться: CRM, 1С, склад, оплата.
- Прототип и дизайн. Рисуем экраны под размер телефона, учитываем светлую и тёмную темы Telegram.
- Бот. Создаём бота в BotFather, подключаем Mini App, настраиваем кнопку меню.
- Фронтенд. Интерфейс на базе Web App SDK от Telegram: главная кнопка, «Назад», цвета темы.
- Бэкенд. Проверка initData, каталог, заказы, уведомления, админ-панель.
- Интеграции. Платёжные системы, CRM или ERP, службы доставки.
- Тестирование и запуск. Проверяем на разных устройствах и версиях Telegram, затем открываем для реальных пользователей.
Не забывайте про управление: кто-то должен добавлять товары, менять цены и обрабатывать заказы. Иногда для этого достаточно простой админ-панели, а иногда разумнее связать Mini App с CRM или ERP-системой.
Mini App, сайт или мобильное приложение
Мини-приложение не всегда заменяет сайт или полноценное приложение. Ориентиры такие:
- Mini App — если аудитория живёт в Telegram и важна скорость заказа или записи;
- сайт — если нужны новые клиенты из поиска Google и Яндекса: мини-приложение живёт внутри Telegram и не рассчитано на поисковый трафик;
- мобильное приложение — если нужны сложные функции, офлайн-режим или глубокая работа с возможностями устройства.
Часто лучший результат даёт комбинация: сайт приводит новых клиентов, а Mini App делает повторные покупки максимально простыми.
От чего зависит стоимость
Цена Mini App складывается из количества экранов, сложности дизайна, админ-панели, интеграций и платёжных сценариев. Mini App-магазин обычно находится на стыке разработки Telegram-ботов и интернет-магазина. Опишите задачу: после короткого брифа пришлём письменное предложение с объёмом работ, сроками и фиксированной стоимостью.
Частые вопросы
Чем Telegram Mini App отличается от обычного бота?
Обычный бот общается с пользователем сообщениями и кнопками, и каждый шаг проходит в чате. Mini App — это полноценное веб-приложение внутри Telegram: каталог с фото, фильтры, корзина, формы и любой другой интерфейс. Обычно они работают в паре: бот присылает уведомления, а Mini App служит основным интерфейсом.
Нужно ли пользователю что-то устанавливать?
Нет. Mini App открывается прямо в Telegram, без App Store и Google Play. Пользователь нажимает кнопку в боте или переходит по ссылке, и приложение сразу открывается.
Можно ли принимать оплату через Click и Payme внутри Mini App?
Да. Есть два основных варианта: после оформления заказа перенаправить покупателя на платёжную страницу Click или Payme либо использовать встроенные платежи Telegram с провайдером, подключённым через BotFather. Какой вариант удобнее, решаем по требованиям проекта.
Сколько стоит создать Telegram Mini App?
Цена зависит от количества экранов, дизайна, админ-панели и интеграций с оплатой и учётными системами. Mini App-магазин обычно дороже простого бота, потому что объединяет возможности бота и интернет-магазина. После разбора задачи присылаем предложение с объёмом работ, сроками и фиксированной стоимостью.
