ऑनलाइन स्टोर कैसे बनाएं: प्रोडक्ट, कार्ट, चेकआउट और इन्वेंटरी

ऑनलाइन स्टोर बनाने के लिए आपको एक प्रोडक्ट कैटलॉग, एक कार्ट, एक चेकआउट जो Stripe जैसे प्रोवाइडर के जरिए पेमेंट ले, ऑर्डर दर्ज करने और स्टॉक घटाने का तरीका, और ऑर्डर पूरे करने के लिए एक एडमिन व्यू चाहिए। एक AI ऐप बिल्डर स्पष्ट विवरण से यह सब एक साथ बना सकता है। सबसे ज़्यादा सोचने लायक हिस्सा स्टोरफ्रंट नहीं, बल्कि पैसे से जुड़े हिस्से हैं: ऑर्डर कब “पेड” माना जाए, स्टॉक कैसे रिज़र्व हो, और टैक्स, शिपिंग और रिफंड कैसे संभाले जाएं।

कस्टम स्टोर या Shopify? पहले यह तय करें

कुछ भी बनाने से पहले इस बारे में ईमानदार रहें।

होस्टेड कॉमर्स प्लेटफ़ॉर्म (Shopify, Squarespace Commerce, WooCommerce और ऐसे ही दूसरे) आमतौर पर तब बेहतर होते हैं जब:

• आप शिपिंग रेट, लेबल और रिटर्न वाले फिज़िकल प्रोडक्ट बेचते हैं
• आपको कई क्षेत्रों में टैक्स अपने आप निकालना है
• रोज़ प्रोडक्ट जोड़ने और ऑर्डर संभालने का काम कोई गैर-तकनीकी टीम करेगी
• आप ऐड-ऑन का ऐप स्टोर चाहते हैं: रिव्यू, ईमेल मार्केटिंग, लॉयल्टी
• आप कई चैनलों पर बेचते हैं और आपको एक ही स्टॉक काउंट चाहिए

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

कस्टम स्टोर अक्सर तब बेहतर साबित होता है जब:

• प्रोडक्ट अनोखा हो: ऑर्डर पर बनने वाले कॉन्फ़िगरेटर, बुकिंग के साथ प्रोडक्ट, लाइसेंस वाले डिजिटल डाउनलोड, या हर ग्राहक के लिए अलग B2B प्राइस लिस्ट
• स्टोर किसी बड़े ऐप का एक हिस्सा हो (कोर्स प्लेटफ़ॉर्म, मेंबरशिप साइट, मार्केटप्लेस)
• आप छोटा कैटलॉग बेचते हों और डिज़ाइन व चेकआउट फ्लो पर पूरा नियंत्रण चाहें
• आप कोड अपने पास रखना चाहें और प्लेटफ़ॉर्म की बंदिश से बचना चाहें

कई छोटे विक्रेताओं के लिए प्लेटफ़ॉर्म ही सबसे अच्छा रहता है। अगर आपकी ज़रूरतें साधारण हैं, तो यह अच्छी बात है, शॉर्टकट लें।

ऑनलाइन स्टोर को क्या चाहिए

डेटा

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

पेज

• स्टोरफ्रंट: होम, कैटेगरी या कलेक्शन पेज, प्रोडक्ट पेज, कार्ट, चेकआउट पर रीडायरेक्ट, ऑर्डर कन्फर्मेशन।
• एडमिन: प्रोडक्ट और स्टॉक, स्टेटस वाले ऑर्डर (पेड, पैक्ड, शिप्ड, रिफंडेड), ग्राहक, सरल बिक्री आंकड़े।
• कानूनी और नीतियां: शिपिंग, रिटर्न, प्राइवेसी और शर्तें। ग्राहक खरीदने से पहले ये देखते हैं, और कई क्षेत्रों में कानून के तहत इनमें से कुछ ज़रूरी हैं।

अनुमतियां

ग्राहकों को बिना अकाउंट के खरीदने दें। गेस्ट चेकआउट एक कदम हटा देता है, और अकाउंट बाद में आ सकते हैं। सिर्फ एडमिन ही ऑर्डर देखें और प्रोडक्ट बदलें। एडमिन क्षेत्र को असली लॉगिन और सर्वर-साइड जांच से सुरक्षित रखें।

चेकआउट कैसे काम करना चाहिए

कस्टम स्टोर के लिए सबसे सुरक्षित तरीका होस्टेड चेकआउट पेज है। Stripe के साथ:

