बिना कोड क्लाइंट पोर्टल कैसे बनाएं (AI की मदद से)

क्लाइंट पोर्टल एक निजी वेबसाइट है, जहाँ हर क्लाइंट लॉगिन करके सिर्फ़ अपने प्रोजेक्ट, फ़ाइलें, इनवॉइस और मैसेज देखता है। AI ऐप बिल्डर में आप बताते हैं कि क्लाइंट कौन हैं, उन्हें क्या दिखना चाहिए और आप क्या अपलोड करेंगे। वह रोल वाले अकाउंट, जल्दी खत्म होने वाले लिंक के पीछे निजी फ़ाइल स्टोरेज और आपकी टीम के लिए एडमिन पैनल बनाता है।

• पहले डेटा तय करें: क्लाइंट, यूज़र, प्रोजेक्ट, फ़ाइलें, मैसेज और इनवॉइस, और हर रिकॉर्ड ठीक एक क्लाइंट से जुड़ा हो।
• हर पेज और हर फ़ाइल को जाँचना चाहिए कि कौन साइन इन है। टेस्ट करें: एक क्लाइंट के रूप में लॉगिन रहते हुए दूसरे क्लाइंट का पेज खोलने की कोशिश करें।
• निजी फ़ाइलें सिर्फ़ ऐसे डाउनलोड लिंक से मिलती हैं जो कुछ ही मिनट में खत्म हो जाते हैं, और वह भी तब, जब पोर्टल पक्का कर ले कि फ़ाइल उसी क्लाइंट की है।
• ईमेल नोटिफ़िकेशन और पासवर्ड रीसेट के लिए आपका अपना SMTP खाता चाहिए; ऑनलाइन पेमेंट के लिए आपके अपने पेमेंट प्रोवाइडर (जैसे Stripe) की कुंजियाँ। दोनों इंटीग्रेशन में जाते हैं।
• एक DNS रिकॉर्ड से पोर्टल को portal.yourfirm.com जैसे पते पर रखें (हर प्लान पर संभव)।

क्लाइंट पोर्टल क्या करता है, और उसे क्या नहीं चाहिए

क्लाइंट पोर्टल उन ईमेल और WhatsApp थ्रेड की जगह लेता है जिनमें काम खो जाता है: "फ़ाइनल वर्ज़न कौन-सा है?", "मेरे बैंक स्टेटमेंट मिल गए?", "इनवॉइस 1042 का भुगतान हुआ?"। हर क्लाइंट साइन इन करता है और एक साफ़-सुथरी जगह पाता है, जहाँ उसके प्रोजेक्ट का स्टेटस, आपकी शेयर की हुई फ़ाइलें, उसकी भेजी फ़ाइलें, हर प्रोजेक्ट से जुड़े मैसेज और उसके इनवॉइस हों।

यह वहाँ काम आता है जहाँ काम बार-बार होता है और दस्तावेज़ ज़्यादा होते हैं। एक CA फ़र्म ITR के मौसम में चालीस क्लाइंट से फ़ॉर्म 16 और बैंक स्टेटमेंट जुटाती है। एक डिज़ाइन एजेंसी ड्राफ़्ट शेयर करती है और मंज़ूरी लेती है। एक कंसल्टेंट हर असाइनमेंट की रिपोर्ट और मीटिंग नोट्स रखता है। एक वेडिंग फ़ोटोग्राफ़र तैयार गैलरी सौंपता है।

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

सब्सक्रिप्शन वाला पोर्टल टूल या AI से बना पोर्टल

खुद बनाने का विकल्प है तैयार क्लाइंट पोर्टल प्रोडक्ट की सदस्यता लेना। दोनों रास्ते ठीक हैं; बस अलग-अलग फ़र्मों के लिए सही हैं।

अगर आपको पहले से मौजूद ई-साइन, तैयार अकाउंटिंग इंटीग्रेशन या औपचारिक कंप्लायंस सर्टिफ़िकेशन चाहिए, तो सब्सक्रिप्शन टूल चुनें। अगर आपका काम करने का तरीका खास है, बढ़ने के साथ हर क्लाइंट की कीमत भारी पड़ती है, या आप चाहते हैं कि पोर्टल आपकी फ़र्म जैसा दिखे और बोले, तो अपना बनाएं। (WisyLink के दाम USD में हैं; ऐप से खरीदने पर App Store या Google Play स्थानीय मुद्रा में चार्ज करते हैं।)

डेटा तय करें: क्लाइंट, प्रोजेक्ट, फ़ाइलें, मैसेज, स्टेटस

यहाँ दस मिनट की प्लानिंग कई बार दोबारा बनाने से बचाती है। लिख लें कि पोर्टल कौन-से रिकॉर्ड रखेगा और हर रिकॉर्ड किस क्लाइंट का है:

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

