Telegram Mini App / E-commerce / Admin panel
Формат: Реализованный проектFaberlic Telegram Mini App
Доработка сайта и запуск Telegram Mini App с ботом, подписчиками, рассылками, формами, SMTP-доставкой и админскими журналами.
Было
Заказчику нужно было доработать существующий сайт Faberlic и на его основе создать полноценное Telegram Mini App для бота. Исходный сайт работал недостаточно быстро, на главной был сломан слайдер, мобильное меню открывалось некорректно, дата в футере была статичной, а существующее Mini App выглядело сыро и не решало бизнес-задачу. Отдельная проблема — отсутствие нормальной системы подписчиков, рассылок, заявок и контроля доставки сообщений.
Сделали
Был подготовлен быстрый сайт и отдельное Telegram Mini App, связанное с ботом FaberlicMyBot. В Mini App появились основные пользовательские разделы: главная, инновации, магазин, помощь, форма вопроса, подписка на новости и кнопка “Поделиться”. Для администратора добавлены панель рассылок, список подписчиков, журнал последних рассылок, скрытый журнал заявок, SMTP-доставка писем и резервное сохранение заявок на сервере. Дополнительно исправлены визуальные и технические проблемы сайта: слайдер, мобильное меню, динамический год, шаринг и корректное поведение сайдбара.
Стало
В результате получилась связка “сайт + Telegram Mini App + бот + админка”. Пользователь может зарегистрироваться, открыть магазин, изучить материалы, задать вопрос, подписаться на новости и поделиться приложением. Администратор видит подписчиков, отправляет новости через бота, контролирует заявки и доставку уведомлений. Для бизнеса Mini App стал удобной точкой входа в продажи, поддержку и повторные касания внутри Telegram.
Сценарий работы
- Пользователь открывает Telegram-бота и запускает Mini App.
- На главной видит быстрые переходы: регистрация, магазин, инновации, каталог, оплата и помощь.
- При переходе к регистрации или магазину открываются нужные реферальные ссылки.
- В разделе помощи пользователь читает FAQ и может отправить вопрос через форму.
- После подписки Telegram ID сохраняется в базе подписчиков для будущих новостей.
Архитектура
- Основной сайт: оптимизированные HTML/CSS/JS-файлы, восстановленный слайдер, исправленное меню, динамический год и адаптивные правки.
- Mini App: интерфейс, логика переходов, шаринг, форма, подписка и мобильная верстка под Telegram WebView.
- Backend: обработка подписчиков, заявок, рассылок и журналов через PHP.
- Админский контур: закрытые страницы для рассылок, подписчиков и диагностики заявок.
- Хранение данных: JSON/JSONL-файлы в закрытой служебной папке.
Ключевые возможности
- Быстрый доступ к регистрации Faberlic и официальному магазину.
- Раздел с инновационными продуктами и FAQ.
- Форма “Задать вопрос” с email- и Telegram-уведомлениями.
- Подписка на новости и рассылки через Telegram-бота.
- Кнопка “Поделиться” для Telegram, WhatsApp, системного меню телефона и копирования ссылки.
- Журнал заявок, журнал рассылок и контроль доставки сообщений.
Безопасность и поддержка
- Админка защищена секретным ключом.
- Служебные журналы и данные вынесены в закрытые директории.
- Токены, SMTP-пароли и ключи хранятся в отдельной конфигурации.
- Пользователям не показываются технические ссылки на Telegram-канал при рассылке.
- Заявки сохраняются резервно, чтобы диагностика не зависела только от почтовой доставки.
Еще кейсы
Другие проекты Wcoders
Посмотрите другие проекты, чтобы оценить разные форматы задач и решений.
Платформа AI-агентов для автоматизации бизнес-процессов
AI-платформа для автоматизации заявок, документов, онбординга, отчётности и интеграций через автономных агентов и мультиагентные сценарии.
Открыть кейс
Humagent — операционная система для команд из людей и AI
Humagent превращает нейросети из отдельных AI-чатов в управляемых участников компании: с ролями, задачами, знаниями, бюджетами, согласованиями и прозрачной историей запусков.
Открыть кейс
WealthOS — платформа цифрового управления капиталом
Концепт цифровой платформы для wealth-менеджеров, семейных офисов, брокеров и финтех-компаний: управление капиталом, робо-эдвайзинг и гибридное консультирование.
Открыть кейс