Menu Klienta

Menu klienta to publiczna strona internetowa pod adresem handy.cafe/{your-slug}. Klienci uzyskują do niego dostęp, skanując kod QR na swoim stoliku. Ta strona opisuje cały proces klienta, abyś mógł go wyjaśnić personelowi i zaplanować wdrożenie.

Struktura URL

Każdy stolik ma unikalny URL w formacie handy.cafe/{cafe-slug}/{table-code}. Kod QR koduje ten URL oraz krótko żyjący token, który potwierdza autentyczność naklejki. Gdy klient skanuje QR:

1. Jego telefon otwiera URL w domyślnej przeglądarce.
2. Strona rozwiązuje slug i kod stolika za pomocą API w chmurze.
3. Jeśli stolik jest out_of_order, strona wyświetla informację o niedostępności.
4. Jeśli stolik jest idle, strona informuje, że personel jeszcze nie usadził klienta i prosi o wezwanie pomocy.
5. Jeśli stolik jest in_use, strona prosi o 6-cyfrowy kod bezpieczeństwa.

Weryfikacja Kodu Bezpieczeństwa

Kod bezpieczeństwa zapewnia, że tylko klient siedzący przy stoliku może składać zamówienia. Zapobiega to składaniu fałszywych zamówień przez osoby, które zobaczyły QR na zdjęciu lub spoza kawiarni.

Po wprowadzeniu kodu przez klienta:

1. API weryfikuje kod z wartością haszowaną przechowywaną na stoliku.
2. Jeśli jest poprawny, tworzona jest sesja i zwracany jest token.
3. Token jest przechowywany w ciasteczku (hc_menu_session). Token Bearer jest również zapisywany w lokalnej pamięci urządzenia. Jest to konieczne na iPhone Safari, które może blokować ciasteczka stron trzecich w niektórych konfiguracjach.
4. Klient jest przekierowywany do menu.

Sesja jest ważna przez 24 godziny od momentu wydania. Jeśli klient zamknie przeglądarkę i wróci na tym samym urządzeniu, sesja nadal działa i może ponownie wejść bez ponownej weryfikacji.

Języki

Menu obsługuje 24 języki: arabski, niemiecki, grecki, angielski, hiszpański, perski, francuski, hindi, indonezyjski, włoski, japoński, koreański, malajski, polski, portugalski, rumuński, rosyjski, tajski, tagalog, turecki, ukraiński, urdu, wietnamski i chiński.

Podczas pierwszej wizyty strona sprawdza nagłówek Accept-Language z przeglądarki i wybiera najlepsze dopasowanie. Klient może zmienić język w dowolnym momencie, korzystając z selektora na górze menu. Wybrany język jest zapamiętywany na czas sesji.

Nazwy produktów, opisy i składniki nie są automatycznie tłumaczone; pojawiają się w języku, w którym zostały wprowadzone w edytorze menu. Etykiety interfejsu, takie jak "Add to Cart", "Checkout" i komunikaty dotyczące płatności, są w pełni zlokalizowane.

Motyw

Menu obsługuje jasny i ciemny motyw. Domyślnie jest to zależne od urządzenia: jeśli system operacyjny klienta jest ustawiony na tryb ciemny, menu otwiera się w trybie ciemnym. Przełącznik motywu na górze pozwala klientowi na zmianę.

Markowy Nagłówek

Nagłówek na górze menu wyświetla:

Dostosuj te pola, aby uzyskać najlepsze wrażenie klienta. Klienci rozpoznają markę, gdy menu wygląda jak fizyczne oznakowanie Twojego lokalu.

Przeglądanie Menu

Menu jest pogrupowane według kategorii. W ramach kategorii produkty są wyświetlane z miniaturą, nazwą, krótkim opisem i ceną.

Dotknięcie produktu otwiera kartę produktu. Karta pokazuje:

• Pełne zdjęcie.
• Opis w Markdown.
• Linię składników.
• Znacznik czasu przygotowania (tylko gdy włączona jest opcja Pokaż Czas Przygotowania w Menu).
• Etykietę jednostki, jeśli skonfigurowana (np. "250 ml").
• Selektory wariantów dla dowolnych grup wariantów przypisanych do produktu.
• Krokowy wybór ilości.
• Przycisk Dodaj do Koszyka.

Wymagane grupy wariantów blokują przycisk Dodaj do Koszyka, dopóki klient nie wybierze opcji.