1. ग्राहक Checkout पर क्लिक करता है। आपका सर्वर डेटाबेस से कीमतें और स्टॉक दोबारा जांचता है, कभी भी ब्राउज़र की भेजी हुई जानकारी पर भरोसा किए बिना, और एक Stripe Checkout सेशन बनाता है।
2. ग्राहक Stripe के पेज पर पेमेंट करता है। कार्ड की जानकारी आपके सर्वर तक नहीं पहुंचती।
3. Stripe पेमेंट सफल होने की सूचना देने के लिए आपके ऐप के वेबहुक एंडपॉइंट को कॉल करता है। तभी आप ऑर्डर को पेड चिह्नित करते हैं और स्टॉक घटाते हैं।
4. ग्राहक आपके कन्फर्मेशन पेज पर पहुंचता है, और आप कन्फर्मेशन ईमेल भेजते हैं।

दो गलतियों से बचें: सफलता वाले पेज के रीडायरेक्ट से “पेड” ऑर्डर बनाना (लोग टैब बंद कर देते हैं, और रीडायरेक्ट से छेड़छाड़ हो सकती है) और कुल राशि ब्राउज़र में निकालना। दोनों गलतियां AI से आसानी से हो जाती हैं, अगर आप उसे साफ-साफ न बताएं।

Stripe की मानक कीमत हर सफल कार्ड पेमेंट पर एक प्रतिशत और एक निश्चित फीस है, बिना सेटअप या मासिक फीस के (सितंबर 2026 तक की जानकारी के अनुसार); सटीक दर आपके देश और कार्ड पर निर्भर करती है। सब कुछ पहले Stripe के टेस्ट मोड और उसके टेस्ट कार्ड नंबरों से बनाएं। अपने ऐप में पेमेंट जोड़ना गाइड में कीज़, टेस्ट मोड और वेबहुक समझाए गए हैं।

टैक्स, शिपिंग और इन्वेंटरी के फैसले

ये व्यावसायिक फैसले हैं जो AI आपके लिए नहीं ले सकता:

• टैक्स। बिक्री कर या VAT लगाना ज़रूरी है या नहीं, और किस दर से, यह इस पर निर्भर करता है कि आप और आपके ग्राहक कहां हैं। इसके लिए Stripe एक प्रोडक्ट देता है (Stripe Tax), या अगर आपकी स्थिति सरल है तो आप निश्चित दरें तय कर सकते हैं। अनिश्चित हों तो किसी चार्टर्ड अकाउंटेंट से पूछें।
• शिपिंग। कुछ निश्चित दरों से शुरू करें (देश के भीतर, अंतरराष्ट्रीय, एक सीमा से ऊपर मुफ़्त)। कैरियर की रियल-टाइम दरें और लेबल प्रिंट करना वह जगह है जहां Shopify जैसे प्लेटफ़ॉर्म आपका काफी काम बचाते हैं।
• इन्वेंटरी। तय करें कि चेकआउट शुरू होते ही स्टॉक रिज़र्व होगा या सिर्फ पेमेंट सफल होने पर। छोटे स्टोर के लिए पेमेंट पर स्टॉक घटाना और चेकआउट से ठीक पहले दोबारा जांचना सरल है; तब आखिरी आइटम का कभी-कभी ओवरसेल होना संभव है, इसलिए तय करें कि उसे कैसे संभालेंगे। स्टोर से बाहर स्टॉक ट्रैकिंग के लिए इन्वेंटरी मैनेजमेंट ऐप कैसे बनाएं देखें।

एक काम करने वाला पहला प्रॉम्प्ट

Loam & Clay के लिए एक ऑनलाइन स्टोर बनाओ, एक छोटा सिरेमिक्स स्टूडियो जो मग, कटोरे और फूलदान बेचता है। स्टोरफ्रंट: फीचर्ड प्रोडक्ट वाला होम पेज, कैटेगरी फ़िल्टर वाला शॉप पेज, इमेज गैलरी, रंग वेरिएंट और स्टॉक स्थिति वाले प्रोडक्ट पेज, और एक स्लाइड-आउट कार्ट। प्रोडक्ट, वेरिएंट, ऑर्डर और ऑर्डर आइटम डेटाबेस में सहेजो और 10 असली जैसे प्रोडक्ट सीड करो। एडमिन क्षेत्र (लॉगिन ज़रूरी) में प्रोडक्ट जोड़ने और बदलने, तस्वीरें अपलोड करने, स्टॉक बदलने, और पेड / पैक्ड / शिप्ड स्टेटस वाले ऑर्डर देखने का काम हो। चेकआउट बटन अभी प्लेसहोल्डर हो सकता है, हम अगले कदम में Stripe Checkout जोड़ेंगे। गर्म और सादा डिज़ाइन, पहले मोबाइल के लिए। कोई नकली रिव्यू या “दुनिया भर में मुफ़्त शिपिंग” जैसे दावे नहीं।

