अपनी वेबसाइट पर ऑनलाइन ऑर्डर

विजेट “ऑनलाइन ऑर्डर” आपकी मौजूदा वेबसाइट पर ऑर्डर लेने की सुविधा जोड़ता है। कुछ भी स्थानांतरित या दोबारा डिज़ाइन करने की ज़रूरत नहीं: विजेट आपकी वेबसाइट के पेज पढ़ता है, उन पर “कार्ट में डालें” बटन लगाता है और आपकी लेआउट के ऊपर कार्ट और ऑर्डर चेकआउट चलाता है।

कहाँ: मार्केटिंग → “मेरी वेबसाइट” → “ऑनलाइन ऑर्डर” कार्ड → गियर आइकन। इंस्टॉलेशन कोड सभी विजेट के लिए समान है, देखें मेरी वेबसाइट।

काम के चार मोड#

वेबसाइट की स्कैनिंग#

“अपने स्टोरफ्रंट” को छोड़कर सभी मोड साइट मैप पर काम करते हैं: आपके पेजों पर उत्पाद का नाम, कीमत, छवि, मूल खरीद बटन और मूल कार्ट कहाँ हैं।

मैप स्कैनर बनाता है: पता दर्ज करें और “वेबसाइट स्कैन करें” दबाएँ — आमतौर पर 1–3 मिनट। अंदर:

1. प्लेटफ़ॉर्म प्रीसेट — आठ प्लेटफ़ॉर्म के लिए तैयार सेलेक्टर सेट मौजूद है: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart। स्कैनर फ़िंगरप्रिंट से Ecwid, Squarespace और Wix को भी पहचान लेता है, लेकिन उनके लिए प्रीसेट नहीं है — मैप AI विश्लेषण से बनता है;
2. लेआउट का AI विश्लेषण — कस्टम-कोड वाली वेबसाइटों और गैर-मानक थीम के लिए;
3. जाँच — मिले हर सेलेक्टर की असली पेजों पर जाँच; डेटा उत्पाद की माइक्रोमार्कअप से मिलाया जाता है। बिना जाँचा सेलेक्टर मैप में नहीं जाता — गलत जगह के बटन से बेहतर है कम बटन।

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

बटनों की जगह और डिज़ाइन#

लाइव प्रीव्यू वाले लेआउट पर सेट होता है — सामान्य उत्पाद पेज और कैटलॉग:

• उत्पाद पेज पर बटन: कीमत के नीचे, वेबसाइट के मूल बटन के पास, स्क्रीन के नीचे तैरता हुआ या बंद (पूर्ण इंटरसेप्ट का मुख्य परिदृश्य — अपना बटन नहीं, गेस्ट मूल बटन दबाता है);
• कैटलॉग कार्ड में बटन: कार्ड के ऊपर, कार्ड के नीचे या बंद;
• कार्ट बटन: स्क्रीन के चारों कोनों में से कोई भी;
• बटनों का रंग और टेक्स्ट (“कार्ट में डालें”, “ऑर्डर करें”, अपना) — लेबल आपकी वेबसाइट की हर भाषा के लिए अलग से सेट किया जा सकता है।

अपनी कीमतें#

अलग टॉगल: विजेट आपकी वेबसाइट की कीमत को अपनी कीमत में बदलकर गेस्ट को दिखाता है — उत्पाद पेज, कैटलॉग और कार्ट में।

• सभी उत्पादों के लिए आधार नियम: प्रतिशत, मुद्रा में अधिभार, “इससे कम नहीं / इससे ज़्यादा नहीं” की सीमाएँ और राउंडिंग (पूर्णांक तक, अंत …9, पैसे .99, सम दहाई …0, 10/50/100 के गुणक में)।
• पेज के पते, नाम या आर्टिकल के अनुसार विशिष्ट ओवरराइड: अपनी कीमत, अपना नियम, कार्ट में दूसरा नाम या “बिक्री से हटा” — तब बटन नहीं लगता।
• प्रदर्शन विकल्प: नई कीमत के पास पुरानी कीमत काटी हुई, “सेल कीमत” जैसा लेबल, अपना मुद्रा लेबल, कीमतों के अतिरिक्त स्थान (स्टिकी पैनल, “मिलते-जुलते उत्पाद” ब्लॉक)। वेबसाइट के मार्कअप में सीधे कीमतों की रीड्रॉ को बंद भी किया जा सकता है: गेस्ट को वेबसाइट की कीमत दिखेगी, और कार्ट में आपकी कीमत जाएगी।
• खाते में आपकी वेबसाइट की नमूना कीमत पर “पहले → अब” का प्रीव्यू मौजूद है।