Koszyk

Ikona koszyka znajduje się w stałym miejscu, dzięki czemu klienci mogą do niego dotrzeć z dowolnego ekranu. Zawartość koszyka jest zachowywana podczas nawigacji w obrębie witryny; przeglądanie od koszyka do menu i z powrotem nie powoduje utraty pozycji.

Koszyk pozwala klientowi:

• Dostosować ilość na linię.
• Usunąć linię.
• Dodać opcjonalną notatkę.
• Podać numer telefonu (opcjonalnie).

Suma częściowa, VAT i suma całkowita są pokazywane w czasie rzeczywistym.

Składanie Zamówienia

Krok Checkout oferuje jedną lub dwie metody płatności w zależności od Twojej konfiguracji:

Gotówka

Jeśli płatność online jest wyłączona w ustawieniach, wyświetlana jest tylko opcja Gotówka. Klient potwierdza zamówienie i jest ono natychmiast przesyłane. Klient płaci kasjerowi, gdy zamówienie dotrze.

Online (Stripe Checkout)

Jeśli płatność online jest włączona, pojawia się opcja Online. Po przesłaniu:

1. Zamówienie jest tworzone w stanie oczekującym.
2. Zwracany jest tajny klucz klienta Stripe Checkout.
3. Wbudowany interfejs Stripe otwiera się w linii. Klient wprowadza dane karty.
4. Po pomyślnej autoryzacji Stripe potwierdza obciążenie, a zamówienie przechodzi do stanu opłaconego.
5. Klient widzi stronę sukcesu.

Nieudane lub porzucone płatności pozostawiają zamówienie w stanie oczekującym. Druga próba może być podjęta z tej samej sesji, lub personel może anulować zamówienie z pulpitu zamówień.

Strona Sukcesu

Po pomyślnym przesłaniu klient trafia na stronę paragonu, która pokazuje:

• Numer zamówienia i czas.
• Każdą linię z ilością, wariantami i sumą linii.
• Suma częściowa, VAT i suma całkowita.
• Metoda płatności.
• Ikona statusu płatności (oczekująca dla gotówki; opłacona dla online).
• CTA "Złóż Kolejne Zamówienie", które powraca do menu z zachowaną sesją.
• Link "Powrót do Menu".

Polling Statusu Zamówienia

Po przesłaniu widok zamówienia klienta odpytywa status endpoint, aby odzwierciedlić aktualizacje z kuchni. Jeśli Twój personel przesunie pozycję z przygotowywane na gotowe, klient zobaczy aktualizację odznaki na linii automatycznie w ciągu kilku sekund.

Jest to przydatne w przypadku samoobsługowego odbioru przy ladzie. Klient może zrelaksować się przy stoliku, dopóki menu nie poinformuje go, że zamówienie jest gotowe.

Czego Klienci Nie Mogą Zrobić

• Klienci nie mogą przeglądać menu bez kodu bezpieczeństwa. Krok weryfikacji jest zawsze wymagany.
• Klienci nie mogą składać zamówień na stoliki, które są idle lub out_of_order.
• Klienci nie mogą edytować ani anulować zamówienia po jego złożeniu. Anulowanie to czynność personelu z pulpitu zamówień.

Wskazówki dla Czystego Doświadczenia Klienta

• Wydrukuj naklejki QR z nazwą kawiarni i jasną instrukcją, taką jak "Skanuj, aby zamówić. Zapytaj personel o kod." Klienci czasami pomijają krok weryfikacji.
• Utrzymuj krótkie nazwy kategorii i produktów. Długie nazwy zawijają się na urządzeniach mobilnych i przesuwają obrazy poniżej linii.
• Prześlij co najmniej jedno zdjęcie na produkt. Menu z dużą ilością obrazów konwertują lepiej niż menu tekstowe.
• Włącz opcję Pokaż Czas Przygotowania w Menu dopiero po przeszkoleniu dynamicznego szacowania. Przez pierwsze 30 dni wartość statyczna może być zbyt hojna lub zbyt ciasna, a klienci to zauważają.
• Przetestuj cały proces samodzielnie z telefonu przed otwarciem dla klientów. Zeskanuj prawdziwy QR, wprowadź kod, złóż testowe zamówienie i upewnij się, że zamówienie pojawia się na Twoim pulpicie.