Jak zbudować stronę do zamawiania jedzenia: menu, koszyk, godziny odbioru i ekran w kuchni

Strona do zamawiania jedzenia pozwala klientom wybrać pozycje z menu, dostosować je, wybrać godzinę odbioru lub dostawy, zapłacić i otrzymać potwierdzenie, a kuchnia widzi każde zamówienie na ekranie i oznacza je jako gotowe. Żeby ją zbudować, potrzebujesz menu z opcjami (rozmiary, dodatki, „bez cebuli”), koszyka, który poprawnie liczy sumy, przedziałów czasowych z limitami, żeby kuchnia nie została zalana, płatności kartą oraz prostej tablicy zamówień dla personelu. Narzędzie AI do budowy aplikacji może przygotować to wszystko na podstawie jasnego opisu. Największa praca tkwi w szczegółach: godzinach otwarcia, wyprzedanych pozycjach, limitach zamówień i tym, co się dzieje, gdy płatność przejdzie, a zamówienia nie zapisze się w systemie.

Czego potrzebuje strona

Strony

• Klient: menu według kategorii, karta pozycji z opcjami, koszyk, zamówienie (imię, telefon, odbiór lub dostawa, godzina), płatność oraz strona potwierdzenia z numerem zamówienia i statusem.
• Kuchnia: żywa lista nowych, realizowanych i gotowych zamówień, każde z pozycjami, opcjami, uwagami i godziną odbioru.
• Właściciel: edytor menu (pozycje, ceny, zdjęcia, opcje, wyprzedane), godziny otwarcia, limity przedziałów i podsumowanie sprzedaży.

Dane

Zapisuj nazwę i cenę pozycji w każdej linii zamówienia w chwili składania zamówienia. Jeśli później zmienisz menu, stare zamówienia nadal powinny pokazywać to, co klient faktycznie zapłacił.

Uprawnienia

Klient widzi tylko swoje zamówienie, przez link z potwierdzenia. Personel kuchni widzi zamówienia i zmienia ich status, ale nie może zmieniać cen. Właściciel edytuje menu i ustawienia. Na tablecie w kuchni często używa się wspólnego loginu personelu, ale właściciel powinien mieć własne konto.

Decyzje i kompromisy

Odbiór, dostawa czy oba

Sam odbiór jest znacznie prostszy i od niego powinna zacząć większość małych lokali. Dostawa dodaje strefy, opłaty, minimalne zamówienia, weryfikację adresu, przydział kierowców i długą listę rzeczy, które mogą pójść nie tak.

Od razu czy na wybrany czas

Opcja „jak najszybciej” jest łatwa do zaoferowania, ale trudno dotrzymać jej w gwarnym wieczorze. Zaplanowane przedziały z limitami — powiedzmy, nie więcej niż osiem zamówień w oknie 15-minutowym — chronią kuchnię i ustawiają oczekiwania. Nadal możesz pokazać „najwcześniej dostępne: 18:45”.

Płatność z góry czy przy odbiorze

Płatność online ogranicza liczbę niepojawień się klientów i przyspiesza odbiór. Płatność przy odbiorze jest prostsza w budowie, ale zachęca do fałszywych zamówień. Większość lokali przyjmuje płatność kartą z góry przez hostowany checkout, taki jak Stripe Checkout; nasz przewodnik po płatnościach opisuje konfigurację. Napiwki, podatki i zasady dotyczące paragonów różnią się w zależności od kraju — sprawdź lokalne przepisy.

Jak zamówienia trafiają do kuchni

Możliwości: karta w przeglądarce na tablecie, która odświeża się automatycznie (najprostsze), e-mail lub wiadomość za każde zamówienie jako kopia zapasowa albo wysyłanie zamówień na drukarkę paragonów (wymaga dodatkowego sprzętu i konfiguracji). Dźwięk sygnalizujący nowe zamówienie ma większe znaczenie, niż można by sądzić.

Pierwszy prompt, który działa

Zbuduj stronę z zamówieniami online dla Casa Verde, taqueria w Austin w Teksasie, wyłącznie z odbiorem osobistym. Kategorie menu: Tacos, Bowls, Sides, Drinks. Pozycje mają opcje: tacos wybierają białko (kurczak, carnitas, grzyby +1 USD), tortillę (kukurydziana lub pszenna) i opcjonalne dodatki (guacamole +1,50 USD, ser +0,75 USD); bowls wybierają bazę i białko. Klienci dodają pozycje do koszyka, wybierają 15-minutowy przedział odbioru w godzinach otwarcia (wt–nd 11:00–21:00, czas centralny), podają imię i telefon i widzą sumę z 8,25% podatku od sprzedaży. Ogranicz każdy przedział do 8 zamówień i ukrywaj pełne przedziały. Zapisuj zamówienia w bazie danych ze statusami: nowe, w przygotowaniu, gotowe, odebrane. Strona kuchni (wymagane logowanie) pokazuje dzisiejsze zamówienia według godziny odbioru, odtwarza dźwięk przy nowych zamówieniach i pozwala personelowi przesuwać zamówienia dalej. Strona właściciela do edycji menu, oznaczania pozycji jako wyprzedanych i wstrzymywania zamówień. Płatność kartą przyjdzie później — na razie zamówienia są „płatne przy odbiorze”. Odważny, kolorowy design z myślą o telefonie, duże elementy do dotknięcia.