चेकआउट को प्लेसहोल्डर से शुरू करना जानबूझकर है: पहले कैटलॉग और एडमिन सही करें, फिर पेमेंट को एक अलग कदम में जोड़ें जिसे आप ठीक से टेस्ट कर सकें।

बनाने के चरण

1. कैटलॉग और प्रोडक्ट पेज, असली प्रोडक्ट नाम, कीमतों और तस्वीरों के साथ।
2. कार्ट जो पेज रीफ्रेश होने पर भी बना रहे।
3. एडमिन: प्रोडक्ट, वेरिएंट, स्टॉक, तस्वीरें अपलोड। लॉगिन से सुरक्षित करें।
4. Stripe Checkout टेस्ट मोड में, सर्वर द्वारा कीमतें और स्टॉक दोबारा जांचने के साथ।
5. वेबहुक जो ऑर्डर को पेड करे और स्टॉक घटाए। टेस्ट कार्ड से पूरी प्रक्रिया शुरू से अंत तक जांचें।
6. ऑर्डर ईमेल ग्राहक और आपके लिए।
7. नीतियां और SEO: शिपिंग और रिटर्न पेज, प्रोडक्ट शीर्षक और विवरण, शेयर इमेज। देखें AI से बनी वेबसाइटों के लिए SEO.
8. लाइव जाएं: असली Stripe कीज़ पर स्विच करें, खुद एक छोटा असली ऑर्डर दें, और उसका रिफंड करें।

आम गलतियां

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

चलाने की लागत

इनका हिसाब रखें: होस्टिंग और डेटाबेस, हर बिक्री पर पेमेंट प्रोसेसिंग फीस, एक डोमेन, ऑर्डर कन्फर्मेशन के लिए एक ईमेल प्रोवाइडर, और शायद एक टैक्स सेवा। कस्टम स्टोर में प्लेटफ़ॉर्म का सब्स्क्रिप्शन और ऐप फीस नहीं लगती, लेकिन रखरखाव आपकी ज़िम्मेदारी है: जब चेकआउट पर कुछ टूटे, तो उसे ठीक करना आपका काम है।

अगर आप खुद के अलावा दूसरे विक्रेता चाहते हैं (कई विक्रेता, जिन्हें भुगतान किया जाता है), तो वह एक मार्केटप्लेस है, जिसके पेमेंट नियम अलग होते हैं। देखें मार्केटप्लेस कैसे बनाएं.

Mythex के साथ बनाना

Mythex पर आप स्टोर का विवरण देते हैं और एजेंट लाइव प्रीव्यू में कैटलॉग, कार्ट और एडमिन बनाता है, जिसमें प्रोडक्ट और ऑर्डर के लिए Postgres डेटाबेस और प्रोडक्ट तस्वीरों के लिए फ़ाइल स्टोरेज होता है। डॉक्स का स्टोर उपयोग-मामला ऊपर दिए गए क्रम की ही सिफारिश करता है: पहले कैटलॉग, बाद में चेकआउट।

पेमेंट आपके अपने Stripe अकाउंट से चलते हैं: आप अपनी Stripe कीज़ प्रोजेक्ट सीक्रेट के रूप में जोड़ते हैं और एजेंट से Checkout जोड़ने को कहते हैं, फिर प्रीव्यू में Stripe के टेस्ट कार्ड से जांचते हैं (Stripe रेसिपी)। वेबहुक को सार्वजनिक URL चाहिए, इसलिए Stripe में पॉइंट करने से पहले ऐप प्रकाशित करें (वेबहुक रेसिपी)। टैक्स, शिपिंग और इन्वेंटरी सिंक Mythex की बिल्ट-इन सुविधाएं नहीं हैं, और कोई नेटिव Shopify इंटीग्रेशन नहीं है, इसलिए अगर आपको ये तैयार रूप में चाहिए तो Shopify बेहतर विकल्प है। शुरुआत के लिए स्टोर टेम्पलेट देखें, जैसे ईकॉमर्स स्टोर।

सवाल