स्टेटस छोटे रखें और क्लाइंट की नज़र से लिखें: "शुरू नहीं हुआ", "काम जारी है", "आपकी ओर से बाकी", "सौंप दिया"। जो क्लाइंट "आपकी ओर से बाकी" देखता है, उसे ठीक-ठीक पता होता है कि उसे क्या करना है।

स्टेप-बाय-स्टेप: प्रॉम्प्ट टेम्पलेट के साथ बनाएं

1. ऊपर की टेबल की मदद से अपने रिकॉर्ड, रोल और स्टेटस लिख लें।
2. WisyLink में चैट खोलें। प्रोटोटाइप के लिए मुफ़्त Community प्लान ठीक है; असली क्लाइंट के लिए पेड प्लान चाहिए, क्योंकि फ्री लिंक 30 दिन और एक हफ़्ते बाद हटा दिए जाते हैं।
3. नीचे का प्रॉम्प्ट अपनी फ़र्म के हिसाब से बदलकर पेस्ट करें।
4. Wisy सवाल पूछे तो जवाब दें, फिर बिल्ड चलने दें। आखिरी नोट बताता है कि एडमिन के रूप में साइन इन कैसे करें और कौन-से इंटीग्रेशन कुंजियों का इंतज़ार कर रहे हैं।
5. दो टेस्ट क्लाइंट बनाएं, हर एक में एक टेस्ट यूज़र, और दोनों में एक प्रोजेक्ट और एक फ़ाइल जोड़ें।
6. इंटीग्रेशन में अपनी SMTP जानकारी और, अगर आप भुगतान लेते हैं, अपने पेमेंट प्रोवाइडर की कुंजियाँ जोड़ें।
7. इस गाइड में आगे दी गई सुरक्षा चेकलिस्ट चलाएं।
8. अपना डोमेन जोड़ें, फिर सबसे पहले किसी एक भरोसेमंद क्लाइंट को बुलाएं।

[फ़र्म का नाम] के लिए एक निजी क्लाइंट पोर्टल बनाएं, जो एक [CA फ़र्म / डिज़ाइन एजेंसी] है। कोई सार्वजनिक साइन-अप नहीं: अकाउंट सिर्फ़ एडमिन बनाते हैं।

रोल: एडमिन (मैं), स्टाफ़ (मेरी टीम) और क्लाइंट। हर क्लाइंट कंपनी के कई यूज़र हो सकते हैं। क्लाइंट यूज़र को कभी भी सिर्फ़ अपनी कंपनी के प्रोजेक्ट, फ़ाइलें, मैसेज और इनवॉइस ही दिखें।

प्रोजेक्ट में टाइटल, स्टेटस (शुरू नहीं हुआ, काम जारी है, आपकी ओर से बाकी, सौंप दिया) और आखिरी तारीख हो। हर प्रोजेक्ट पर दोनों तरफ़ के लोग 25 MB तक की निजी फ़ाइलें अपलोड और मैसेज पोस्ट कर सकें।

इनवॉइस: नंबर, रकम (₹), आखिरी तारीख, स्टेटस और अटैच की हुई PDF, और बकाया इनवॉइस पर Stripe से "अभी भुगतान करें" बटन। इनवॉइस को पेड तभी मार्क करें जब Stripe पुष्टि करे।

जब हम फ़ाइल अपलोड करें या मैसेज भेजें तो क्लाइंट को ईमेल करें, और जब क्लाइंट ऐसा करे तो मुझे ईमेल करें। नए यूज़र को पासवर्ड सेट करने का ईमेल न्योता मिले। हमारे रंग [रंग] इस्तेमाल करें और अंदाज़ शांत और पेशेवर रखें।

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

लॉगिन, रोल और "हर क्लाइंट को सिर्फ़ अपना डेटा"

पोर्टल अपने अकाउंट खुद चलाता है। पासवर्ड हैश करके रखे जाते हैं, सेशन HttpOnly कुकी में रहते हैं, बार-बार गलत लॉगिन की कोशिशें धीमी कर दी जाती हैं, और रोल पोर्टल के अपने पेजों और रूट में लागू होते हैं। प्लेटफ़ॉर्म की ओर से कोई लॉगिन नहीं मिलता, और SSO या SAML नहीं है। अगर क्लाइंट "Google से साइन इन" चाहते हैं, तो पोर्टल यह दे सकता है, उन OAuth क्रेडेंशियल से जो आप अपने Google खाते में बनाकर इंटीग्रेशन में पेस्ट करते हैं।

ज़्यादातर फ़र्मों के लिए तीन रोल काफ़ी हैं:

एडमिन

आप। क्लाइंट और यूज़र बनाते हैं, सब कुछ देखते हैं, इनवॉइस संभालते हैं।

