मुख्य कंटेंट तक स्किप करें

पाठ 6: साइनअप का अनुभव

चेकआउट फ्लो वह जगह है जहाँ रुचि राजस्व (revenue) में बदलती है। एक भ्रमित करने वाली या सामान्य साइनअप प्रक्रिया ग्राहकों को खो देती है। एक ऐसा फ्लो जो किसी खास क्षेत्र (niche) के लिए हो और उनकी भाषा बोलता हो, वह ग्राहकों को परिवर्तित (convert) करता है।

हमने कहाँ छोड़ा था​

FitSite में टेम्पलेट और प्लान कॉन्फ़िगर किए जा चुके हैं। अब हम रजिस्ट्रेशन और चेकआउट का वह अनुभव बनाएंगे जो फ़िटनेस स्टूडियो मालिकों को भुगतान करने वाले ग्राहकों में बदल देगा।

रजिस्ट्रेशन फ्लो को समझना​

Ultimate Multisite के चेकआउट फॉर्म पूरी तरह से कस्टमाइज़ किए जा सकने वाले मल्टी-स्टेप फॉर्म हैं। FitSite के लिए, हमें एक ऐसा फ्लो चाहिए जो:

  1. फ़िटनेस व्यवसायों के लिए बना हुआ महसूस हो
  2. केवल उतना ही डेटा इकट्ठा करे जितना ज़रूरी है
  3. ग्राहक को जल्द से जल्द एक काम करने वाली साइट तक पहुँचा दे

पूरे तकनीकी संदर्भ के लिए The Registration Flow देखें।

FitSite चेकआउट को डिज़ाइन करना​

Ultimate Multisite > Checkout Forms पर जाएँ और एक नया फॉर्म बनाएँ।

चरण 1: प्लान का चयन (Plan Selection)​

सबसे पहली चीज़ जो एक फ़िटनेस स्टूडियो मालिक को दिखनी चाहिए, वह हैं प्लान, जो ऐसे शब्दों में प्रस्तुत हों जो वे समझते हों।

  • एक Pricing Table फ़ील्ड जोड़ें
  • इसे कॉन्फ़िगर करें ताकि तीनों FitSite प्लान दिखें
  • प्लान विवरण जो आपने पाठ 5 में लिखे थे, वे यहाँ दिखाई देंगे — सुनिश्चित करें कि वे फ़िटनेस व्यवसाय की ज़रूरतों के बारे में बात करें, न कि तकनीकी सुविधाओं के बारे में।
Niche Language Matters

"1 GB storage" एक जिम मालिक के लिए कुछ भी नहीं है। "आपके पेशेवर स्टूडियो वेबसाइट के लिए सब कुछ" मतलब सब कुछ है। प्लान विवरण अपनी ग्राहक की भाषा में लिखें।

चरण 2: टेम्पलेट का चयन (Template Selection)​

प्लान चुनने के बाद, ग्राहक अपना शुरुआती टेम्पलेट चुनता है।

  • एक Template Selection फ़ील्ड जोड़ें
  • उपलब्ध टेम्पलेट उस प्लान द्वारा फ़िल्टर किए जाते हैं जिसे उन्होंने चुना है (जो पाठ 5 में कॉन्फ़िगर किया गया था)
  • प्रत्येक टेम्पलेट में एक पूर्वावलोकन छवि (preview image) होनी चाहिए जो फ़िटनेस-विशिष्ट डिज़ाइन दिखाती हो

चरण 3: अकाउंट बनाना (Account Creation)​

इसे न्यूनतम रखें। केवल ये चीज़ें इकट्ठा करें:

  • ईमेल पता (Email address)
  • पासवर्ड (Password)
  • स्टूडियो/व्यवसाय का नाम (Studio/business name) (यह उनका साइट नाम बन जाएगा)

साइनअप के समय वह जानकारी न माँगें जिसकी आपको ज़रूरत नहीं है। हर अतिरिक्त फ़ील्ड कन्वर्जन को कम करता है।

चरण 4: साइट सेटअप (Site Setup)​

  • Site title: चरण 3 में दर्ज किए गए स्टूडियो नाम से पहले से भरें (Pre-fill)
  • Site URL: स्टूडियो नाम से स्वचालित रूप से उत्पन्न करें (जैसे, ironworks.fitsite.com)

