Демо-сценарій
Квіткова майстерня
NEWTelegram Mini App · конструктор букета

Квіткова майстерня: букет, зібраний у міні-застосунку

Квіткова майстерня додала в бота Telegram Mini App. Клієнтка відкриває застосунок прямо з чату, збирає букет із живим превʼю й ціною, обирає доставку й оплачує, а бот надсилає фото букета перед відправкою і статуси.

Ніша
Квіткова майстерня, Київ
Канал
Telegram-бот + Mini App
Запуск
4 тижні
Обсяг
~900 замовлень/міс
Хочу такого ботаЯк це працює
Детальніше про TelegramКвіткові магазини
18:12
Чати
Квіткова майстерня
бот
КМ
Що вміє цей бот?Букети з доставкою по Києву. Зберіть свій у міні-застосунку за хвилину 💐
П'ятниця
Добрий вечір! Хочу замовити букет мамі на завтра, в неї день народження17:46
Добрий вечір! 💐 Зберіть букет самі: квіти, колір, зелень, упаковка й листівка. Ціну побачите одразу, а доставку оформите там же17:46
Замовлення №1048 оплачено ✅
Завтра, 12:00–14:00 · вул. Велика Васильківська, 72
Перед доставкою надішлю фото букета17:46
Дякую! 🙏17:47
Субота
Ваш букет готовий 🌸 Листівка «З днем народження, мамо ❤️» вже всередині11:32
Передаю кур'єру 🚗 Андрій буде на місці орієнтовно о 12:4011:32
Доставлено ✅ Букет у мами. Дякуємо, що обрали нас! Наступного разу ваша адреса вже буде в застосунку12:44❤️
Мама в захваті, дякую!!12:44
Повідомлення
ГотовоНадіслав фото букета й повідомив про доставку

Результати

2 хввід питання до оплати
0дзвінків менеджеру до оплати
1фото букета на погодження перед доставкою
12:44доставлено у вікно 12:00–14:00

* Демонстраційний кейс: назви, цитати й цифри умовні та будуть замінені реальними.

Спробуйте самі

Telegram Mini App: зберіть букет

Це той самий міні-застосунок, що відкриває бот у кейсі. Оберіть квіти, колір, кількість і упаковку, перейдіть до доставки й оплатіть. Внизу видно, що в цей момент відбувається між застосунком, Telegram і ботом.

  1. MainButtonНативна кнопка Telegram внизу. Текст і ціну застосунок оновлює сам.
  2. BackButtonНа кроці доставки «Закрити» стає «Назад».
  3. HapticFeedbackЛегка вібрація на кожен вибір.
  4. CloudStorageАдреса з минулого замовлення підставляється сама.
  5. openInvoiceНативне вікно оплати Telegram поверх застосунку.
  6. Теми й кольориШапка й кнопка у фірмових кольорах магазину.
Telegram і бот

Демо повторює поведінку Telegram Mini Apps на сайті. Справжній застосунок відкривається всередині Telegram з кнопки бота.

Натискайте прямо в телефоні

Задача

Замовлення букета в месенджері тягнулося на 15-20 повідомлень: фото варіантів, «а скільки буде з евкаліптом?», адреса, час, реквізити для оплати. Увечері й у вихідні відповідати не встигали, а клієнти йшли до конкурентів.

  • Довге листування до оплати
  • Ціну з опціями рахували вручну
  • Оплата карткою «на реквізити» і ручна звірка

Рішення

AI-асистент відповідає за секунди й відкриває міні-застосунок кнопкою під повідомленням. Клієнтка збирає букет: квіти, колір, кількість, зелень, упаковка, листівка. Превʼю й ціна змінюються наживо, адреса підставляється з минулого замовлення, оплата йде через нативне вікно Telegram. Далі бот надсилає фото букета, передає замовлення кур'єру й повідомляє про доставку.

  • Повноцінний застосунок усередині Telegram, нічого не треба встановлювати
  • Наявність і ціни беруться зі складу в реальному часі
  • Фото букета перед доставкою і статуси в тому ж чаті
Шлях клієнтки

Від питання в чаті до букета в руках