स्टाफ़

आपकी टीम। फ़ाइलें अपलोड करती है और मैसेज का जवाब देती है; ज़रूरी हो तो कहें कि स्टाफ़ सिर्फ़ उन्हें सौंपे गए क्लाइंट तक सीमित रहे।

क्लाइंट

सिर्फ़ अपनी कंपनी के प्रोजेक्ट के भीतर देखता और अपलोड करता है।

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

क्या AI से बना क्लाइंट पोर्टल सुरक्षित है?

प्लेटफ़ॉर्म की तरफ़ से नींव मज़बूत है: हर साइट अपने अलग कंप्यूट पर चलती है, बिना साइन वाली रिक्वेस्ट कोई कोड चलने से पहले ही रोक दी जाती हैं, बिल्ड एजेंट के पास आपके अकाउंट या कुंजियों तक कोई स्थायी पहुँच नहीं होती, और इंटीग्रेशन की कुंजियाँ एन्क्रिप्ट रहती हैं और दोबारा कभी नहीं दिखतीं। जाँचना आपको अपने ऐक्सेस नियम हैं। OWASP Top 10:2025 (अंग्रेज़ी में) में टूटा हुआ ऐक्सेस कंट्रोल पहले नंबर पर है, और रिपोर्ट के मुताबिक जाँचे गए हर ऐप्लिकेशन में यह किसी न किसी रूप में मिला। आम उदाहरण है एड्रेस बार में ID बदलकर किसी और का रिकॉर्ड खोल लेना। इलाज यह है कि हर पेज URL की ID पर भरोसा करने के बजाय साइन इन किए यूज़र का क्लाइंट देखे और उसी पर फ़िल्टर करे। टेस्ट करें: क्लाइंट A के रूप में साइन इन करें, किसी प्रोजेक्ट का पता कॉपी करें, क्लाइंट B के रूप में साइन इन करें और उसे पेस्ट करें। आपको "नहीं मिला" वाला पेज दिखना चाहिए।

जल्दी खत्म होने वाले डाउनलोड लिंक से निजी फ़ाइल शेयरिंग

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

क्या क्लाइंट मुझे फ़ाइलें अपलोड कर सकते हैं?

हाँ। क्लाइंट अपने प्रोजेक्ट पर अपलोड कर सकते हैं, और आप उनके प्रोजेक्ट पर। हर फ़ाइल 25 MB तक की हो सकती है, और PDF, फ़ोटो, ऑफ़िस डॉक्यूमेंट और zip आर्काइव सब चलते हैं। हर अपलोड आपके प्लान के स्टोरेज और बैंडविड्थ में गिना जाता है, और हर निजी डाउनलोड भी। आप कितना इस्तेमाल कर रहे हैं, यह अपने खाते के संसाधन पैनल में देख सकते हैं।

तीन काम की आदतें स्टोरेज काबू में रखती हैं:

• पुराने प्रोजेक्ट के लिए आर्काइव या डिलीट का विकल्प माँगें, ताकि पूरा हो चुका काम आपका स्टोरेज न भरे।
• बहुत बड़ी फ़ाइलों, जैसे वीडियो मास्टर या फ़ोटो के बड़े आर्काइव, के लिए फ़ाइल ट्रांसफ़र सर्विस इस्तेमाल करें और उसका लिंक प्रोजेक्ट में डालें।
• कहें कि हर अपलोड के साथ अपलोड करने वाले का नाम और तारीख दिखे, ताकि "फ़ाइनल वर्ज़न कौन-सा है?" का जवाब खुद मिल जाए।

नई फ़ाइल या मैसेज पर ईमेल नोटिफ़िकेशन (SMTP)

पोर्टल आपके अपने SMTP खाते से ईमेल भेजता है, यानी आपके ईमेल प्रोवाइडर की आउटगोइंग मेल सेटिंग से। आप होस्ट, पोर्ट, यूज़रनेम, पासवर्ड और भेजने वाला पता इंटीग्रेशन में पेस्ट करते हैं। जब तक ऐसा नहीं करते, पोर्टल चलता है पर कुछ नहीं भेजता, यानी न्योते और पासवर्ड रीसेट भी किसी तक नहीं पहुँचते। क्लाइंट को बुलाने से पहले SMTP सेट कर लें।

काम के नोटिफ़िकेशन ये हैं:

• क्लाइंट को: आपने फ़ाइल अपलोड की, मैसेज भेजा या इनवॉइस जारी किया।
• आपको: किसी क्लाइंट ने फ़ाइल अपलोड की या जवाब दिया।
• नए यूज़र को: पासवर्ड सेट करने का न्योता, और पासवर्ड रीसेट कोड।

