Интернет-магазин в Telegram: Mini App с каталогом и оплатой
Каталог, фильтры, корзина, оплата и доставка внутри Telegram — без установки приложения. Разбираем, как устроена синхронизация остатков с учётной системой и где формат упирается в ограничения.
Как магазин выглядит внутри мессенджера
Магазин в Telegram — это Mini App: веб-приложение, которое открывается по кнопке бота или по ссылке прямо в окне мессенджера. Клиент видит категории, карточки товаров с галереей, фильтры, корзину и оформление заказа. Скачивать ничего не нужно — установки из App Store и Google Play нет, а любая правка каталога или логики появляется у всех пользователей сразу после выкладки на сервер.
Технически интерфейс работает на Telegram Web Apps SDK. Он даёт цветовую тему пользователя, системную главную кнопку внизу экрана (её обычно занимает «В корзину» и «Оформить заказ»), обработку свайпа назад и тактильный отклик. Пользователь идентифицируется по аккаунту Telegram: приложение получает подписанные данные, сервер проверяет подпись секретом бота. Регистрация, пароли и подтверждение по SMS не нужны, а значит из воронки выпадает самый дорогой шаг.
Формат имеет смысл, когда трафик уже приходит из мессенджера или соцсетей, а покупка короткая. Если у вас классический ассортимент на тысячи позиций с развитой SEO-структурой, честнее считать связку: полноценный интернет-магазин как основная площадка и Mini App как быстрый канал для повторных покупок.
Каталог, фильтры и карточка товара
Главное правило — ничего не грузить целиком. Каталог отдаётся постранично, картинки подгружаются лениво и в сжатых форматах, фильтрация и поиск считаются на сервере. Попытка отдать три тысячи позиций одним запросом убивает открытие приложения на мобильном интернете, а первое впечатление в этом формате критично: у пользователя нет иконки на экране, к которой он вернётся после неудачной загрузки.
Что закладывается в структуру:
- Категории и подкатегории с ограничением вложенности — глубже трёх уровней в мессенджере ориентироваться неудобно.
- Фильтры по реальным атрибутам: размер, цвет, бренд, цена, наличие. Каждый фильтр должен быть заполнен у всех товаров, иначе выборки будут терять позиции.
- Поиск с обработкой опечаток и раскладки — заметная часть запросов приходит с телефона на бегу.
- Карточка: галерея, цена, остаток или срок поставки, характеристики, варианты размера и цвета как переключатель, а не как отдельные товары.
Корзина и оформление заказа
Корзина хранится на сервере и привязана к идентификатору пользователя в Telegram. Это важнее, чем кажется: человек добавил товар с телефона, вышел, вернулся через день — состав должен сохраниться, а цены и наличие пересчитаться на момент открытия. Локальное хранение в браузере такой сценарий не выдерживает.
Оформление сводится к минимуму полей. Имя и телефон подставляются из профиля, если пользователь их дал, адрес выбирается из сохранённых или ставится точкой на карте, способ доставки и оплаты — переключателями. На каждом шаге пересчитывается итог: товары, доставка, скидка по промокоду. Отдельно проверяется остаток непосредственно перед оплатой — иначе неизбежны заказы на товар, который разобрали, пока корзина висела открытой.
Оплата: эквайринг, Kaspi и Telegram Stars
Для физических товаров работают два основных канала: карта через эквайринг и Kaspi. Платёжная форма банка открывается внутри окна приложения, а статус «оплачено» ставится по серверному колбэку от банка, а не по возвращению пользователя на экран благодарности. Иначе часть оплаченных заказов останется в статусе ожидания просто потому, что у клиента пропала сеть.
Telegram Stars — отдельный инструмент, внутренняя валюта Telegram. Ими оплачивают только цифровые товары и услуги: доступ к платному контенту, подписку, снятие лимита. Для одежды, техники, косметики или продуктов этот способ неприменим.
Наличные и оплата при получении остаются в списке способов: в рознице их доля по-прежнему заметна, и жёстко зашитый выбор из двух кнопок здесь только теряет заказы. Подтверждение оплаты и номер заказа клиенту отправляет бот сообщением в чат — этот же канал потом используется для статусов доставки.
Синхронизация остатков и связь с учётной системой
Самая частая причина провала магазина в мессенджере — расхождение остатков. Схем интеграции обычно три. Первая: Mini App вообще не хранит каталог, а читает товары и остатки по API учётной системы или существующего сайта — самый честный вариант, но требует, чтобы API держал нагрузку. Вторая: периодическая выгрузка по расписанию с локальной копией каталога — быстрее для пользователя, но окно расхождения существует. Третья: гибрид — каталог из копии, а остаток и цена конкретной позиции проверяются онлайн в момент добавления в корзину и перед оплатой.
Сюда же относятся резерв товара на время оформления, стоп-лист для позиций, которые нельзя продавать онлайн, и обратный поток: заказ должен попадать в учётную систему автоматически, иначе всё сведётся к ручному переносу заявок менеджером.
Доставка, сроки запуска и стоимость
Доставка настраивается зонами: полигон на карте, стоимость, минимальная сумма, ориентировочное время. Клиент ставит точку, приложение определяет зону и сразу показывает условия. Для регионов добавляются службы доставки с расчётом по тарифу и трек-номером, который бот отправит сообщением. Самовывоз — отдельный способ с выбором точки и временем готовности.
Срок разработки типового магазина — 3–8 недель: нижняя граница для витрины на несколько десятков позиций с одной оплатой, верхняя — для каталога с фильтрами, вариантами товара, интеграцией остатков и несколькими способами доставки. Стоимость начинается от 700 000 ₸ и зависит от размера каталога, глубины интеграции и количества платёжных каналов. По затратам это заметно дешевле нативного приложения: одна кодовая база, никакого ревью в сторах, обновления выкатываются в тот же день.
Ограничения формата тоже стоит держать в голове: нет доступа к части системных возможностей телефона, нет фоновой работы и полноценного офлайна, тяжёлая графика и сложная анимация — территория нативного приложения. Для магазина это почти никогда не критично, но сканер штрихкодов для склада или каталог, работающий без сети на выезде, придётся делать отдельно.
Другие решения на Telegram Mini App
Тот же движок под разные задачи — выберите сценарий, который ближе к вашему.
Как проходит работа
Начинаем с короткого разговора: что за бизнес, кто клиенты, какую задачу должен решать результат и к какому сроку он нужен. По итогам называем стоимость и график — в течение суток, а не «после расчёта отдела».
Дальше работа идёт этапами, и в конце каждого есть то, что можно посмотреть и принять: концепция, черновой вариант, финал. Правки в рамках согласованного направления входят в стоимость — считать каждую мелочь отдельно мы не любим так же, как и вы. Всё, что выходит за рамки задачи, обсуждается заранее, а не появляется в счёте сюрпризом.
Исходники передаются заказчику вместе с правами на использование. Никаких абонентских платежей за собственные материалы и никакой привязки к нам как к подрядчику: продолжить работу вы сможете с кем угодно.
Почему к нам приходят
Applications.kz работает с 2007 года, и за это время через нас прошли сотни проектов — от небольших компаний до сетей и производств. Мы делаем не только дизайн, но и сайты, приложения и системы автоматизации, поэтому смотрим на задачу целиком: логотип должен нормально жить и на вывеске, и в иконке приложения, а рекламная кампания — вести на страницу, которая действительно превращает переходы в заявки.
Работаем по договору с фиксированной сметой, по всему Казахстану — Алматы, Астана, Шымкент, Караганда, Актобе, Атырау и другие города. Встречи и приёмка проходят онлайн, если вам так удобнее.
С чего начать
Опишите задачу в свободной форме — этого достаточно для первого разговора. Если есть примеры того, что нравится, и того, что категорически нет, приложите: это экономит больше времени, чем любое техническое задание. Оценка бесплатная и ни к чему не обязывает.