Шість кроків, які клієнтка проходить сама, без дзвінків і очікування менеджера. Під кожним кроком видно, що в цей момент робить система.

  1. 01

    Питання в чаті

    Клієнтка пише боту в будь-який час. AI-асистент відповідає за секунди й уточнює привід і бюджет.

    AI-асистент · діалог
  2. 02

    Кнопка «Зібрати букет»

    Під відповіддю бот надсилає кнопку. Одне натискання, і застосунок відкривається поверх чату, нічого не треба встановлювати.

    inline-кнопка web_app
  3. 03

    Конструктор букета

    Квіти, колір, кількість, зелень, упаковка й листівка. Превʼю і ціна змінюються наживо, у виборі лише те, що є на складі.

    Google Sheets · наявність і ціни
  4. 04

    Доставка

    День і вільні інтервали, адреса з минулого замовлення, отримувач і коментар курʼєру. Фото перед доставкою вмикається перемикачем.

    CloudStorage · збережена адреса
  5. 05

    Оплата

    Карткою, Apple Pay або Google Pay. Суму рахує сервер, клієнтка бачить лише підсумок і вікно оплати.

    рахунок · провайдер · підтвердження
  6. 06

    Фото, курʼєр, статус

    Флорист отримує специфікацію й надсилає фото на погодження. Бот передає замовлення курʼєру й пише, коли букет доставлено.

    CRM · чат флористів · курʼєр
Оплата

Як працюють платіжні кнопки

Сам застосунок гроші не приймає. Оплату проводить платіжний провайдер або ваш банк, а Telegram і бот показують вікно оплати й отримують підтвердження. Є два робочі варіанти, обидва ми налаштовуємо під ваш бізнес.

Варіант A

Нативне вікно оплати Telegram

Оплата відкривається у вікні самого Telegram поверх застосунку. Найкоротший шлях: клієнтка не виходить із чату ні на секунду.

  1. Клієнтка натискає «Оплатити 2 505 грн»
  2. Сервер перевіряє замовлення і створює рахунок через Bot API
  3. Telegram відкриває своє вікно оплати
  4. Провайдер списує кошти з картки
  5. Бот отримує підтвердження і пише «Оплачено ✅»
Де оплата
У вікні Telegram, без переходів
Провайдери в Україні
TRANZZO та інші: актуальний список у BotFather, перевіряємо під ваш ФОП
Apple Pay і Google Pay
Залежить від провайдера, перевіряємо до запуску
Комісія
Telegram 0%, провайдер за своїм тарифом
Коли обрати
Хочете найкоротший шлях до оплати і провайдер вам підходить
Варіант B

Платіжні кнопки вашого банку

У застосунку зʼявляються кнопки Apple Pay, Google Pay і «Картою». Оплата йде через інтернет-еквайринг банку, з яким ви вже працюєте.

  1. Клієнтка обирає Apple Pay, Google Pay або картку
  2. Застосунок відкриває захищену форму оплати банку
  3. Банк списує кошти й надсилає серверу підтвердження
  4. Застосунок показує «Замовлення прийнято»
  5. Бот пише в чат і передає замовлення флористам
Де оплата
На захищеній сторінці банку, у застосунку або в браузері
Банки й сервіси
LiqPay, monobank, WayForPay та інші з інтернет-еквайрингом
Apple Pay і Google Pay
Так, кнопки є на сторінці оплати банку
Комісія
Telegram 0%, банк 1,3–2% за звичайну оплату карткою
Коли обрати
У вас уже є еквайринг або потрібні Apple Pay і Google Pay гарантовано
Ціну не підробити

Суму завжди рахує сервер, а підпис даних від Telegram перевіряється. Змінити ціну в застосунку неможливо.

Гроші напряму вам

Кошти надходять на рахунок ФОП або ТОВ. На кожну оплату карткою онлайн потрібен фіскальний чек ПРРО, наприклад через Checkbox або фіскалізацію monobank. Повернення робляться в кабінеті провайдера чи банку.

Без Telegram Stars

Stars призначені лише для цифрових товарів. Квіти, торти й доставка оплачуються звичайною карткою.

Точки входу

Де клієнт відкриває застосунок

