मुख्य सामग्री पर जाएं

अपने प्रोजेक्ट के लिए कस्टम इंटरफ़ेस बनाएं

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

मल्टी-पेज एप्लिकेशन

कस्टम नेविगेशन में व्यवस्थित, प्रत्येक अलग-अलग कार्य करने वाले कई पेजों वाले इंटरफ़ेस बनाएं।

ड्रैग-एंड-ड्रॉप कैनवस

AI, डेटा, कार्य और सामग्री विजेट्स की लाइब्रेरी के साथ 12-कॉलम ग्रिड का उपयोग करके पेज बनाएं।

कस्टम ब्रांडिंग

अपने ब्रांड से मेल खाने के लिए लोगो, रंग, नेविगेशन लेआउट, फ़ेविकॉन और CSS अनुकूलित करें।

प्रकाशन और साझाकरण

सार्वजनिक URL के माध्यम से इंटरफ़ेस प्रकाशित करें और सदस्य पहुँच नियंत्रित करें।

मुख्य अवधारणाएं​

इंटरफ़ेस

इंटरफ़ेस पेजों का एक संग्रह है जो एक साथ एक प्रोजेक्ट के लिए पूर्ण उपयोगकर्ता अनुभव बनाते हैं। प्रत्येक प्रोजेक्ट के कई इंटरफ़ेस हो सकते हैं।

गुणविवरण
नामइंटरफ़ेस का प्रदर्शन नाम
प्रकाशितक्या इंटरफ़ेस सार्वजनिक URL के माध्यम से अंतिम उपयोगकर्ताओं के लिए उपलब्ध है
ब्रांडिंगकस्टम लोगो, रंग, नेविगेशन लेआउट, फ़ेविकॉन और CSS
पेज

पेज एक इंटरफ़ेस के भीतर एक एकल स्क्रीन है। प्रत्येक पेज का नाम, आइकन और नेविगेशन में स्थिति होती है। पेज विजेट्स को कैनवस पर खींचकर बनाए जाते हैं और पूर्व-निर्मित टेम्पलेट्स से बनाए जा सकते हैं।

विजेट

विजेट्स पेज के निर्माण खंड हैं, जो 12-कॉलम ड्रैग-एंड-ड्रॉप ग्रिड पर रखे जाते हैं। पूरी सूची के लिए नीचे विजेट लाइब्रेरी अनुभाग देखें।

विजेट लाइब्रेरी​

विजेटविवरण
चैटअपने एजेंटों के साथ AI चैट
एजेंट कार्डएजेंट चयन कार्ड

शुरुआत कैसे करें​

इंटरफ़ेस बनाना​

  1. इंटरफ़ेस पर जाएं

    प्रोजेक्ट साइडबार में इंटरफ़ेस पर क्लिक करें।

  2. नया इंटरफ़ेस बनाएं
    • यदि अभी तक कोई इंटरफ़ेस मौजूद नहीं है, तो पेज के केंद्र में + अपना पहला इंटरफ़ेस बनाएं पर क्लिक करें।
    • यदि इंटरफ़ेस पहले से मौजूद हैं, तो ऊपरी दाएं कोने में + नया इंटरफ़ेस पर क्लिक करें।
  3. अपने इंटरफ़ेस का नाम दें

    एक नया इंटरफ़ेस मॉडल दिखाई देगा। नाम दर्ज करें और बनाएं पर क्लिक करें। आपको इंटरफ़ेस बिल्डर पर ले जाया जाएगा।

इंटरफ़ेस बिल्डर लेआउट​

इंटरफ़ेस बिल्डर के अंदर, आपको तीन मुख्य क्षेत्र दिखाई देंगे:

क्षेत्रविवरण
बायां साइडबारपेज सूची और विजेट्स पैनल
कैनवसपेज संपादन क्षेत्र — यहां विजेट्स खींचकर बनाएं
दायां पैनलचयनित विजेट के लिए कॉन्फ़िगरेशन सेटिंग्स

शीर्ष पट्टी में निम्नलिखित नियंत्रण शामिल हैं:

अनडू / रीडू

अपने परिवर्तनों में पीछे या आगे कदम उठाएं।

रेस्पॉन्सिव व्यू

डेस्कटॉप, टैबलेट और मोबाइल पूर्वावलोकन के बीच टॉगल करें।

संपादित करें / पूर्वावलोकन

संपादन मोड और इन-बिल्डर पूर्वावलोकन के बीच स्विच करें।

पूर्ण पूर्वावलोकन

इंटरफ़ेस को नए टैब में अंतिम उपयोगकर्ताओं के रूप में खोलें।

कमांड पैलेट (⌘K)

कीबोर्ड के माध्यम से बिल्डर कार्यों तक त्वरित पहुँच।

प्रकाशित करें / सहेजें

अपना कार्य सहेजें या इंटरफ़ेस को सार्वजनिक URL पर प्रकाशित करें।

पेज बनाना​

