HandyCafe Docs
owner

ग्राहक मेनू

ग्राहक मेनू handy.cafe/{your-slug} पर सार्वजनिक वेब पेज है। ग्राहक इसे अपनी टेबल पर QR कोड स्कैन करके एक्सेस करते हैं। यह पेज ग्राहक के प्रवाह को शुरू से अंत तक वर्णित करता है ताकि आप इसे स्टाफ को समझा सकें और अपनी योजना बना सकें।

URL संरचना

प्रत्येक टेबल का एक अद्वितीय URL होता है handy.cafe/{cafe-slug}/{table-code} के रूप में। QR कोड इस URL को और एक अल्पकालिक टोकन को एन्कोड करता है जो स्टिकर की प्रामाणिकता को प्रमाणित करता है। जब ग्राहक QR स्कैन करता है:

  1. उनका फोन डिफ़ॉल्ट ब्राउज़र में URL खोलता है।
  2. पेज क्लाउड API के खिलाफ स्लग और टेबल कोड को हल करता है।
  3. यदि टेबल out_of_order है, तो पेज अनुपलब्ध सूचना दिखाता है।
  4. यदि टेबल idle है, तो पेज बताता है कि स्टाफ ने अभी तक ग्राहक को नहीं बैठाया है और उन्हें सहायता के लिए बुलाने के लिए कहता है।
  5. यदि टेबल in_use है, तो पेज 6-अंकीय सुरक्षा कोड के लिए प्रेरित करता है।

सुरक्षा कोड सत्यापन

सुरक्षा कोड यह सुनिश्चित करता है कि केवल वर्तमान में टेबल पर बैठे ग्राहक ही ऑर्डर दे सकते हैं। यह किसी को जो QR को फोटो से या आपके कैफे के बाहर से देखता है, धोखाधड़ी वाले ऑर्डर देने से रोकता है।

ग्राहक द्वारा कोड दर्ज करने के बाद:

  1. API कोड को टेबल पर संग्रहीत हैश मान के खिलाफ मान्य करता है।
  2. यदि मान्य है, तो एक सत्र बनाया जाता है और एक टोकन लौटाया जाता है।
  3. टोकन एक कुकी (hc_menu_session) में संग्रहीत होता है। एक Bearer टोकन फॉलबैक भी डिवाइस के स्थानीय स्टोरेज में संरक्षित होता है। यह iPhone Safari पर आवश्यक है, जो कुछ कॉन्फ़िगरेशन में तृतीय-पक्ष कुकीज़ को ब्लॉक कर सकता है।
  4. ग्राहक को मेनू पर पुनः निर्देशित किया जाता है।

सत्र जारी होने के 24 घंटे के लिए मान्य होता है। यदि ग्राहक ब्राउज़र बंद करता है और उसी डिवाइस पर लौटता है, तो सत्र अभी भी काम करता है और वे बिना पुनः सत्यापन के पुनः प्रवेश कर सकते हैं।

भाषाएँ

मेनू 24 भाषाओं का समर्थन करता है: अरबी, जर्मन, ग्रीक, अंग्रेजी, स्पेनिश, फारसी, फ्रेंच, हिंदी, इंडोनेशियाई, इतालवी, जापानी, कोरियाई, मलय, पोलिश, पुर्तगाली, रोमानियाई, रूसी, थाई, तागालोग, तुर्की, यूक्रेनी, उर्दू, वियतनामी, और चीनी।

पहली बार विज़िट पर, पेज ब्राउज़र से Accept-Language हेडर का निरीक्षण करता है और सबसे अच्छा मेल चुनता है। ग्राहक किसी भी समय मेनू के शीर्ष पर पिकर का उपयोग करके भाषा को ओवरराइड कर सकते हैं। चुनी गई भाषा सत्र के लिए याद रखी जाती है।

उत्पाद नाम, विवरण, और सामग्री स्वचालित रूप से अनुवादित नहीं होते; वे उसी भाषा में दिखाई देते हैं जिसमें आपने मेनू संपादक में दर्ज किया था। UI लेबल जैसे "Add to Cart", "Checkout", और भुगतान प्रवाह संदेश पूरी तरह से स्थानीयकृत होते हैं।

