Як створити сайт замовлення їжі: меню, кошик, час самовивозу та екран кухні

Сайт замовлення їжі дає клієнтам змогу вибрати страви з вашого меню, налаштувати їх, обрати час самовивозу або доставки, оплатити й отримати підтвердження. Тим часом кухня бачить кожне замовлення на екрані та позначає його готовим. Щоб створити такий сайт, потрібні меню з опціями (розмір, добавки, «без цибулі»), кошик, який правильно рахує суму, часові слоти з лімітами, щоб кухня не перевантажувалась, оплата карткою та простий екран замовлень для персоналу. ШІ-конструктор застосунків може згенерувати все це з чіткого опису. Складність у деталях: години роботи, позиції, яких немає в наявності, ліміти замовлень і те, що робити, якщо оплата пройшла, а замовлення не збереглося.

Що потрібно сайту

Сторінки

• Для клієнтів: меню за категоріями, сторінка страви з опціями, кошик, оформлення (ім’я, телефон, самовивіз або доставка, час), оплата та сторінка підтвердження з номером замовлення і статусом.
• Для кухні: живий список нових, тих, що готуються, і готових замовлень; кожне з позиціями, опціями, примітками та часом самовивозу.
• Для власника: редактор меню (позиції, ціни, фото, опції, «немає в наявності»), години роботи, ліміти слотів і звіт про продажі.

Дані

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

Права доступу

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

Рішення та компроміси

Самовивіз, доставка чи обидва варіанти

Лише самовивіз значно простіший, і з нього найкраще починати більшості невеликих закладів. Доставка додає зони, збори, мінімальні замовлення, перевірку адрес, призначення кур’єрів і більше речей, які можуть піти не так.

Миттєве замовлення чи за розкладом

«Якомога швидше» пропонувати легко, але важко дотримувати в завантажений вечір. Слоти за розкладом з лімітами — наприклад, не більше восьми замовлень на 15-хвилинне вікно — захищають кухню й створюють правильні очікування. Можна показувати «найближчий вільний час: 18:45».

Оплата наперед чи при отриманні

Онлайн-оплата зменшує кількість неявок і прискорює видачу. Оплата при отриманні простіша в реалізації, але провокує фейкові замовлення. Більшість закладів приймають оплату карткою наперед через розміщену платіжну сторінку, наприклад Stripe Checkout; наш гід з платежів пояснює налаштування. Чайові, податки та правила чеків залежать від країни, тож перевірте місцеві вимоги.

Як замовлення потрапляють на кухню

Варіанти: сторінка в браузері на планшеті, яка оновлюється автоматично (найпростіше); email або повідомлення для кожного замовлення як резерв; або друк на чековому принтері (потрібне додаткове обладнання та налаштування). Звук при надходженні нового замовлення важливіший, ніж здається.

Перший промпт, який працює

Створи сайт онлайн-замовлень для Casa Verde, тако-закладу в Остіні, штат Техас, лише з самовивозом. Категорії меню: Тако, Боули, Гарніри, Напої. У позицій є опції: у тако вибір начинки (курка, карнітас, гриби +$1), тортилья (кукурудзяна або пшенична) і необов’язкові добавки (гуакамоле +$1.50, сир +$0.75); у боулів — основа та начинка. Клієнти додають позиції в кошик, обирають 15-хвилинний слот самовивозу в межах годин роботи (вт–нд 11:00–21:00, центральний час), вводять ім’я та телефон і бачать суму з 8.25% податку з продажу. Обмеж кожен слот 8 замовленнями і приховуй заповнені слоти. Зберігай замовлення в базі даних зі статусами: нове, готується, готове, отримано. Сторінка кухні (потрібен вхід) показує сьогоднішні замовлення за часом самовивозу, відтворює звук для нових замовлень і дозволяє персоналу переводити замовлення далі. Сторінка власника для редагування меню, позначення позицій «немає в наявності» та призупинення прийому замовлень. Оплата карткою буде пізніше, а поки що замовлення «оплата при самовивозі». Яскравий, кольоровий дизайн, насамперед для телефону, з великими кнопками.

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

Кроки побудови

1. Меню та опції. Налаштуйте групи опцій і розрахунок цін. Перевірте позицію з усіма комбінаціями опцій.
2. Кошик і оформлення. Кількість, примітки, суми, податок і вибір слоту з урахуванням годин роботи.
3. Збереження замовлення та підтвердження. Рахуйте суму на сервері: ніколи не довіряйте ціні, яку надсилає браузер. Додайте сторінку підтвердження з номером замовлення.
4. Табло для кухні. Живий список, звук нового замовлення, кнопки статусів, великий текст, який читається з метра.
5. Керування для власника. «немає в наявності», призупинення прийому, ліміти слотів, години роботи.
6. Оплата в тестовому режимі. Позначайте замовлення оплаченим лише тоді, коли платіжний провайдер це підтвердив, і обробляйте випадок, коли оплата пройшла, а замовлення не зберіглося.
7. Сповіщення. Підтвердження на email або SMS і повідомлення «готово до видачі» через вашого провайдера. Див. як додати сповіщення.
8. М’який запуск. Протестуйте кілька днів із персоналом і друзями, стежачи за кухнею так само уважно, як і за клієнтською частиною.

Типові помилки

• Розрахунок цін лише в браузері. Будь-хто може їх змінити. Перераховуйте на сервері.
• Немає перемикача «немає в наявності». Ви продасте останню порцію п’ять разів.
• Немає лімітів слотів. Гаряча п’ятниця перетворюється на 40 замовлень до 19:00.
• Інформація про алергени відсутня або застаріла. Показуйте алергени для кожної позиції і тримайте їх актуальними: у багатьох країнах правила тут суворі.
• Плутанина з часовими поясами. Зберігайте час в UTC, показуйте його за місцевим часом ресторану й перевіряйте роботу опівночі та під час переходу на літній час.
• Планшет на кухні засинає. Не давайте екрану вимикатися і перевірте, що нові замовлення з’являються без оновлення сторінки.

Коли краще готовий продукт

Якщо хочете, щоб вас знаходили нові клієнти у вашому районі, сервіси доставки приносять попит, який важко створити самостійно, але за комісію. Якщо вже використовуєте POS-систему, перевірте, чи є в ній онлайн-замовлення: замовлення, які одразу потрапляють у касу та на принтер кухні, важко перевершити.

Створюйте власний сайт, коли хочете прямих замовлень від постійних клієнтів без комісії, процесу, підігнаного під вашу роботу (попередні замовлення для пекарні, кейтеринг-лотки, щотижневе меню готових страв), або замовлень, пов’язаних із програмою лояльності чи вашим сайтом. Гід зі створення сайту ресторану описує решту сайту.

Створення з Mythex

У Mythex ви описуєте процес замовлення в чаті і перевіряєте його в живому прев’ю у розмірі телефону. Замовлення та меню зберігаються в базі Postgres, яку агент додає, коли ви просите щось зберегти. Оплата карткою працює через ваш обліковий запис Stripe з ключами, збереженими як секрети проєкту: рецепт Stripe показує промпт. SMS і email надсилаються через вашого провайдера, адже Mythex не має вбудованих платежів, email чи SMS. Вебхуки платежів потребують публікації застосунку за публічною адресою. Перед запуском команда /test змушує агента пройти замовлення в прев’ю і розповісти, що зламалося.

Як стартовий промпт спробуйте шаблони сторінка замовлення для пекарні або сторінка замовлення кави, або конструктор онлайн-магазину ресторану.

Запитання