⚠️ कीमत की ओवरराइटिंग दृश्य है: आपकी वेबसाइट का बैकएंड नई कीमत के बारे में नहीं जानता। इसलिए अपनी कीमतों का मतलब ऑर्डर इंटरसेप्ट के साथ ही है — वरना बचे हुए मूल बटन को दबाने वाला गेस्ट आपको छोड़कर पुरानी कीमत पर ऑर्डर कर देगा। “पूर्ण इंटरसेप्ट” मोड में अपनी कीमतें डिफ़ॉल्ट रूप से चालू हैं, और अगर आपने इंटरसेप्ट के बिना उन्हें चालू किया है तो एडमिन पैनल चेतावनी देता है।

ऑर्डर के बाद क्या होता है#

गेस्ट उत्पाद कार्ट में डालता है, कार्ट खोलता है और ऑर्डर करता है — नाम, फ़ोन, डिलीवरी या पते के साथ सेल्फ-पिकअप, टिप्पणी। ऑर्डर खाते के “ऑर्डर” सेक्शन में आता है, स्टोरफ्रंट, POS और एग्रीगेटर के ऑर्डर की तरह: वही स्टेटस, सूचनाएँ, प्रिंटिंग और किचन को भेजना। अलग “विजेट इनबॉक्स” नहीं है। ऑर्डर की हर पंक्ति आपकी वेबसाइट के उस पेज के लिंक के साथ आती है जहाँ से उसे कार्ट में डाला गया — ऑपरेटर को दिखता है कि ठीक क्या ऑर्डर हुआ।

ऑनलाइन ऑर्डर से जुड़ी बाकी सब चीज़ें वहीं, विजेट की मोडल में सेट होती हैं: यह “आपकी वेबसाइट पर विजेट”, “ऑर्डर लेना”, “डिलीवरी और सेल्फ-पिकअप”, “भुगतान”, “ऑर्डर चेकआउट” और “रसीदों का फ़िस्कलीकरण” सेक्शन वाले अकॉर्डियन की तरह बनी है — वही फ़ॉर्म जो खाते के संबंधित सेक्शनों में हैं, एक ही जगह इकट्ठे।

“स्टॉक वापस आने पर सूचित करें” बटन#

उसी विजेट का दूसरा, अलग टैग — आपकी साइट पर बिक चुके उत्पाद के पेज के लिए। ग्राहक बटन दबाता है, अपना ईमेल छोड़ता है, ईमेल में आए लिंक से उसकी पुष्टि करता है और उत्पाद दोबारा उपलब्ध होने पर एक ईमेल पाता है; पुष्टि वाले ईमेल में “पुष्टि करें” के साथ “मना करें” भी होता है। सूचनाएँ वही तंत्र भेजता है जो हमारे स्टोरफ्रंट पर “स्टॉक वापस आने पर सूचित करें” सदस्यता के लिए है — दूसरा तंत्र नहीं बनता।

कैसे जोड़ें: ऑनलाइन-ऑर्डर की सेटिंग्स विंडो में “🔔 स्टॉक वापस आने पर सूचित करें” कार्ड खोलें, उत्पाद चुनें और, अगर उपलब्ध हो, तो अपने प्रकाशित कैटलॉग से वेरिएंट चुनें — जनरेटर कोड बना देगा। उत्पाद पेज पर data-cenaly-stock="<товар>" एट्रिब्यूट वाला बटन लगाएँ (तैयार उदाहरण उसी कार्ड में है) और एक बार stock/v1.js टैग डालें। लॉन्चर का वज़न एक किलोबाइट से कम है और वह ठीक एक काम करता है — क्लिक का इंतज़ार करना; सदस्यता फ़ॉर्म, शब्दकोश और भेजना ग्राहक की कार्रवाई पर ही अलग फ़ाइल के रूप में आते हैं।

