Примеры мини-приложений в Телеграме: 16 готовых шаблонов
Ниже — шестнадцать примеров мини-приложений для Telegram и MAX. Это шаблоны конструктора, а не чужие проекты: каждый открывается в редакторе собранным и рабочим — у каждого экрана есть вход, кнопки ведут куда надо, выбранные мастер, дата или категория места доезжают до заявки вместе с ней. Любой можно открыть, посмотреть изнутри и взять за основу своего. Ссылки на страницы шаблонов — после текста.
Продажи: магазин, доставка еды, кофейня
«Интернет-магазин» — шесть экранов: главная с поиском, разделами и подборкой «Популярное», карточка товара с выбором размера, корзина с формой доставки и кнопкой оплаты, «Мои заказы», «Избранное» и профиль. Товары лежат в таблице приложения, оплата картой идёт на вашу кассу — ЮKassa или Т-Банк.
«Доставка еды» — меню с поиском и карточками блюд, корзина с адресом доставки и кнопкой оплаты, экран статуса заказа и профиль. Разделы-чипы, поле промокода, итог в корзине, этапы доставки и история заказов здесь нарисованы образцом — их заменяют своими данными или связывают с таблицами. «Кофейня» заточена под предзаказ: напиток с объёмом и молоком, экран «Самовывоз» с выбором времени, карта гостя с баллами и список заказов.
Запись: мастер, врач, автосервис, фитнес
«Запись на услуги» — главная со списком услуг и отзывами, экран записи с выбором мастера, даты и времени, подтверждение и «Мои записи». Прайс лежит в таблице «Услуги». «Медцентр» — врачи с фильтром по специальности, карточка врача с подготовкой к приёму, форма записи с датой, временем и адресом с маршрутом, «Мои визиты».
«Автосервис» — работы с ценами и сроками, карточка работы, форма записи с машиной и госномером и экран «Моя машина» — образец этапов ремонта. «Фитнес-клуб» — расписание, страница занятия с записью, абонементы с оплатой и профиль-образец.
Как устроено время. В записи к мастеру, врачу и в автосервис время и даты заданы в самих экранах и меняются в редакторе, в том числе с телефона. Занятое время само из выбора не пропадает — его убирают вручную. В фитнес-клубе занятия лежат строками таблицы, а свободные места — текстом в строке, который сам не уменьшается.
События, обучение и контент
«Афиша и билеты» — афиша с поиском, страница события, выбор категории места и числа билетов с оплатой и экран билета с QR-кодом. Билет в шаблоне — образец: код у всех один, уникальных кодов и проверки на входе в шаблоне нет.
«Онлайн-курсы» — каталог курсов, страница курса с программой и оплатой, урок с видео, конспектом и домашним заданием и профиль — образец с курсами и сертификатом. «Музыка и подкасты» — подборки, релиз, плеер и избранное; список треков и избранное в шаблоне — образец.
Каталоги с заявкой: недвижимость, туры, вакансии, портфолио
Четыре приложения одного типа: человек листает каталог и оставляет заявку. «Недвижимость» — объекты с поиском по району и фильтром «продажа / аренда», карточка с фотографиями, агентом и адресом, избранное-образец и заявка на показ. «Турагентство» — туры с фильтром по типу отдыха, карточка тура с тем, что входит в цену, форма подбора тура и «Мои поездки».
«Вакансии» — список с поиском по должности и фильтром по формату работы, вакансия, отклик с резюме файлом и «Мои отклики». «Портфолио» — о себе, проекты, пакеты услуг с ценами и форма заявки.
Лояльность и сборы
«Программа лояльности» — карта с балансом, купоны, партнёры, история баллов и анкета участника с покупкой подарочного сертификата. Баллы за оплату внутри приложения начисляются сами, за покупку на кассе — вручную; номер карты и уровень на экране — образец. «Благотворительность» — сборы с прогрессом, страница сбора, экран пожертвования с оплатой на кассу организации и отчёты-образец с реквизитами.
Что общего у всех примеров
Каталоги, услуги, врачи, туры и вакансии рисуются из таблиц приложения, поэтому «добавить товар» или «добавить вакансию» значит добавить строку, а не переделывать экран. Заявка из формы приходит владельцу в Telegram в момент отправки и остаётся в архиве в редакторе.
Каждый пример открывается и в Telegram, и в MAX — это один и тот же проект. Если нужного примера нет, соседние можно совместить: кроме шестнадцати приложений в конструкторе есть 35 шаблонов отдельных экранов — корзина, бронирование, отзывы, вопросы и ответы, «Как добраться» — их добавляют в уже собранный проект.
Шаблоны из разбора
- Интернет-магазинШесть экранов, которых хватает, чтобы продавать: главная, товар, корзина, мои заказы, избранное и профиль. Всё уже связано между собой — кнопки ведут куда надо, корзина считает сумму, а оформленный заказ приходит вам в Telegram.
- Доставка едыГость открывает меню кнопкой в вашем боте — без установки и регистрации. Он добавляет блюда в корзину, указывает адрес и оплачивает; заказ приходит вам в Telegram в момент отправки.
- КофейняГость собирает заказ заранее, выбирает время и оплачивает. Заказ приходит вам в Telegram: напитки, объём, молоко, когда забрать и сумма.
- Запись на услугиКлиент записывается сам, ночью и в выходной, не дозваниваясь администратору. Запись сразу приходит вам в Telegram, а клиент видит её в приложении.
- МедцентрПациент выбирает врача, дату и время, не дозваниваясь в регистратуру. Запись приходит вам в Telegram, а пациент видит свои визиты в приложении.
- АвтосервисКлиент видит цены до звонка и записывается на удобное время. Мастеру заявка приходит в Telegram, а не остаётся в пропущенных.
- Фитнес-клубРасписание, из которого записываются прямо в чате, и абонементы, которые можно оплатить в приложении. Клиенту не нужно звонить администратору, а запись приходит вам в Telegram.
- Афиша и билетыАфиша, из которой можно сразу купить билет. Человек выбирает событие, категорию места и число билетов и оплачивает, а покупка приходит вам в Telegram. Экран билета с QR-кодом — образец оформления.
- Онлайн-курсыКурс, который открывается в мессенджере: каталог, программа, урок с видео и домашним заданием. Ученику не нужно заводить пароль — вход происходит сам, по подписи мессенджера.
- Музыка и подкастыРелизы и выпуски, которые слушают, не выходя из мессенджера. Подборки, страница релиза и плеер — слушателю не нужно ничего скачивать.
- НедвижимостьКаталог объектов, который листают с телефона в дороге. Поиск по району и фильтр сужают выбор, карточка показывает главное, а заявка на показ приходит риелтору в Telegram.
- ТурагентствоТуры, которые листают в чате и бронируют оттуда же. Даты, отель, что входит в цену и стоимость — на одном экране, а заявка на подбор приходит вам в Telegram.
- ВакансииВакансии, на которые откликаются из чата: без перехода на сайт, без регистрации и без письма «отправьте резюме на почту». Резюме приезжает вам в Telegram ссылкой на файл.
- ПортфолиоПриложение-визитка, которая доводит до заявки. Рассказ о себе, проекты, пакеты услуг с ценами и форма — человек не уходит в браузер, а отправляет заявку прямо из чата.
- Программа лояльностиКарта, которую невозможно забыть дома: она открывается в мессенджере. Баллы лежат в строке участника в таблице и начисляются сами за оплату внутри приложения, купоны и партнёры — тоже таблицами.
- БлаготворительностьСбор, который видно целиком: цель, сколько собрано, на что пойдут деньги. Пожертвование делается прямо в мессенджере, а деньги приходят на вашу кассу.
Что ещё спрашивают
- Где посмотреть примеры мини-приложений в Телеграме?
- Все шестнадцать шаблонов конструктора перечислены выше, и у каждого есть своя страница: экраны по порядку, что на каждом и что меняют под себя первым. В редакторе любой шаблон открывается целиком, его можно пройти в превью как посетитель.
- Это реальные приложения или макеты?
- Рабочие шаблоны, а не картинки. У каждого экрана есть вход, кнопки ведут куда надо, а выбор мастера, даты или места доезжает до заявки — это проверяют автотесты шаблонов. Вам остаётся заменить данные своими.
- Можно ли совместить два примера в одном приложении?
- Да. Берут основной шаблон и добавляют к нему экраны из библиотеки: в конструкторе 35 шаблонов экранов — каталог, корзина, бронирование, отзывы, карта лояльности и другие. Таблицы и переходы настраиваются так же, как в любом проекте.
- Что делать, если подходящего примера нет?
- Начать с пустого проекта или описать приложение словами: сборка по описанию собирает экраны, таблицы и переходы, а дальше это обычный проект, который правится в редакторе.