Перейти к содержимому

Примеры мини-приложений в Телеграме: 16 готовых шаблонов

Кирилл Шулянов ·

Ниже — шестнадцать примеров мини-приложений для Telegram и MAX. Это шаблоны конструктора, а не чужие проекты: каждый открывается в редакторе собранным и рабочим — у каждого экрана есть вход, кнопки ведут куда надо, выбранные мастер, дата или категория места доезжают до заявки вместе с ней. Любой можно открыть, посмотреть изнутри и взять за основу своего. Ссылки на страницы шаблонов — после текста.

Продажи: магазин, доставка еды, кофейня

«Интернет-магазин» — шесть экранов: главная с поиском, разделами и подборкой «Популярное», карточка товара с выбором размера, корзина с формой доставки и кнопкой оплаты, «Мои заказы», «Избранное» и профиль. Товары лежат в таблице приложения, оплата картой идёт на вашу кассу — ЮKassa или Т-Банк.

«Доставка еды» — меню с поиском и карточками блюд, корзина с адресом доставки и кнопкой оплаты, экран статуса заказа и профиль. Разделы-чипы, поле промокода, итог в корзине, этапы доставки и история заказов здесь нарисованы образцом — их заменяют своими данными или связывают с таблицами. «Кофейня» заточена под предзаказ: напиток с объёмом и молоком, экран «Самовывоз» с выбором времени, карта гостя с баллами и список заказов.

Запись: мастер, врач, автосервис, фитнес

«Запись на услуги» — главная со списком услуг и отзывами, экран записи с выбором мастера, даты и времени, подтверждение и «Мои записи». Прайс лежит в таблице «Услуги». «Медцентр» — врачи с фильтром по специальности, карточка врача с подготовкой к приёму, форма записи с датой, временем и адресом с маршрутом, «Мои визиты».

«Автосервис» — работы с ценами и сроками, карточка работы, форма записи с машиной и госномером и экран «Моя машина» — образец этапов ремонта. «Фитнес-клуб» — расписание, страница занятия с записью, абонементы с оплатой и профиль-образец.

Как устроено время. В записи к мастеру, врачу и в автосервис время и даты заданы в самих экранах и меняются в редакторе, в том числе с телефона. Занятое время само из выбора не пропадает — его убирают вручную. В фитнес-клубе занятия лежат строками таблицы, а свободные места — текстом в строке, который сам не уменьшается.

События, обучение и контент

«Афиша и билеты» — афиша с поиском, страница события, выбор категории места и числа билетов с оплатой и экран билета с QR-кодом. Билет в шаблоне — образец: код у всех один, уникальных кодов и проверки на входе в шаблоне нет.

«Онлайн-курсы» — каталог курсов, страница курса с программой и оплатой, урок с видео, конспектом и домашним заданием и профиль — образец с курсами и сертификатом. «Музыка и подкасты» — подборки, релиз, плеер и избранное; список треков и избранное в шаблоне — образец.

Каталоги с заявкой: недвижимость, туры, вакансии, портфолио

Четыре приложения одного типа: человек листает каталог и оставляет заявку. «Недвижимость» — объекты с поиском по району и фильтром «продажа / аренда», карточка с фотографиями, агентом и адресом, избранное-образец и заявка на показ. «Турагентство» — туры с фильтром по типу отдыха, карточка тура с тем, что входит в цену, форма подбора тура и «Мои поездки».

«Вакансии» — список с поиском по должности и фильтром по формату работы, вакансия, отклик с резюме файлом и «Мои отклики». «Портфолио» — о себе, проекты, пакеты услуг с ценами и форма заявки.

Лояльность и сборы

«Программа лояльности» — карта с балансом, купоны, партнёры, история баллов и анкета участника с покупкой подарочного сертификата. Баллы за оплату внутри приложения начисляются сами, за покупку на кассе — вручную; номер карты и уровень на экране — образец. «Благотворительность» — сборы с прогрессом, страница сбора, экран пожертвования с оплатой на кассу организации и отчёты-образец с реквизитами.

Что общего у всех примеров

Каталоги, услуги, врачи, туры и вакансии рисуются из таблиц приложения, поэтому «добавить товар» или «добавить вакансию» значит добавить строку, а не переделывать экран. Заявка из формы приходит владельцу в Telegram в момент отправки и остаётся в архиве в редакторе.

Каждый пример открывается и в Telegram, и в MAX — это один и тот же проект. Если нужного примера нет, соседние можно совместить: кроме шестнадцати приложений в конструкторе есть 35 шаблонов отдельных экранов — корзина, бронирование, отзывы, вопросы и ответы, «Как добраться» — их добавляют в уже собранный проект.

Шаблоны из разбора

Что ещё спрашивают

Где посмотреть примеры мини-приложений в Телеграме?
Все шестнадцать шаблонов конструктора перечислены выше, и у каждого есть своя страница: экраны по порядку, что на каждом и что меняют под себя первым. В редакторе любой шаблон открывается целиком, его можно пройти в превью как посетитель.
Это реальные приложения или макеты?
Рабочие шаблоны, а не картинки. У каждого экрана есть вход, кнопки ведут куда надо, а выбор мастера, даты или места доезжает до заявки — это проверяют автотесты шаблонов. Вам остаётся заменить данные своими.
Можно ли совместить два примера в одном приложении?
Да. Берут основной шаблон и добавляют к нему экраны из библиотеки: в конструкторе 35 шаблонов экранов — каталог, корзина, бронирование, отзывы, карта лояльности и другие. Таблицы и переходы настраиваются так же, как в любом проекте.
Что делать, если подходящего примера нет?
Начать с пустого проекта или описать приложение словами: сборка по описанию собирает экраны, таблицы и переходы, а дальше это обычный проект, который правится в редакторе.
Открыть конструктор

Соседние разборы

Куда пойти дальше