क्या जानना ज़रूरी है:

• उत्पाद मैन्युअल रूप से जोड़ा जाता है। हम किसी और का कैटलॉग नहीं मिलाते और किसी और के पेज से स्टॉक नहीं पढ़ते: “स्टॉक वापस आया” का मतलब है हमारे यहाँ आपके कैटलॉग में उपलब्धता, वही जो हमारा स्टोरफ्रंट देखता है। जो उत्पाद शाखा के प्रकाशित कैटलॉग में नहीं है, बटन उसे स्वीकार नहीं करेगा।
• सदस्यता की पुष्टि ईमेल से होती है (double opt-in): ईमेल के लिंक पर क्लिक करने से पहले स्टॉक वापस आने के ईमेल नहीं जाते।
• सदस्यता उत्पाद आरक्षित नहीं करती। हमारे कैटलॉग में स्टॉक वापस आने पर सूचना भेजी जाती है। मौजूदा संस्करण में एक ईमेल को उत्पाद के लिए एक बार गिना जाता है: उसी उत्पाद के किसी दूसरे वेरिएंट के लिए दोबारा सदस्यता लेने पर पहले से चुना गया वेरिएंट नहीं बदलता।
• सख्त CSP के साथ केवल nonce होने पर सदस्यता फ़ॉर्म अभी CDN स्क्रिप्ट की अतिरिक्त अनुमति या उपयुक्त 'strict-dynamic' नीति के बिना नहीं खुलेगा: विवरण — “मेरी साइट” में।
• यह एकल टैग नहीं है। “स्टॉक वापस आने पर सूचित करें” बटन को “मेरी साइट” का एकल लोडर नहीं उठाता — इसका अपना टैग और पेज पर अपनी मार्कअप है, क्योंकि यह केवल वहीं लगता है जहाँ आपने इसे रखा है।

सीमाएँ#

• स्कैनर सर्वर HTML पढ़ता है। अगर कैटलॉग पूरी तरह JavaScript से बनता है, तो उत्पाद पेज न मिलें — तब “अपना स्टोरफ्रंट” मोड काम करता है।
• कार्ट में उत्पाद आपकी साइट के पेजों से लिए जाते हैं, कैबिनेट के कैटलॉग से नहीं: नाम और कीमत विजेट पेज से ही पढ़ता है (और ज़रूरत पड़ने पर आपके कीमत नियम से दोबारा गणना करता है)। इसके लिए कैटलॉग हमारे पास लाना ज़रूरी नहीं — लेकिन ऐसे ऑर्डर कैबिनेट के स्टॉक से घटते भी नहीं।
• विजेट के कार्ट में डिलीवरी पर भुगतान या ऑनलाइन भुगतान चुना जा सकता है, अगर शाखा के लिए कोई समर्थित प्रोवाइडर सेट है। ऑर्डर बनने के बाद ग्राहक प्रोवाइडर के पेज पर जाता है; विजेट खुद कार्ड डेटा नहीं लेता। अगर भुगतान तैयार न हो सका, तो पहले से बने ऑर्डर के लिए उसे दोबारा किया जा सकता है।
• “बटन बदलें” मोड में मूल बटन दिखने में छिप जाते हैं; अगर साइट पर चेकआउट का कोई और रास्ता है (जैसे किसी और के कार्ट का सीधा लिंक), तो उसे खुद हटाना होगा — या “पूर्ण इंटरसेप्ट” मोड पर जाएँ, जो ऐसे रास्तों को अपने में ले लेता है।

समस्या निवारण#

साइट पर “कार्ट में डालें” बटन नहीं हैं।

