We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
यह गाइड आपको पोर्टल बनाने और Design एडिटर के हर टैब — Pages, Layouts, Navigation, Components, और Branding — का उपयोग करके participants के लिए तैयार एक पूर्ण, ब्रांडेड अनुभव तैयार करने की प्रक्रिया बताती है।
पोर्टल Design एडिटर में खुलता है — शीर्ष पर एक तीन-चरण वाला विज़ार्ड: Design → Preview → Publish।
जब आप एक बिल्कुल नया पोर्टल खोलते हैं तो आपको पाँच स्टार्टर टेम्पलेट दिए जाते हैं। हर एक पहले से pages, एक navigation संरचना, एक sidebar लेआउट, एक hero banner, और प्रासंगिक components भर देता है ताकि आपके पास तुरंत काम करने के लिए कुछ ठोस हो:
| टेम्पलेट | किसके लिए सर्वोत्तम | पहले से बने pages |
|---|---|---|
| Retailer Portal | RMA, warranty, और invoice सेल्फ-सर्विस | Home · My Returns · Return Detail · Warranties · Warranty Detail · Invoices · My Account |
| Education Portal | टेस्ट, क्विज़, लीडरबोर्ड, और सर्टिफिकेट | Dashboard · Available Tests · Test Detail · My Results · Result Detail · Leaderboard · Certificates |
| Support Portal | टिकट ट्रैकिंग और नॉलेज बेस | Dashboard · My Tickets · Ticket Detail · Knowledge Base · Article · My Account |
| Research Portal | सर्वे पैनल और रिसर्च प्रोग्राम | Dashboard · My Surveys · Survey Detail · My Responses · Scores · Certificates · Profile |
| Survey Analytics Portal | व्यक्तिगत एनालिटिक्स डैशबोर्ड | Dashboard (एनालिटिक्स विजेट्स के साथ) · My Responses · Scores · Profile |
| Blank Canvas | शुरू से बनाए गए पूरी तरह कस्टम पोर्टल | एक होम पेज — बाकी सब खुद बनाएं |
सबसे नज़दीकी टेम्पलेट चुनें और उसे कस्टमाइज़ करें। आप बाद में भी अपनी ब्रांडिंग सेटिंग्स खोए बिना टूलबार से टेम्पलेट बदल सकते हैं।
एडिटर के बाईं ओर पाँच टैब वाली एक आइकन बार है। हर टैब आपके पोर्टल के किसी अलग पहलू को नियंत्रित करने वाला पैनल खोलता है। पैनल बदलने के लिए आइकन पर क्लिक करें; दाईं ओर का कैनवास आपके बदलावों को तुरंत दर्शाता है।
Pages टैब वह जगह है जहाँ आप अपने पोर्टल की हर स्क्रीन को मैनेज करते हैं। हर पेज की तीन सेटिंग्स होती हैं:
invoices का slug panel.acme.com/invoices बन जाता है। लोअरकेस अक्षरों, नंबरों, और हाइफ़न का उपयोग करें। एक slug जिसमें कोलन-प्रीफिक्स्ड सेगमेंट हो — जैसे tickets/:ticketId — एक dynamic page है: वही टेम्पलेट URL में मौजूद जानकारी के आधार पर अलग-अलग रिकॉर्ड रेंडर करता है।एक पेज को default landing page के रूप में चिह्नित किया जाता है — जहाँ participants को साइन इन करने के तुरंत बाद भेजा जाता है। डिफ़ॉल्ट पेज को page settings से बदलें।
tickets/:ticketId जैसा एक page slug एक dynamic page बनाता है। जब एक Data List component इस पर नेविगेट करता है, तो रिकॉर्ड की ID URL में डाल दी जाती है और उस पेज पर मौजूद Data Detail component मेल खाते रिकॉर्ड को अपने-आप लोड कर देता है। यह दो-कंपोनेंट, दो-पेज पैटर्न participants को किसी भी रिकॉर्ड टाइप का पूरा ड्रिल-डाउन डेटा अनुभव देता है — बिना किसी कोड के।
एक पेज जोड़ने के लिए: Add Page पर क्लिक करें, title, slug, और access level भरें, फिर Save पर क्लिक करें। एक पेज हटाने के लिए, उसकी row पर delete आइकन पर क्लिक करें — इसके बाद उससे जुड़े किसी भी navigation आइटम को अपडेट करें।
एक layout वह विज़ुअल शेल है जो हर पेज को घेरे रखता है — navigation कहाँ बैठता है और मुख्य कंटेंट क्षेत्र किस अनुपात में है। उपलब्ध layout थंबनेल में से चुनें:
सभी लेआउट मोबाइल-रिस्पॉन्सिव हैं — बिना किसी अतिरिक्त काम के navigation छोटी स्क्रीन के अनुसार ढल जाता है।
Navigation टैब उस मेनू को नियंत्रित करता है जो participants sidebar में (या active layout जहाँ भी navigation रखता है) देखते हैं। मेनू संरचना बनाएं और मैनेज करें:
navigation को केंद्रित रखें — पाँच से आठ आइटम सही मात्रा है। Participants को एक नज़र में ही समझ आ जाना चाहिए। Dynamic detail pages (जैसे tickets/:ticketId) को nav में दिखने की ज़रूरत नहीं है — participants लिस्ट में rows पर क्लिक करके वहाँ पहुँचते हैं।
Components टैब आपकी बिल्डिंग-ब्लॉक लाइब्रेरी है। पहले Pages टैब से एक पेज चुनकर उसे कैनवास पर खोलें, फिर उस पेज में आइटम जोड़ने के लिए Components टैब पर स्विच करें।
किसी भी component को कैनवास पर खींचें या उसे पेज के नीचे डालने के लिए क्लिक करें। हर component के एडिटर के दाईं ओर एक settings पैनल होता है जहाँ आप उसकी कंटेंट, डेटा बाइंडिंग, और स्टाइल कॉन्फ़िगर करते हैं।
किसी भी data entity से लिया गया एक अकेला aggregated नंबर — count, average, या sum — साथ में वैकल्पिक फ़िल्टर। डिफ़ॉल्ट रूप से signed-in participant के लिए स्कोप्ड। एक metrics bar बनाने के लिए Section Container में कई को स्टैक करें:
रिकॉर्ड्स की एक पेजिनेटेड, सॉर्ट करने योग्य, खोजने योग्य टेबल। component settings में चुनें:
tickets/:ticketId) में पास करता है, जो पूरी ड्रिल-डाउन सक्षम करता हैएक URL पैरामीटर द्वारा पहचाने गए एकल रिकॉर्ड के लिए एक पूर्ण डिटेल व्यू। इसे एक dynamic page पर रखें (जैसे tickets/:ticketId), entity type सेट करें, और parameter name को :ticketId सेट करें। जब कोई participant Data List में किसी row पर क्लिक करता है जो यहाँ नेविगेट करता है, यह component मेल खाते रिकॉर्ड को अपने-आप लोड करके दिखाता है।
Branding टैब आपके पोर्टल की विज़ुअल पहचान के हर एलिमेंट को नियंत्रित करता है — participants के साइन इन करने से पहले जो वे देखते हैं, से लेकर हर पेज पर sidebar में logo तक। यहाँ बदलाव blur पर अपने-आप सेव हो जाते हैं।
आपके संगठन का logo, sidebar header में और login तथा registration स्क्रीन पर प्रमुखता से दिखाया जाता है। logo सेट करने या बदलने के लिए:
यदि कोई पोर्टल-विशिष्ट logo सेट नहीं है, तो पोर्टल अपने-आप आपके संगठन के logo पर वापस चला जाता है। इसका मतलब है कि एक नया बनाया गया पोर्टल बिना किसी अतिरिक्त कदम के पहले से ही on-brand दिखता है।
वह बोल्ड हेडलाइन जिसे participants प्रमाणीकरण से पहले sign-in स्क्रीन पर पढ़ते हैं — आपके डोमेन पर उन्हें दिखने वाला पहला ब्रांडेड टेक्स्ट। उदाहरण:
यह फ़ील्ड अनुवाद योग्य है: अपने पोर्टल द्वारा समर्थित हर भाषा के लिए एक मान जोड़ें और participants इसे अपनी भाषा में देखेंगे।
login title के ठीक नीचे एक छोटा पैराग्राफ — प्रोग्राम संदर्भ, भागीदारी निर्देश, या एक संक्षिप्त value statement के लिए एक स्वाभाविक जगह। उदाहरण:
यह भी प्रति भाषा अनुवाद योग्य है।
वह कस्टम होस्टनाम जिस पर यह पोर्टल सर्व किया जाता है। केवल सत्यापित panel domains (Settings → Domains → Participant Panel से) ड्रॉपडाउन में दिखाई देते हैं। यहाँ एक domain चुनना आपके डिज़ाइन को उस लाइव URL से जोड़ता है जिसका participants उपयोग करेंगे।
यदि आपने अभी तक कोई domain नहीं जोड़ा है, तो ड्रॉपडाउन एक + Add new domain विकल्प दिखाता है जो आपको सीधे domain सेटअप स्क्रीन पर ले जाता है। domain सत्यापित होने के बाद वापस आकर उसे चुनें।
एक छोटा, URL-सुरक्षित पहचानकर्ता जो लाइव प्रीव्यू लिंक में उपयोग होता है ताकि आप पोर्टल को एक असली ब्राउज़र टैब से टेस्ट कर सकें। लोअरकेस अक्षरों, नंबरों, और हाइफ़न का उपयोग करें। यह पोर्टल बनाते समय अपने-आप सेट हो जाता है लेकिन यदि आपको एक साफ़-सुथरा पहचानकर्ता चाहिए तो इसे यहाँ संपादित किया जा सकता है।
हर टैब में हर बदलाव बैकग्राउंड में अपने-आप सेव हो जाता है। टूलबार एक sync इंडिकेटर दिखाता है — जब सब कुछ सेव हो चुका हो तो “Saved”, और अपडेट के दौरान संक्षिप्त रूप से “Saving…”। किसी मैनुअल सेव बटन की ज़रूरत नहीं।
सभी सेव की गई स्थितियाँ Version History ड्रॉवर (टूलबार में क्लॉक आइकन) में संरक्षित रहती हैं। कोई भी पिछला वर्शन ढूँढें और वापस जाने के लिए Restore पर क्लिक करें — यह तब उपयोगी है जब कोई प्रायोगिक बदलाव सफल न हुआ हो।
एडिटर में हर टेक्स्ट फ़ील्ड — page titles, navigation labels, headings, paragraphs, button labels, login title, और login description — जब आपके संगठन में कई भाषाएं सक्षम हों तो एक भाषा स्विचर दिखाती है। हर locale भरें। पोर्टल participant की पसंदीदा भाषा में रेंडर होता है और किसी भी अअनुवादित स्ट्रिंग के लिए डिफ़ॉल्ट भाषा पर वापस चला जाता है।
एक बार आपका डिज़ाइन तैयार हो जाने पर, किसी participant के देखने से पहले पूरे अनुभव को खुद चलकर देखें। अपने पोर्टल का पूर्वावलोकन और परीक्षण करना पर जारी रखें।