Один і той самий застосунок можна відкрити з кількох місць. Ми ставимо його туди, звідки до вас приходять клієнти.

Кнопка під повідомленням

Бот надсилає її у відповідь на запит, як у цьому кейсі.

Кнопка меню бота

Постійна кнопка «🌸 Зібрати букет» біля поля вводу.

Пряме посилання

t.me/бот/app у шапці Instagram, на сайті, в рекламі чи QR на листівці.

Профіль бота

Кнопка «Запустити застосунок» для тих, хто знайшов магазин пошуком.

Архітектура

Як влаштований бот

Клієнт пише в месенджер, AI-асистент розуміє запит і сам працює з сервісами бізнесу. Без ручного копіювання між вкладками.

ТригерПовідомлення в боті
AI-асистентДіалог і замовлення
МодельПромпт: тон майстерніНаявність квітівЗони доставки
Відкрити Mini App
Склад і ціни
POST /api/order
Рахунок і оплата
Замовлення №1048
Чат флористів
Фото букета клієнтці
Кур'єр і статус
Тригер: звідки приходить клієнтAI-асистентМодель, промпт, пам'ять і знання агента← гортайте схему →
За лаштунками

Що відбувається, поки клієнт пише

01

Бере наявність і ціни зі складу

Застосунок показує лише ті квіти й кольори, що є на складі. Після оплати стебла одразу списуються під замовлення, тож два клієнти не куплять останні півонії.

Google SheetsСклад квітів · п'ятниця
КвіткаКолірЗалишокЦіна/шт
2Півоніяніжно-рожева64145
3Півоніякоралова22145
4Трояндапудрова12075
5Тюльпанжовтий055
6Півоніяніжно-рожева49 (−15)145
Списано під замовлення №1048 · щойно
02

Перевіряє замовлення й виставляє рахунок

Застосунок надсилає на сервер склад букета разом з initData від Telegram. Сервер перевіряє підпис, рахує ціну сам і створює рахунок, який відкривається в нативному вікні оплати.

Сервер магазинуPOST /api/order
// з міні-застосунку
"bouquet": "peony:pink×15 + eucalyptus, wrap: white",
"delivery": "сб 12:00–14:00, Велика Васильківська 72",
"initData": "query_id=…&user=…&hash=…"
→ перевірка підпису initData   ✓
→ createInvoiceLink 2 505 грн  ✓
→ successful_payment №1048     ✓
Оплату підтверджено · щойно
03

Передає букет флористам

Флористи отримують у робочий чат готову специфікацію: квіти, колір, кількість, упаковку й текст листівки. Фото букета вони надсилають кнопкою, і бот пересилає його клієнтці.

TelegramФлористи · замовлення
🌸 №1048 · сб 12:00–14:00
Півонії ніжно-рожеві × 15
Евкаліпт · біла матова упаковка
Листівка: «З днем народження, мамо ❤️»
📸 Фото перед доставкою: такщойно
Взяти в роботуНадіслати фото
Стек

Інструменти та інтеграції

Мозок бота
AI-асистент
  • Веде діалог і відкриває міні-застосунок
  • Надсилає фото букета й статуси доставки
  • Знає наявність квітів, ціни та зони доставки
Складові агента
МодельПромпт: тон майстерніНаявність квітівЗони доставки
КаналTelegram Mini Apps

Застосунок усередині Telegram

Bot API
КаналTelegram Payments

Нативна оплата карткою

Bot API
ДаніGoogle Sheets

Склад, ціни, зони доставки

OAuth 2.0
CRMCRM магазину

Замовлення, клієнти, кур'єри

REST API
Кому підійде

Для бізнесу, де клієнт складає замовлення сам

Mini App виграє там, де в чаті довго перепитувати: багато варіантів, опції з доплатою, дата й час, оплата наперед.

Квіти й подарунки

Конструктор букета чи боксу з превʼю

Кондитерські

Торт на замовлення: начинка, розмір, декор, дата

Кавʼярні й доставка їжі

Меню з модифікаторами, передзамовлення, лояльність

Одяг і взуття

Каталог з розмірною сіткою, фото й кошиком

Події й квитки