1. टैग नहीं मिला — “मेरी साइट” अनुभाग में “इंस्टॉलेशन जाँचें” दबाएँ। “कोड नहीं है” — टैग डाला नहीं गया या टेम्पलेट के सभी पेजों पर नहीं है; “कोड दूसरी शाखा का है” — टैग में किसी और का data-domain है। अगर टैग Google Tag Manager डालता है, तो जाँच उसे नहीं देखेगी — साइट को अपनी आँखों से देखें।
2. बदलाव पहुँचे नहीं — विजेट की फ़ाइलें CDN से 5 मिनट के कैश के साथ दी जाती हैं: प्रतीक्षा करें और पेज को कैश साफ़ करके रीफ़्रेश करें।
3. साइटमैप नहीं बना या लागू नहीं हुआ — “अपना स्टोरफ्रंट” के अलावा बाकी मोड में बटन साइटमैप से लगते हैं: साइट स्कैन करें और नतीजा लागू करें।
4. स्कैनर को उत्पाद पेज नहीं मिले — वह सर्वर HTML पढ़ता है; अगर कैटलॉग पूरी तरह JavaScript से बनता है, तो “अपना स्टोरफ्रंट” मोड पर स्विच करें।
5. उत्पाद पेज का बटन प्लेसमेंट सेटिंग्स में बंद है — “पूर्ण इंटरसेप्ट” परिदृश्य में यही इरादा है, जहाँ ग्राहक साइट का मूल बटन दबाता है।

कार्ट का बटन गायब हो गया। प्लेसमेंट सेटिंग्स में चुना गया स्क्रीन कोना जाँचें; अगर मल्टीबटन चालू है और उसके पंखे में “ऑर्डर करें” आइटम है, तो विजेट का अपना बटन जानबूझकर बंद कर दिया जाता है।

बटन गलत जगह लगे या साइट अपडेट के बाद गायब हो गए। मार्कअप बदल गया है — “दोबारा स्कैन करें” दबाएँ: प्लेसमेंट सेटिंग्स इस दौरान सुरक्षित रहती हैं।

पेज पर कीमतें नहीं बदलीं। साइट की मार्कअप में सीधे कीमतों की दोबारा ड्रॉइंग सेटिंग से बंद की जा सकती है — तब ग्राहक साइट की कीमत देखता है, और कार्ट में आपकी कीमत जाती है। यह भी जाँचें कि कीमत नियम चालू है और उस उत्पाद के लिए कोई बिंदुवार ओवरराइड नहीं है।

ग्राहक ने साइट पर ऑर्डर किया, पर कैबिनेट में ऑर्डर नहीं है। सबसे संभवतः ऑर्डर हमारे बिना चला गया — बचे हुए मूल बटन या साइट के कार्ट के सीधे लिंक से। इसका इलाज “बटन बदलें” या “पूर्ण इंटरसेप्ट” मोड है।

ऑर्डर में कीमत गलत है। कीमतों की ओवरराइटिंग दिखने तक ही है: आपकी साइट का बैकएंड इसके बारे में नहीं जानता। अपनी कीमतें तभी चालू करना समझदारी है जब ऑर्डर इंटरसेप्ट भी चालू हो — वरना कुछ ऑर्डर पुरानी कीमत पर आपके बिना बन जाएँगे।

संबंधित अनुभाग#

• मेरी साइट — इंस्टॉलेशन कोड और बाकी विजेट
• ऑर्डर — ऑर्डर के बाद आगे क्या होता है
• इंटरनेट-स्टोर — अगर पूरा स्टोरफ्रंट चाहिए

अक्सर पूछे जाने वाले प्रश्न#

क्या कैटलॉग आपके पास ले जाना ज़रूरी है? नहीं। विजेट आपकी साइट के पेजों पर मौजूद आइटम के साथ सीधे काम करता है — नाम और कीमतें वहीं से पढ़ता है। खाते में कैटलॉग तब चाहिए जब आप स्टॉक का हिसाब, आइटम-वार विश्लेषण और हमारा स्टोरफ्रंट चाहते हों: इसे साइट के पते से आयात या फ़ाइल से ले जाया जा सकता है — देखें AI-आयात कैटलॉग और इंटरनेट-स्टोर।

अगर साइट बदल गई तो क्या होगा? “फिर से स्कैन करें” दबाएँ — नक्शा अपडेट हो जाएगा, प्लेसमेंट की सेटिंग्स सुरक्षित रहेंगी।

क्या विजेट लेआउट बिगाड़ देगा? बटन आपकी मार्कअप में मिली जगहों पर लगाए जाते हैं, रूप-रंग सेट किया जा सकता है; कार्ट और चेकआउट पेज के ऊपर खुलते हैं और आपके लेआउट को छूते नहीं।