Zacznij od płatności przy odbiorze, żeby przetestować cały przebieg zamówienia z personelem, zanim wejdą płatności.

Etapy budowy

1. Menu i opcje. Ustal menu, grupy opcji i obliczanie cen. Przetestuj pozycję z każdą kombinacją opcji.
2. Koszyk i checkout. Ilości, uwagi, sumy, podatek i wybór przedziału, który respektuje godziny otwarcia.
3. Zapis zamówienia i potwierdzenie. Obliczanie sumy po stronie serwera — nigdy nie ufaj cenie wysłanej z przeglądarki — oraz strona potwierdzenia z numerem zamówienia.
4. Tablica kuchni. Lista na żywo, dźwięk nowego zamówienia, przyciski zmiany statusu, duży tekst czytelny z metra.
5. Kontrola właściciela. Wyprzedane pozycje, wstrzymywanie zamówień, limity przedziałów, godziny.
6. Płatności w trybie testowym. Oznaczaj zamówienie jako opłacone dopiero wtedy, gdy dostawca płatności to potwierdzi, i obsłuż przypadek, w którym płatność przeszła, a zamówienia nie zapisano.
7. Powiadomienia. Potwierdzenie e-mailem lub SMS-em oraz wiadomość „gotowe do odbioru” przez własnego dostawcę. Zobacz dodawanie powiadomień.
8. Miękki start. Uruchom stronę z personelem i znajomymi przez kilka dni, obserwując stronę kuchni równie uważnie jak stronę klienta.

Częste błędy

• Liczenie cen tylko w przeglądarce. Każdy może je zmienić. Przeliczaj po stronie serwera.
• Brak przełącznika wyprzedanych pozycji. Ostatnią porcję sprzedasz pięć razy.
• Brak limitów przedziałów. Gwarny piątek zamienia się w 40 zamówień na godzinę 19:00.
• Brakujące lub nieaktualne informacje o alergenach. Pokazuj alergeny przy każdej pozycji i dbaj o ich aktualność; w wielu krajach przepisy są tu surowe.
• Pomieszanie stref czasowych. Zapisuj czas w UTC, wyświetlaj w lokalnym czasie restauracji i testuj okolice północy oraz zmiany czasu letniego.
• Tablet w kuchni przechodzi w tryb uśpienia. Utrzymuj ekran aktywny i sprawdź, czy nowe zamówienia pojawiają się bez odświeżania.

Kiedy lepszy jest gotowy produkt

Jeśli chcesz, by znaleźli cię nowi klienci w okolicy, platformy dostawcze przynoszą popyt, którego sam nie zbudujesz — w zamian za prowizję. Jeśli już korzystasz z systemu kasowego (POS), sprawdź, czy zawiera zamawianie online; zamówienia, które trafiają od razu do kasy i drukarki w kuchni, są trudne do pobicia.

Buduj własne rozwiązanie, gdy chcesz bezprowizyjnych zamówień bezpośrednich od stałych klientów, przepływu zamówień dopasowanego do sposobu Twojej pracy (przedsprzedaż dla piekarni, tace na katering, cotygodniowe menu meal-prep) albo zamawiania powiązanego z programem lojalnościowym lub z Twoją stroną internetową. Przewodnik po stronach restauracji opisuje resztę strony wokół tego.

Budowa z Mythex

W Mythex opisujesz przepływ zamówień w czacie, a pojawia się on w żywym podglądzie, który możesz sprawdzić w ramce wielkości telefonu. Zamówienia i menu są zapisane w bazie Postgres, którą agent dodaje, gdy poprosisz o zapis. Płatności kartą korzystają z Twojego konta Stripe i kluczy przechowywanych jako sekrety projektu — przepis na Stripe pokazuje odpowiedni prompt — a SMS-y i e-maile idą przez Twojego dostawcę, ponieważ Mythex nie ma wbudowanego produktu do płatności, e-maili ani SMS-ów. Webhooki płatności wymagają opublikowania aplikacji pod publicznym adresem URL. Przed startem /test każe agentowi przeklikać zamawianie w podglądzie i zgłosić, co nie działa.

Jako punkt wyjścia wypróbuj szablony strony zamówień piekarni lub strony zamówień kawiarni albo kreator sklepu online dla restauracji.

Pytania