CMS: ड्रॉपडाउन इनपुट एलिमेंट का इस्तेमाल करके कस्टम फ़ॉर्म सेट अप करना
ऐसे कस्टम फ़ॉर्म बनाएं जिनमें विज़िटर ड्रॉपडाउन इनपुट का इस्तेमाल करके अपने चुने गए विकल्प सीधे आपके CMS कलेक्शन में सबमिट कर सकें। इस आर्टिकल में ड्रॉपडाउन इनपुट एलिमेंट और 'सबमिट करें' बटन जोड़ने का तरीका बताया गया है। आप दोनों एलिमेंट को ऐसे डेटासेट से कनेक्ट करेंगे जिससे विज़िटर के सबमिशन आपके CMS कलेक्शन में सेव हो सकें।
ये स्टेप पूरे करने के बाद, आप
ज़्यादा इनपुट एलिमेंट जोड़कर और उन्हें उसी डेटासेट से कनेक्ट करके अपने फ़ॉर्म को बढ़ा सकते हैं।
शुरू करने से पहले:
अगर आपने अभी तक अपनी साइट में CMS नहीं जोड़ा है, तो पहले
CMS ऐड करें।
स्टेप 1 | ड्रॉपडाउन एलिमेंट जोड़ें
अपने एडिटर में उस पृष्ठ पर जाएं जहां आप कस्टम फ़ॉर्म बनाना चाहते हैं। इसके बाद, ड्रॉपडाउन एलिमेंट जोड़ें।
Wix Editor
Studio एडिटर
- अपने एडिटर पर जाएं।
- उस पृष्ठ पर जाएं जहां आप इनपुट एलिमेंट जोड़ना चाहते हैं।
- एडिटर के बाईं ओर ऐड एलिमेंट्स
पर क्लिक करें। - इनपुट पर क्लिक करें।
- ड्रॉपडाउन पर क्लिक करें।
- जिस ड्रॉपडाउन का आप इस्तेमाल करना चाहते हैं, उसे क्लिक करके पृष्ठ पर ड्रैग करें।
सुझाव:
विज़िटर को जिस तरह की जानकारी सबमिट करनी है, उसके हर प्रकार के लिए और इनपुट एलिमेंट जोड़ें। आपके जोड़े गए इनपुट एलिमेंट तय करते हैं कि
वे किस तरह के फ़ील्ड से कनेक्ट हो सकते हैं और किस तरह का डाटा सेव कर सकते हैं।
स्टेप 2 | CMS से कनेक्ट करें
अपने ड्रॉपडाउन को ऐसे डेटासेट से कनेक्ट करें, जो उस CMS कलेक्शन से कनेक्ट हो जिसमें आप सबमिशन स्टोर करेंगे।
ड्रॉपडाउन लिस्ट में दिखने वाले ऑप्शन आप मैन्युअली जोड़ सकते हैं या किसी दूसरे CMS कलेक्शन के आइटम इस्तेमाल कर सकते हैं। CMS के आइटम इस्तेमाल करने के लिए, ड्रॉपडाउन लिस्ट के ऑप्शन को ऐसे दूसरे डेटासेट से कनेक्ट करें, जो किसी अन्य कलेक्शन के फ़ील्ड से कनेक्ट हो।
Wix एडिटर
Studio एडिटर
- अपने एडिटर में ऐसा डेटासेट जोड़ें, जो उस कलेक्शन से कनेक्ट हो जिसमें आप सबमिशन सेव करेंगे:
- बाईं ओर CMS
पर क्लिक करें। - ऐड कंटेंट एलिमेंट्स पर क्लिक करें।
- फ़ॉर्म डेटासेट पर क्लिक करें।
- चूज़ अ कलेक्शन ड्रॉपडाउन पर क्लिक करें और सबमिशन स्टोर करने के लिए कोई कलेक्शन चुनें।
- डेटासेट को कोई नाम दें, जैसे 'सबमिशंस'।
- क्रिएट पर क्लिक करें।
- बाईं ओर CMS
- ड्रॉपडाउन एलिमेंट पर क्लिक करें और दाईं ओर मौजूद कनेक्ट ड्रॉपडाउन पैनल में कलेक्ट कंटेंट चुनें।
- चूज़ अ डेटासेट ड्रॉपडाउन पर क्लिक करें और अपना 'सबमिशंस' डेटासेट चुनें।
- ड्रॉपडाउन इनपुट एलिमेंट को ऐसे नए कलेक्शन फ़ील्ड से कनेक्ट करें, जिसमें इसके सबमिशन स्टोर होंगे:
- वैल्यू कनेक्ट्स टू ड्रॉपडाउन पर क्लिक करें और + ऐड चुनें:
- नए कलेक्शन फ़ील्ड के लिए फ़ील्ड नेम डालें।
- (सिर्फ़ कोडिंग के लिए) वह फ़ील्ड की डालें, जो आपकी साइट के कोड में इस फ़ील्ड की पहचान करती है। इसे बाद में बदला नहीं जा सकता।
- फ़ील्ड टाइप ड्रॉपडाउन पर क्लिक करें और आप जिस तरह का डाटा कलेक्ट करना चाहते हैं, उसके आधार पर 'टेक्स्ट', 'नंबर' या 'रेफ़रेंस' फ़ील्ड टाइप चुनें।
टिप: 'रेफ़रेंस' फ़ील्ड टाइप के लिए, ड्रॉपडाउन से रेफ़रेंस किया गया कलेक्शन चुनें। - ऐड पर क्लिक करें।
- ड्रॉपडाउन के ऑप्शन कहां मैनेज करने हैं, यह चुनने के लिए शो ऑप्शंस फ्रॉम अ कलेक्शन टॉगल पर क्लिक करें:
- इनेबल्ड: ऑप्शन के लिए किसी दूसरे CMS कलेक्शन का फ़ील्ड इस्तेमाल करें। संबंधित डेटासेट कनेक्ट करें और लेबल्स एंड वैल्यूज़ कनेक्ट टू ड्रॉपडाउन से इस्तेमाल किए जाने वाले फ़ील्ड चुनें।
- डिसेबल्ड: CMS से अलग, एलिमेंट के लिए स्टैटिक ऑप्शन बनाने के लिए मैनेज चॉइसेज़ पर क्लिक करें।
- (अगर आपने दूसरे इनपुट एलिमेंट जोड़े हैं) इनपुट को अपने 'सबमिशंस' डेटासेट से कनेक्ट करें:
- संबंधित इनपुट एलिमेंट पर क्लिक करें।
- कनेक्ट टू CMS आइकन
पर क्लिक करें। - इनपुट को अपने 'सबमिशंस' डेटासेट से कनेक्ट करने के लिए, ऊपर दिए गए स्टेप 3-4 दोहराएं।
- अपने कस्टम CMS फ़ॉर्म में जोड़े जाने वाले हर इनपुट एलिमेंट के लिए यह स्टेप दोहराएं।
डेटासेट मोड का क्या?
- अगर आपने 'फ़ॉर्म डेटासेट' जोड़ा है, तो यह पहले से ही सही तरीके से 'राइट' मोड पर सेट होता है। इस मोड से डेटासेट, ड्रॉपडाउन इनपुट एलिमेंट के ज़रिए मिली सबमिशंस के आधार पर आपके 'सबमिशंस' कलेक्शन में नए आइटम जोड़ सकता है।
- अगर आपने ड्रॉपडाउन एलिमेंट में विज़िटर के चुने जाने वाले लिस्ट ऑप्शन कनेक्ट किए हैं, तो पक्का करें कि वह अलग डेटासेट 'रीड' या 'रीड और राइट' मोड में हो।
- अगर आप चाहते हैं कि आपका CMS फ़ॉर्म मौजूदा कलेक्शन आइटम अपडेट करे, तो 'सबमिशंस' डेटासेट को 'रीड और राइट' मोड पर सेट करें। यह भी पक्का करें कि कलेक्शन परमिशन, संबंधित रोल्स वाले लोगों को कंटेंट अपडेट करने की परमिशन देते हों।
स्टेप 3 | कलेक्शन परमिशन सेट करें
जिस कलेक्शन में आप सबमिशंस स्टोर करेंगे, उसके लिए
परमिशन सेट करें। आप पहले से सेट
कलेक्ट कंटेंट सेटिंग चुन सकते हैं, जिससे विज़िटर कंटेंट जोड़ सकते हैं। इसके बाद तय करें कि कौन कंटेंट जोड़ सकता है। या आप
एडवांस्ड परमिशन चुनकर यह कंट्रोल कर सकते हैं कि कलेक्शन आइटम कौन देख, जोड़, अपडेट और डिलीट कर सकता है।
Wix Editor
Studio एडिटर
- एडिटर के बाईं ओर CMS
पर क्लिक करें। - योर कलेक्शंस पर क्लिक करें।
- अपने 'सबमिशंस' कलेक्शन पर होवर करें और मोर एक्शंस आइकन
पर क्लिक करें। - परमिशन और प्राइवेसी पर क्लिक करें।
- चुनें कि कलेक्शन के लिए कौन-से परमिशन इस्तेमाल करने हैं:
- चुनें कि आप अपने कलेक्शन के लिए किस तरह के परमिशन इस्तेमाल करना चाहते हैं:
कलेक्ट कंटेंट
एडवांस्ड
स्टेप 4 | सबमिट बटन बनाएं
विज़िटर्स ने इनपुट एलिमेंट में जो जवाब डाले या चुने हैं, उन्हें सबमिट करने का तरीका उपलब्ध कराएं। 'सबमिट' बटन बनाने के लिए, कोई सामान्य बटन या इमेज जोड़ें और उसे डेटासेट के
'सबमिट' क्लिक एक्शन से कनेक्ट करें। विज़िटर्स के 'सबमिट' बटन पर क्लिक करने से आपके ड्रॉपडाउन इनपुट और 'सबमिशंस' डेटासेट से कनेक्ट किए गए अन्य इनपुट की वैल्यूज़ आपकी कलेक्शन में सेव हो जाती हैं।
डेटासेट मोड और आपकी कलेक्शन परमिशन के आधार पर, वैल्यूज़ या तो नए आइटम के रूप में जुड़ती हैं या मौजूदा आइटम को अपडेट करने के लिए इस्तेमाल होती हैं।
आप इन डेटासेट एक्शन के लिए अलग-अलग बटन भी बना सकते हैं:
- न्यू: कलेक्शन आइटम जोड़ें या अपडेट करें (डेटासेट मोड के आधार पर) और नई वैल्यूज़ स्वीकार करने के लिए इनपुट रीसेट करें।
- रिवर्ट: इनपुट एलिमेंट की उन वैल्यूज़ को रीसेट करें जिन्हें अभी तक सबमिट नहीं किया गया है।
- डिलीट: अपनी कलेक्शन से चुने गए आइटम हटाएं (सिर्फ़ 'रीड और राइट' मोड में)।
- नेक्स्ट पेज/प्रीवियस पेज: अगर आप गैलरी या रिपीटर में वे आइटम दिखा रहे हैं जिन्हें विज़िटर्स एडिट कर रहे हैं, तो ये बटन जोड़ें। ऐसा करने से विज़िटर्स आइटम के "पेजों" पर आगे-पीछे जा सकते हैं। अगर आपने डायनामिक आइटम पेज पर अपना फ़ॉर्म बनाया है, तो इसके बजाय नेक्स्ट डायनामिक पेज/प्रीवियस डायनामिक पेज क्लिक एक्शन का इस्तेमाल करें।
Wix Editor
Studio Editor
- एडिटर में बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
- बटन पर क्लिक करें।
- जिस बटन को आप सबमिट बटन के रूप में इस्तेमाल करना चाहते हैं, उसे क्लिक करके पेज पर ड्रैग करें। आप इनमें से किसी भी बटन टाइप का इस्तेमाल कर सकते हैं: थीम्ड बटन्स, टेक्स्ट और आइकन बटन्स, आइकन बटन्स, या इमेज बटन्स।
सलाह: इसके बजाय, आप कोई इमेज जोड़कर उसे अपने सबमिट बटन के रूप में भी इस्तेमाल कर सकते हैं।
- चेंज टेक्स्ट और आइकन पर क्लिक करें और वह टेक्स्ट डालें जिसे आप बटन पर दिखाना चाहते हैं (जैसे, "सबमिट")।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- चूज़ अ डेटासेट ड्रॉपडाउन पर क्लिक करें और अपनी सबमिशंस कलेक्शन से कनेक्ट किया गया डेटासेट चुनें।
- क्लिक एक्शन कनेक्ट्स टू ड्रॉपडाउन पर क्लिक करें और सबमिट चुनें।
- (वैकल्पिक) सबमिशन सफलतापूर्वक या असफल रूप से सबमिट होने पर दिखाई देने वाले सक्सेस और फेल्योर मैसेज जोड़ें:
- + ऐड सक्सेस मैसेज पर क्लिक करें, फिर + ऐड फेल्योर मैसेज पर क्लिक करें।
- दोनों मैसेज को क्लिक करके उस जगह ड्रैग करें जहां आप उन्हें दिखाना चाहते हैं। वे एक-दूसरे को ओवरलैप कर सकते हैं, क्योंकि दोनों मैसेज एक ही समय पर दिखाई नहीं देते।
- मैसेज एडिट करने के लिए, हर मैसेज पर एडिट टेक्स्ट पर क्लिक करें।
- बटन चुनें और कनेक्ट टू CMS आइकन पर क्लिक करें। फिर व्हेन सक्सेसफुल, नेविगेट टू ड्रॉपडाउन पर क्लिक करें और कोई विकल्प चुनें:
- स्टे ऑन दिस पेज: फ़ॉर्म सबमिट करने के बाद विज़िटर उसी पेज पर रहता है।
- अ लिंक: फ़ॉर्म सबमिट करने के बाद विज़िटर दूसरे पेज पर रिडायरेक्ट हो जाता है। चूज़ अ लिंक के नीचे चूज़ पर क्लिक करें और लिंक सेट अप करें।
- अपने 'सबमिट' बटन का लुक कस्टमाइज़ करने के लिए, बटन पर क्लिक करें और डिज़ाइन आइकन
चुनें।
स्टेप 5 | ड्रॉपडाउन एलिमेंट को कस्टमाइज़ करें
ड्रॉपडाउन सेटिंग्स से टाइटल, प्लेसहोल्डर टेक्स्ट और दूसरे विकल्प सेट करें। डिज़ाइन पैनल से एलिमेंट का लुक और फ़ील कस्टमाइज़ करें और लेआउट पैनल से एलाइनमेंट, स्पेसिंग और पैडिंग एडजस्ट करें।
Wix Editor
Studio एडिटर
- अपने एडिटर में, ड्रॉपडाउन एलिमेंट पर क्लिक करें।
- सेटिंग्स पर क्लिक करें और इन विकल्पों को एडिट करें:
- फ़ील्ड टाइटल: ड्रॉपडाउन एलिमेंट के सबसे ऊपर दिखने वाला टाइटल डालें।
- शुरुआती टेक्स्ट दिखाएं: वह शुरुआती टेक्स्ट चुनें जो विज़िटर को ड्रॉपडाउन एलिमेंट पर क्लिक करने से पहले दिखाई देगा:
- कोई नहीं: ड्रॉपडाउन एलिमेंट पर क्लिक करने से पहले विज़िटर को एक खाली बॉक्स दिखाई देगा।
- प्लेसहोल्डर टेक्स्ट: ड्रॉपडाउन एलिमेंट पर अपना टेक्स्ट इस्तेमाल करें, जैसे "अपना रंग चुनें"। प्लेसहोल्डर टेक्स्ट फ़ील्ड में टेक्स्ट डालें।
- ड्रॉपडाउन से आइटम: ड्रॉपडाउन लिस्ट से कोई आइटम दिखाएं। अगर आपने लिस्ट को CMS से कनेक्ट किया है, तो विज़िटर को पहला ड्रॉपडाउन विकल्प दिखाई देगा जिसे वह चुन सकता है। अगर आपने लिस्ट आइटम को CMS से कनेक्ट नहीं किया है, तो दिखने वाला आइटम चुनने के लिए अपनी लिस्ट से कोई आइटम चुनें पर क्लिक करें।
- ऑटोकंप्लीट: ड्रॉपडाउन में सर्च करने के लिए विज़िटर के टाइप करने पर क्या होगा, यह तय करने के लिए टॉगल पर क्लिक करें:
- चालू: ड्रॉपडाउन में केवल वही विकल्प दिखाई देंगे जो टाइप किए गए टेक्स्ट से मैच करते हैं।
- बंद: ड्रॉपडाउन में सभी विकल्प दिखाई देंगे।
- ड्रॉपडाउन लिस्ट का प्रकार: कोई विकल्प चुनें:
- कस्टम: डिज़ाइन पैनल में ड्रॉपडाउन एलिमेंट को कस्टमाइज़ करें। मोबाइल पर, लिस्ट का प्रकार हमेशा ब्राउज़र पर सेट होता है।
- ब्राउज़र: ड्रॉपडाउन एलिमेंट पर ब्राउज़र की डिफ़ॉल्ट थीम इस्तेमाल करें।
- यह फ़ील्ड है: विज़िटर के लिए फ़ॉर्म सबमिट करने से पहले इस ड्रॉपडाउन लिस्ट से कोई आइटम चुनना आवश्यक बनाने के लिए आवश्यक चेकबॉक्स चुनें।
- टेक्स्ट एलाइनमेंट और एलिमेंट की पैडिंग और स्पेसिंग एडजस्ट करने के लिए लेआउट आइकन
पर क्लिक करें। - प्रीसेट डिज़ाइन चुनने के लिए डिज़ाइन आइकन
पर क्लिक करें। इसके बाद, ड्रॉपडाउन एलिमेंट के लुक को और एडजस्ट करने के लिए कस्टमाइज़ डिज़ाइन चुनें। - (वैकल्पिक) ड्रॉपडाउन एलिमेंट में एनिमेशन जोड़ने के लिए एनिमेशन आइकन
पर क्लिक करें।
लाइव होने के लिए तैयार हैं?
अपने नए कस्टम ड्रॉपडाउन फ़ॉर्म को टेस्ट करने के लिए, अपने एडिटर में सबसे ऊपर दाईं ओर
प्रीव्यू पर क्लिक करें। जब सब कुछ सही दिखे और ठीक से काम करे, तो बदलावों को लाइव करने के लिए
पब्लिश पर क्लिक करें।
अगर आपने सैंडबॉक्स इनेबल किया है, तो डेटाबेस के बदलावों को लाइव करने के लिए
अपने सैंडबॉक्स कलेक्शन को लाइव कलेक्शन के साथ सिंक करें।
अक्सर पूछे जाने वाले सवाल
ड्रॉपडाउन एलिमेंट्स को CMS से कनेक्ट करने के बारे में सबसे आम सवालों के जवाब पाने के लिए, नीचे दिए गए किसी सवाल पर क्लिक करें।
CMS कलेक्शन में सेव नहीं हो रहे फ़ॉर्म सबमिशन से जुड़ी समस्या को कैसे हल करें?
क्या मैं अपने कलेक्शन में सेव हुए सबमिशन्स को एक्सपोर्ट कर सकता हूं?
क्या फ़ॉर्म सबमिशन मिलने के बाद होने वाले एक्शन को ऑटोमेट किया जा सकता है?
क्या साइट विज़िटर्स इनपुट एलिमेंट्स का इस्तेमाल करके मेरी साइट पर दिखने वाले कंटेंट को फ़िल्टर कर सकते हैं?
क्या मैं फ़ॉर्म सबमिशन को तालिका, गैलरी या रिपीटर में दिखा सकता हूं?
मैं मेंबर्स को अपने सबमिशन अपडेट करने की सुविधा कैसे दे सकता हूं?
अगर मैं अपने ड्रॉपडाउन एलिमेंट को किसी 'रेफ़रेंस' फ़ील्ड से कनेक्ट करूं, तो ऑप्शन की लिस्ट कहां से आती है?
मैं एक से ज़्यादा फ़ॉर्म को एक ही CMS कलेक्शन से कैसे कनेक्ट करूं?