किसी भी प्रतिभागी के आपके पोर्टल तक पहुंचने से पहले, आप बिल्ट-इन लाइव प्रीव्यू में पूरे अनुभव को देख सकते हैं — हर नेविगेशन आइटम पर क्लिक करके, विवरण पेजों में जाकर, और हर ब्रांडिंग तत्व की जांच करके — बिना किसी ऑडियंस एक्सपोज़र के।
प्रीव्यू खोलना
- Design एडिटर से, विज़ार्ड के शीर्ष पर Preview टैब पर क्लिक करें।
- पोर्टल पूरी तरह इंटरैक्टिव फ्रेम में लोड होता है। आप जो देखते हैं वह बिल्कुल वही है जो प्रतिभागी पब्लिश करने के बाद देखेंगे — आपका चुना हुआ लेआउट, ब्रांडिंग, नेविगेशन, और हर पेज कंपोनेंट।
Design टैब में सेव किए गए बदलाव प्रीव्यू फ्रेम में अपने आप दिखते हैं। आप Design और Preview के बीच स्वतंत्र रूप से स्विच करके पुनरावृत्ति और जांच कर सकते हैं।
क्या टेस्ट करें
प्रीव्यू पूरी तरह इंटरैक्टिव है — नेविगेशन आइटम पर क्लिक करें, Data List रो में जाएं, पेजों के बीच बैक नेविगेशन का उपयोग करें। इन्हें जांचें:
- हर नेविगेशन लिंक सही पेज पर पहुंचता है
- Data List कंपोनेंट रो को भरते और प्रदर्शित करते हैं
- रो पर क्लिक करने से सही रिकॉर्ड लोड होने के साथ सही डायनामिक विवरण पेज पर नेविगेट होता है
- Data Detail कंपोनेंट URL पैरामीटर के लिए सही जानकारी प्रदर्शित करते हैं
- बटन सही गंतव्य पर नेविगेट करते हैं
- Hero बैनर, KPI मेट्रिक्स, हेडिंग, इमेज, और बिल्ट-इन विजेट्स (Responses, Scores, Profile, Analytics Widgets) डिज़ाइन के अनुसार रेंडर होते हैं
- आपका लोगो साइडबार में और लॉगिन स्क्रीन पर दिखाई देता है
- लॉगिन शीर्षक और विवरण हर कॉन्फ़िगर की गई भाषा में सही ढंग से पढ़े जाते हैं
एक्सेस कंट्रोल टेस्ट करना
Sign-in required पर सेट किए गए पेज अप्रमाणित विज़िटर्स को लॉगिन स्क्रीन पर रीडायरेक्ट करते हैं। प्रीव्यू में जांचें कि गेटेड पेज लॉगिन प्रॉम्प्ट को ट्रिगर करते हैं और कोई भी Public पेज बिना प्रॉम्प्ट के पहुंच योग्य है। रीडायरेक्ट देखना पर्याप्त है — इस व्यवहार को सत्यापित करने के लिए आपको वास्तविक प्रतिभागी क्रेडेंशियल्स की आवश्यकता नहीं है।
मोबाइल लेआउट की जांच करना
पोर्टल को फोन और टैबलेट चौड़ाई पर देखने के लिए अपने ब्राउज़र के डेवलपर टूल्स का उपयोग करें (या विंडो का आकार बदलें)। साइडबार मोबाइल पर एक बॉटम नेविगेशन बार में सिमट जाता है। पुष्टि करें कि:
- नेविगेशन आइटम एक्सेस करने योग्य और टैप-फ्रेंडली हैं
- Data List संकीर्ण चौड़ाई पर पढ़ने योग्य हैं (कॉलम ओवरफ्लो सुचारू रूप से हैंडल किया गया है)
- Hero बैनर टेक्स्ट छोटी स्क्रीन पर पढ़ने योग्य बना रहता है
- बटन आराम से टैप करने के लिए पर्याप्त बड़े हैं
प्रीव्यू क्या दर्शाता है
प्रीव्यू हमेशा आपका वर्तमान सेव किया गया ड्राफ्ट दिखाता है। यह लाइव पोर्टल से पूरी तरह अलग है — जब तक आप पब्लिश नहीं करते, तब तक प्रतिभागियों को कुछ भी दिखाई नहीं देता। लाइव जाने से पहले आप जितनी बार चाहें उतनी बार पुनरावृत्ति और पुनः जांच कर सकते हैं।
प्री-लॉन्च चेकलिस्ट
- Pages टैब में हर पेज पहुंच योग्य है — नेविगेशन से या किसी लिस्ट रो एक्शन के माध्यम से
- सही पेज को डिफ़ॉल्ट लैंडिंग पेज के रूप में सेट किया गया है (जहां प्रतिभागी साइन-इन के बाद पहुंचते हैं)
- लिस्ट रो से नेविगेट करने पर डायनामिक विवरण पेज सही ढंग से लोड होते हैं
- KPI मेट्रिक कार्ड्स संख्याएं प्रदर्शित करते हैं (एरर चिप का मतलब है गलत कॉन्फ़िगर की गई एंटिटी टाइप)
- Data List कॉलम और रो दिखाते हैं; रो एक्शन सही ढंग से काम करते हैं
- Hero बैनर, इमेज, और बटन डिज़ाइन के अनुसार रेंडर होते हैं
- लोगो साइडबार में और लॉगिन स्क्रीन पर दिखाई देता है
- लॉगिन शीर्षक और विवरण हर कॉन्फ़िगर की गई भाषा में सही ढंग से पढ़े जाते हैं
- Sign-in required पेज बिना प्रमाणीकरण के एक्सेस करने पर लॉगिन स्क्रीन पर रीडायरेक्ट होते हैं
- Public पेज बिना लॉगिन प्रॉम्प्ट के लोड होते हैं
- नेविगेशन फोन स्क्रीन चौड़ाई पर पढ़ने योग्य और उपयोग करने योग्य है
- कोई भी नेविगेशन आइटम ऐसे स्लग की ओर इशारा नहीं करता जो मौजूद नहीं है
- Branding टैब में पैनल डोमेन असाइन किया गया है (पब्लिश करने से पहले आवश्यक)
अगला चरण
एक बार चेकलिस्ट पूरी हो जाने पर, Publish टैब पर जाएं। देखें Publishing and Launching Your Participant Portal।