ईमेल में कभी डाउनलोड लिंक न डालें। साइन किए लिंक कुछ ही मिनट में खत्म हो जाते हैं, और ईमेल घंटों बाद पढ़ा जा सकता है। इसके बजाय प्रोजेक्ट पेज का लिंक दें, जहाँ क्लाइंट साइन इन करके डाउनलोड करे। अगर हर घटना पर ईमेल ज़्यादा हो जाएं, तो अपने लिए एक सारांश ईमेल माँगें: शेड्यूल्ड जॉब हर 30 से 60 मिनट पर चल सकते हैं और क्लाइंट के अपलोड का एक राउंड-अप भेज सकते हैं।

इनवॉइस और आपके Stripe खाते से भुगतान

कई फ़र्में इनवॉइस अपने अकाउंटिंग सॉफ़्टवेयर (जैसे GST बिलिंग वाले टूल) में ही बनाती हैं और बस उसकी PDF पोर्टल के इनवॉइस रिकॉर्ड में अटैच कर देती हैं, जिसका स्टेटस वे हाथ से बदलती हैं। पहले वर्ज़न के लिए यह बिल्कुल ठीक है। अगर आप चाहते हैं कि क्लाइंट पोर्टल के अंदर ही भुगतान करें, तो बिल्डर आपके अपने Stripe खाते से चलने वाला "अभी भुगतान करें" बटन जोड़ सकता है।

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

दो बातें ध्यान रखें। WisyLink कभी आपका पेमेंट खाता नहीं रखता, इसलिए Stripe की अपनी फ़ीस और शर्तें लागू होती हैं। और Stripe हर देश के व्यवसायों के लिए उपलब्ध नहीं है: उसकी उपलब्धता सूची में भारत अभी Preview के रूप में दर्ज है। जहाँ Stripe न मिले, वहाँ API वाला कोई भी पेमेंट प्रोवाइडर इसी तरह जोड़ा जा सकता है, जैसे UPI के लिए Razorpay या Cashfree; इन्हें WisyLink पर पहले से परखा नहीं गया है, इसलिए टेस्ट मोड में जाँच लें। मासिक रिटेनर के लिए पोर्टल हर क्लाइंट का सब्सक्रिप्शन स्टेटस सेव करके उसके डैशबोर्ड पर दिखा सकता है।

क्लाइंट को बुलाने से पहले सुरक्षा चेकलिस्ट

यह सूची लॉन्च से पहले एक बार चलाएं, और फिर अकाउंट, रोल या फ़ाइलों से जुड़े हर बदलाव के बाद:

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

दो ईमानदार सीमाएँ तौल लें: WisyLink डेटा कहाँ रखा जाता है इस पर कोई बयान या कंप्लायंस सर्टिफ़िकेशन प्रकाशित नहीं करता, इसलिए अगर किसी क्लाइंट कॉन्ट्रैक्ट में इनकी माँग है, तो पहले पूछ लें; और DPDP Act 2023 के तहत क्लाइंट के निजी डेटा की ज़िम्मेदारी आपकी फ़र्म पर ही रहती है। साथ ही WisyLink की शर्तें AI के बनाए काम की टेस्टिंग की ज़िम्मेदारी आप पर डालती हैं, और यह चेकलिस्ट ठीक इसी के लिए है।

आखिर में पोर्टल को उसका अपना पता दें। एक DNS रिकॉर्ड से आप portal.yourfirm.com जैसा सबडोमेन जोड़ सकते हैं, जबकि आपकी मुख्य साइट और ईमेल जहाँ हैं वहीं रहते हैं; तरीका कस्टम डोमेन जोड़ने की गाइड में है। कस्टम डोमेन फ़्री समेत हर प्लान पर जुड़ सकता है; पेड प्लान साइट को लाइव रखते हैं, और उनकी तुलना प्लान और दाम में करें।

इस हफ़्ते अपना क्लाइंट पोर्टल बनाएं

अपने रिकॉर्ड और रोल लिखें, ऊपर का प्रॉम्प्ट अपने हिसाब से बदलें और भेज दें। एडमिन के रूप में साइन इन करें, दो टेस्ट क्लाइंट बनाएं और किसी असली क्लाइंट के लॉगिन करने से पहले अलगाव तोड़ने की कोशिश करें। अगर अब भी तय कर रहे हैं कि खुद बनाएं या किसी फ़्रीलांसर को ब्रीफ़ करें, तो AI ऐप बिल्डर बनाम डेवलपर हायर करना वाली तुलना यह फ़ैसला समझाती है।

पहला वर्ज़न आप मुफ़्त बना और टेस्ट कर सकते हैं: Community पर शुरू करें, कार्ड की ज़रूरत नहीं। हर साइट को कैसे अलग रखा और डिप्लॉय किया जाता है, इसकी जानकारी के लिए पढ़ें WisyLink कैसे बना है।