Схема залу, вибір місць, QR-квиток у чаті

Салони й студії

Послуги з цінами, вибір майстра, передоплата

Що обрати: бот, HTML-віджет чи Mini App

Бот з кнопкамиHTML-віджетMini App
Що цеДіалог, кнопки, швидкі відповідіІнтерактивна картка в повідомленніПовноцінний застосунок у Telegram
Найкраще дляКонсультації, запис, прості замовленняОдин вибір: запис, підтвердження, оцінкаКаталог, конструктор, кошик, оплата
ОплатаПосилання на оплатуПосилання або рахунок від ботаВікно Telegram або кнопки банку
Запусквід 1 тижня2-3 тижні3-5 тижнів

Якщо у вас до 10 позицій і клієнти питають лише ціну й адресу, Mini App не потрібен: вистачить бота з кнопками. Ми скажемо це чесно на старті.

Чесно

Плюси й обмеження

Що отримав бізнес

  • Клієнтка сама збирає букет і бачить ціну до оплати, без «а скільки буде?»
  • Оплата в нативному вікні Telegram, без реквізитів і скриншотів
  • Адреса й улюблені квіти зберігаються, повторне замовлення в кілька натискань
  • Фото перед доставкою приходить у Telegram, навіть якщо букет замовили за кілька днів: тут немає 24-годинного обмеження, як в Instagram

Обмеження, про які варто знати

  • Mini App це окремий вебзастосунок: потрібні хостинг і підтримка коду
  • Фізичні товари оплачуються через платіжного провайдера (в Україні, наприклад, TRANZZO) або посилання банку, Telegram Stars тут не підходять. На онлайн-оплату карткою потрібен фіскальний чек ПРРО
  • На дуже старих версіях Telegram застосунок може не відкритися, тоді бот веде замовлення в чаті
Впровадження

Від брифу до запуску

Тиждень 1

Каталог, ціни, сценарій і зони доставки

Тиждень 2

Дизайн і верстка міні-застосунку

Тиждень 3

Склад, оплата, CRM

Тиждень 4

Флористи, кур'єри, тестові замовлення, запуск

Питання

Часті питання про Mini App

Чи потрібно клієнту щось встановлювати?

Ні. Застосунок відкривається всередині Telegram на iPhone, Android і компʼютері, як звичайна сторінка, тільки без адресного рядка.

Скільки коштує прийом оплати?

Telegram комісію не бере. Ви платите лише тариф провайдера або банку, 1,3–2% від суми за звичайну оплату карткою, без абонплати.

Чи можна платити Apple Pay і Google Pay?

Так. З еквайрингом банку кнопки є завжди. У нативному вікні Telegram це залежить від провайдера, тому перевіряємо до запуску.

Що буде, якщо клієнтка закрила застосунок посеред замовлення?

Вибір зберігається, і наступного разу букет відкриється з того ж місця. Бот може нагадати про незавершене замовлення.

Хто оновлює ціни й наявність?

Ви, у звичній Google-таблиці або CRM. Застосунок підхоплює зміни автоматично, перевидавати нічого не треба.

Чи можна підключити свою CRM і доставку?

Так. Замовлення, клієнти й статуси передаються в CRM, а курʼєрам або службі доставки йдуть готові дані.

“Тепер букет складають самі клієнти, а ми збираємо його за готовою специфікацією. Дзвінків «а скільки це коштуватиме» майже не лишилось.”
Анна Савчук
власниця квіткової майстерні
Наступний кейс

Суші-доставка: замовлення за три хвилини, з ролом і напоєм на додачу

Дивитись кейс Усі кейси
Telegram№ 05
+220 грндопродаж до чеку
Доставка їжі, Київ

Замовлення за три хвилини, з ролом і напоєм на додачу

Приймає замовлення, допродає й пам'ятає адресу

Дивитись кейс

Готові передатичати боту?

Напишіть у зручний месенджер, і ми покажемо живе демо AI-асистента під вашу нішу.

TelegramInstagramhello@jera-chat.com
  1. 01Пишете наму будь-який месенджер
  2. 02Демо під вашу нішупротягом 1-2 днів, безкоштовно
  3. 03Запусквід 1 тижня