पेज जोड़ना​

  1. नया पेज मॉडल खोलें

    बाएं साइडबार में पेज के बगल में + पर क्लिक करें।

  2. टेम्पलेट चुनें

    श्रेणी के अनुसार फ़िल्टर करें और उपलब्ध टेम्पलेट्स में से एक चुनें।

  3. पेज का नाम दें

    मॉडल के नीचे पेज का नाम दर्ज करें।

  4. पेज बनाएं

    पेज बनाएं पर क्लिक करें। पेज आपके इंटरफ़ेस में जोड़ा जाएगा और कैनवस पर खुलेगा।

विजेट्स जोड़ना​

  1. विजेट खोजें

    बाएं विजेट्स पैनल में, श्रेणी के अनुसार ब्राउज़ करें या खोज बार का उपयोग करें।

  2. कैनवस में जोड़ें

    विजेट को कैनवस पर खींचें, या उसे स्वचालित रूप से रखने के लिए क्लिक करें।

  3. स्थिति और आकार बदलें

    12-कॉलम ग्रिड पर विजेट्स को स्थानांतरित और आकार बदलें।

  4. विजेट कॉन्फ़िगर करें

    दाएं पैनल में सेटिंग्स खोलने के लिए विजेट चुनें।

पेज प्रबंधन​

पेज विकल्पों तक पहुँचने के लिए, साइडबार में पेज पर होवर करें और दिखाई देने वाले ⋯ (तीन-बिंदु मेनू) पर क्लिक करें।

नाम बदलें

नाम बदलें पर क्लिक करें।

आइकन बदलें

आइकन बदलें पर क्लिक करें।

समूह में जोड़ें

समूह में जोड़ें पर क्लिक करें।

पेज पुनर्क्रमित करें

पेज सूची में पेज पर क्लिक करें और खींचें।

हटाएं

हटाएं पर क्लिक करें। पुष्टि के लिए ठीक है पर क्लिक करें।

इंटरफ़ेस ब्रांडिंग​

शीर्ष पट्टी में इंटरफ़ेस नाम के बगल में पैलेट आइकन पर क्लिक करें।

सेटिंगविवरण
प्रदर्शन शीर्षकसाइडबार हेडर में प्रदर्शित पाठ
लोगो URLवर्गाकार छवि, 256×256 PNG अनुशंसित

प्रकाशन​

warning

सहेजना और प्रकाशित करना अलग-अलग क्रियाएं हैं। प्रकाशित करने से पहले हमेशा अपने परिवर्तन सहेजें।

  1. प्रकाशन मॉडल खोलें

    इंटरफ़ेस बिल्डर के ऊपरी दाएं कोने में प्रकाशित करें पर क्लिक करें।

  2. सार्वजनिक URL सेट करें

    अपने इंटरफ़ेस के लिए URL स्लग दर्ज करें। केवल छोटे अक्षर, संख्याएं और हाइफ़न।

  3. सदस्य पहुँच प्रबंधित करें

    उपयोगकर्ताओं की समीक्षा या जोड़ें।

  4. वेब पर प्रकाशित करें

    वेब पर प्रकाशित करें पर क्लिक करें। आपका इंटरफ़ेस अब लाइव है।

कमांड पैलेट​

⌘K (Mac) या Ctrl+K (Windows) दबाएं।

उपलब्ध कमांड
कमांडशॉर्टकट
परिवर्तन सहेजें⌘S
वेब पर प्रकाशित करें—
पूर्वावलोकन टॉगल करें—
अनडू⌘Z
रीडू⌘⇧Z
पेज पर स्विच करेंत्वरित नेविगेशन के लिए सभी पेज सूचीबद्ध करता है

उपयोग के मामले​

ग्राहक सहायता

चैट कार्यक्षेत्र — एजेंट संदर्भ के साथ सहायता चैट

डेटा प्रबंधन

एनालिटिक्स डैशबोर्ड — KPI कार्ड और चार्ट

वर्कफ़्लो स्वचालन

कार्य पैनल — वर्कफ़्लो ब्राउज़ करें और चलाएं

समस्या निवारण​

इंटरफ़ेस दिखाई नहीं दे रहा

संभावित कारण:

  • इंटरफ़ेस अभी तक प्रकाशित नहीं हुआ है
  • आप गलत प्रोजेक्ट देख रहे हैं
  • आपके पास आवश्यक अनुमतियाँ नहीं हैं
पेज लोड नहीं हो रहा

संभावित कारण:

  • एक विजेट गलत तरीके से कॉन्फ़िगर किया गया है
  • संदर्भित संसाधन मौजूद नहीं है
असहेजे परिवर्तन चेतावनी

शीर्ष पट्टी में असहेजे परिवर्तन सूचक प्रकट होता है। नवीनतम परिवर्तन लागू होने की गारंटी के लिए पूर्वावलोकन या प्रकाशन से पहले सहेजें पर क्लिक करें।

अगले कदम​