चरण 5: भुगतान (Payment)​

  • Payment फ़ील्ड जोड़ें
  • अपने भुगतान गेटवे को कॉन्फ़िगर करें (Stripe सब्सक्रिप्शन बिलिंग के लिए अनुशंसित है)
  • यदि आपने पाठ 5 में ऑर्डर बम्प्स (order bumps) बनाए थे, तो भुगतान चरण से पहले एक Order Bump फ़ील्ड जोड़ें

चरण 6: पुष्टि (Confirmation)​

  • फ़िटनेस-विशिष्ट भाषा के साथ पुष्टि संदेश (confirmation message) को कस्टमाइज़ करें
  • उदाहरण: "आपकी फ़िटनेस स्टूडियो वेबसाइट बनाई जा रही है। आपको कुछ सेकंड में आपकी नई साइट पर रीडायरेक्ट किया जाएगा।"

पीरियड सिलेक्शन टॉगल जोड़ना (Adding a Period Selection Toggle)​

यदि आपने अपने प्लान में मूल्य भिन्नता (price variations) सेट की है (मासिक बनाम वार्षिक), तो चेकआउट फॉर्म में एक Period Selection फ़ील्ड जोड़ें ताकि ग्राहक बिलिंग अवधि के बीच टॉगल कर सकें। निर्देशों के लिए Checkout Forms देखें।

भुगतान कॉन्फ़िगर करना (Configuring Payment)​

यदि आपने अभी तक कोई भुगतान गेटवे सेट नहीं किया है:

  1. Ultimate Multisite > Settings > Payment Gateways पर जाएँ
  2. Stripe setup guide या अपने पसंदीदा गेटवे का पालन करें
  3. एक टेस्ट भुगतान के साथ पूरे चेकआउट फ्लो का परीक्षण करें

यह जानने के लिए कि भुगतान आपके खाते में कैसे पहुँचते हैं, Getting Paid देखें।

फ्लो का परीक्षण करना (Testing the Flow)​

आगे बढ़ने से पहले, एक पूर्ण टेस्ट साइनअप पूरा करें:

  1. एक इनकॉग्निटो/प्राइवेट ब्राउज़र विंडो में चेकआउट फॉर्म खोलें
  2. एक प्लान चुनें
  3. एक टेम्पलेट चुनें
  4. एक अकाउंट बनाएँ
  5. भुगतान पूरा करें (टेस्ट मोड का उपयोग करें)
  6. सत्यापित करें कि साइट सही टेम्पलेट के साथ बन गई है

जाँच करें कि:

  • प्लान विवरण स्पष्ट और विशिष्ट क्षेत्र (niche-specific) के हों
  • टेम्पलेट पूर्वावलोकन फ़िटनेस के लिए उपयुक्त डिज़ाइन दिखाते हों
  • साइट URL स्टूडियो नाम से सही ढंग से उत्पन्न होता हो
  • भुगतान सफलतापूर्वक संसाधित होता हो
  • ग्राहक चयनित टेम्पलेट के साथ एक काम करने वाली साइट पर पहुँचता हो
  • पुष्टि ईमेल फ़िटनेस-विशिष्ट भाषा का उपयोग करते हों

अब तक का FitSite नेटवर्क​

FitSite Network
├── WordPress Multisite (subdomain mode)
├── Ultimate Multisite (configured)
├── Hosting with wildcard SSL + domain mapping
├── Site Templates (Studio Essential, Gym Pro, Fitness Chain)
├── Products (Starter, Growth, Pro + Order Bumps)
├── Checkout Flow
│   ├── Plan selection with niche-specific descriptions
│   ├── Template selection with fitness previews
│   ├── Minimal account creation
│   ├── Payment via Stripe
│   └── Fitness-specific confirmation
└── Ready for branding (next lesson)

इस पाठ में हमने क्या बनाया​

  • फ़िटनेस स्टूडियो मालिकों के लिए अनुकूलित एक मल्टी-स्टेप चेकआउट फॉर्म
  • साइनअप फ्लो में पूरे विशिष्ट क्षेत्र (niche-specific) की भाषा
  • न्यूनतम घर्षण (Minimal friction) — केवल आवश्यक फ़ील्ड, काम करने वाली साइट तक तेज़ रास्ता
  • टेस्ट सत्यापन के साथ भुगतान एकीकरण (Payment integration)
  • प्लान चयन से लेकर काम करने वाली साइट तक एक परखा हुआ एंड-टू-एंड फ्लो

अगला: Lesson 7: Making It Yours — हम प्लेटफ़ॉर्म को व्हाइट-लेबल करेंगे और FitSite को एक ब्रांड के रूप में स्थापित करेंगे।