थीम

मेनू लाइट थीम और डार्क थीम का समर्थन करता है। डिफ़ॉल्ट डिवाइस-अवेयर है: यदि ग्राहक का ऑपरेटिंग सिस्टम डार्क मोड पर सेट है, तो मेनू डार्क मोड में खुलता है। शीर्ष पर एक थीम टॉगल ग्राहक को स्विच करने देता है।

ब्रांडेड हेडर

मेनू के शीर्ष पर हेडर प्रदर्शित करता है:

तत्व स्रोत
हेडर छवि Settings > कैफेटेरिया से अपलोड की गई (वैकल्पिक)
लोगो Settings > कैफेटेरिया से अपलोड किया गया
प्रदर्शन नाम आपके व्यवसाय प्रोफ़ाइल से
पता आपके व्यवसाय प्रोफ़ाइल से (फुटर में दिखाया गया)
फोन आपके व्यवसाय प्रोफ़ाइल से (फुटर में दिखाया गया)

इन फ़ील्ड्स को अनुकूलित करें ताकि ग्राहक पर सबसे अच्छा प्रभाव पड़े। जब मेनू आपके स्थल के भौतिक साइनेज जैसा दिखता है, तो ग्राहक ब्रांड को पहचानते हैं।

मेनू ब्राउज़िंग

मेनू श्रेणी के अनुसार समूहित होता है। एक श्रेणी के भीतर, उत्पाद थंबनेल, नाम, संक्षिप्त विवरण, और मूल्य के साथ दिखाए जाते हैं।

किसी उत्पाद पर टैप करने से उत्पाद शीट खुलती है। शीट दिखाती है:

  • पूरी फोटो।
  • मार्कडाउन विवरण।
  • सामग्री की लाइन।
  • तैयारी समय चिप (केवल जब मेनू पर Show Prep Time सक्षम हो)।
  • यदि कॉन्फ़िगर किया गया हो तो यूनिट लेबल (उदाहरण के लिए "250 ml")।
  • उत्पाद से जुड़े किसी भी वैरिएंट समूह के लिए वैरिएंट चयनकर्ता।
  • मात्रा स्टेपर।
  • एक Add to Cart बटन।

आवश्यक वैरिएंट समूह Add to Cart बटन को तब तक ब्लॉक करते हैं जब तक ग्राहक कोई विकल्प नहीं चुनता।

कार्ट

कार्ट आइकन एक स्थायी स्थान पर होता है ताकि ग्राहक इसे किसी भी स्क्रीन से पहुंच सकें। साइट के भीतर नेविगेशन के दौरान कार्ट की सामग्री बनी रहती है; कार्ट से मेनू और वापस ब्राउज़ करने से आइटम नहीं खोते।

कार्ट ग्राहक को अनुमति देता है:

  • प्रति लाइन मात्रा समायोजित करें।
  • एक लाइन हटाएं।
  • एक वैकल्पिक नोट जोड़ें।
  • एक फोन नंबर प्रदान करें (वैकल्पिक)।

उप-योग, VAT, और कुल वास्तविक समय में दिखाए जाते हैं।

ऑर्डर देना

चेकआउट चरण आपके कॉन्फ़िगरेशन के आधार पर एक या दो भुगतान विधियाँ प्रदान करता है:

नकद

यदि आपकी सेटिंग्स में ऑनलाइन भुगतान अक्षम है, तो केवल नकद दिखाया जाता है। ग्राहक ऑर्डर की पुष्टि करता है और इसे तुरंत सबमिट कर दिया जाता है। जब ऑर्डर आता है तो ग्राहक कैशियर को भुगतान करता है।

ऑनलाइन (Stripe Checkout)

यदि ऑनलाइन भुगतान सक्षम है, तो ऑनलाइन एक विकल्प के रूप में दिखाई देता है। सबमिट पर:

  1. ऑर्डर लंबित स्थिति में बनाया जाता है।
  2. एक Stripe Checkout क्लाइंट सीक्रेट लौटाया जाता है।
  3. Stripe एम्बेडेड UI इनलाइन खुलता है। ग्राहक कार्ड विवरण दर्ज करता है।
  4. सफल प्राधिकरण पर, Stripe चार्ज की पुष्टि करता है और ऑर्डर भुगतान में चला जाता है।
  5. ग्राहक सफलता पृष्ठ देखता है।

असफल या छोड़े गए भुगतान ऑर्डर को लंबित स्थिति में छोड़ देते हैं। उसी सत्र से दूसरा प्रयास किया जा सकता है, या स्टाफ ऑर्डर डैशबोर्ड से ऑर्डर रद्द कर सकता है।

सफलता पृष्ठ

सफल सबमिशन के बाद, ग्राहक एक रसीद पृष्ठ पर उतरता है जो दिखाता है:

  • ऑर्डर संख्या और समय।
  • प्रत्येक लाइन मात्रा, वैरिएंट, और लाइन कुल के साथ।
  • उप-योग, VAT, और ग्रैंड कुल।
  • भुगतान विधि।
  • भुगतान स्थिति आइकन (नकद के लिए लंबित; ऑनलाइन के लिए भुगतान किया गया)।
  • एक "Place Another Order" CTA जो सत्र के साथ मेनू पर लौटता है।
  • एक "Back to Menu" लिंक।

ऑर्डर स्थिति पोलिंग

सबमिशन के बाद, ग्राहक का ऑर्डर का दृश्य स्थिति एंडपॉइंट को पोल करता है ताकि रसोई से अपडेट्स को दर्शाया जा सके। यदि आपका स्टाफ किसी आइटम को preparing से ready में आगे बढ़ाता है, तो ग्राहक लाइन पर बैज को स्वचालित रूप से सेकंडों में अपडेट होते हुए देखता है।

यह काउंटर पर सेल्फ-सर्विस पिकअप के लिए उपयोगी है। ग्राहक टेबल पर आराम कर सकता है जब तक कि मेनू उन्हें नहीं बताता कि ऑर्डर तैयार है।

ग्राहक क्या नहीं कर सकते

  • ग्राहक सुरक्षा कोड के बिना मेनू ब्राउज़ नहीं कर सकते। सत्यापन चरण हमेशा आवश्यक होता है।
  • ग्राहक उन टेबलों के लिए ऑर्डर नहीं दे सकते जो idle या out_of_order हैं।
  • ग्राहक ऑर्डर सबमिट होने के बाद उसे संपादित या रद्द नहीं कर सकते। रद्द करना ऑर्डर डैशबोर्ड से स्टाफ की क्रिया है।

स्वच्छ ग्राहक अनुभव के लिए सुझाव

  • कैफे के नाम और स्पष्ट निर्देश जैसे "ऑर्डर करने के लिए स्कैन करें। कोड के लिए स्टाफ से पूछें।" के साथ QR स्टिकर प्रिंट करें। अन्यथा ग्राहक कभी-कभी सत्यापन चरण को याद कर सकते हैं।
  • श्रेणी और उत्पाद नाम छोटे रखें। लंबे नाम मोबाइल पर लपेटते हैं और छवियों को फोल्ड के नीचे धकेलते हैं।
  • प्रत्येक उत्पाद के लिए कम से कम एक फोटो अपलोड करें। छवि-भारी मेनू पाठ-केवल मेनू की तुलना में अधिक परिवर्तित होते हैं।
  • मेनू पर Show Prep Time सक्षम करें केवल तब जब आपका गतिशील अनुमान प्रशिक्षित हो। पहले 30 दिनों के लिए स्थिर मूल्य बहुत उदार या बहुत तंग हो सकता है, और ग्राहक ध्यान देते हैं।
  • ग्राहकों के लिए खोलने से पहले फोन से पूरे प्रवाह का परीक्षण करें। एक वास्तविक QR स्कैन करें, कोड दर्ज करें, एक परीक्षण ऑर्डर दें, और सत्यापित करें कि ऑर्डर आपके डैशबोर्ड पर दिखाई देता है।