CMS: आपकी कलेक्शन में सबमिट होने वाला इनपुट एलिमेंट वाला कस्टम फ़ॉर्म बनाना
24 मिनट
एक कस्टम CMS फ़ॉर्म बनाएं, जिससे विज़िटर इनपुट एलिमेंट का इस्तेमाल करके अपनी जानकारी सीधे आपकी कलेक्शन में सबमिट कर सकें। इनपुट एलिमेंट में टेक्स्ट बॉक्स, ड्रॉपडाउन सेलेक्टर, डेट और टाइम पिकर के साथ और भी कई विकल्प शामिल हैं।
इस आर्टिकल में सबमिशन स्टोर करने के लिए कलेक्शन बनाने, इनपुट एलिमेंट और सबमिट बटन जोड़ने, और इन सभी को कनेक्ट करने के लिए डेटासेट इस्तेमाल करने का तरीका बताया गया है।

क्या आपको कोई आसान, पहले से बना कस्टम फ़ॉर्म चाहिए?
कम सेटअप वाले टेम्पलेट फ़ॉर्म देखने के लिए Wix फ़ॉर्म्स देखें। इनमें कॉन्टैक्ट फ़ॉर्म, ऑर्डर फ़ॉर्म, रजिस्ट्रेशन फ़ॉर्म और कई दूसरे फ़ॉर्म शामिल हैं।
शुरू करने से पहले:
- अगर आपने अभी तक अपनी साइट पर CMS नहीं जोड़ा है, तो CMS जोड़ना न भूलें।
- इस प्रोसेस का ओवरव्यू देखने के लिए, हमारा अल्टिमेट CMS गाइड वीडियो देखें।
ध्यान दें:
Wix Harmony Editor में इनपुट एलिमेंट उपलब्ध नहीं हैं, इसलिए विज़िटर आपका कॉन्टेंट फ़िल्टर नहीं कर सकते या आपकी कलेक्शन में आइटम सबमिट नहीं कर सकते। विज़िटर से जानकारी पाने के लिए, इसके बजाय Wix फ़ॉर्म्स से कोई फ़ॉर्म जोड़ें। Wix Harmony में अलग तरीके से काम करने वाले फ़ीचर्स के बारे में और जानें।
स्टेप 1 | कलेक्शन बनाएं और परमिशन सेट करें
कस्टम फ़ॉर्म सबमिशन स्टोर करने के लिए एक कलेक्शन बनाएं और उसकी
कलेक्शन परमिशन
सेट करें। आप
कलेक्ट कॉन्टेंट परमिशन सेटिंग्स चुन सकते हैं और फिर तय कर सकते हैं कि आपकी लाइव साइट से कॉन्टेंट कौन जोड़ या देख सकता है। इसके अलावा, हर रोल के लिए कॉन्टेंट देखने, जोड़ने, अपडेट करने और हटाने की परमिशन तय करने के लिए
एडवांस्ड चुनें। इन रोल में सभी लोग, मेंबर्स, आइटम का क्रिएटर और कोलैबोरेटर्स शामिल हैं।
आप इस समय कलेक्शन में फ़ील्ड जोड़ सकते हैं, लेकिन हमारा सुझाव है कि उन्हें बाद में (
स्टेप 3) इनपुट एलिमेंट कनेक्ट करते समय जोड़ें। ऐसा करने से आप पक्का कर सकते हैं कि आप सिर्फ़ वही फ़ील्ड टाइप जोड़ रहे हैं जिन्हें हर इनपुट एलिमेंट टाइप से कनेक्ट किया जा सकता है।
फ़ॉर्म सबमिशन स्टोर करने के लिए कलेक्शन बनाने का तरीका:
- अपनी साइट के डैशबोर्ड में CMS पर जाएं।
- क्रिएट कलेक्शन पर क्लिक करें।
- स्टार्ट फ्रॉम स्क्रैच पर क्लिक करें।
टिप: इसके बजाय, क्रिएट विद एआई पर क्लिक करके एआई (आर्टिफ़िशियल इंटेलिजेंस) से अपने लिए कलेक्शन बनवाएं। - नेक्स्ट पर क्लिक करें।
- अपनी कलेक्शन का नाम डालें। इस कलेक्शन को आपकी 'सबमिशन्स' कलेक्शन मान लेते हैं।
- (सिर्फ़ कोडिंग के लिए) अपने कोड में इस्तेमाल करने के लिए कलेक्शन ID डालें।
- मल्टिपल आइटम कलेक्शन (डिफ़ॉल्ट) को सेलेक्ट रहने दें और क्रिएट पर क्लिक करें।
- मोर एक्शंस पर क्लिक करें और परमिशन और प्राइवेसी चुनें।

- चुनें कि कलेक्शन के लिए कौन-सी परमिशन इस्तेमाल करनी हैं:
कलेक्ट कंटेंट
एडवांस्ड
स्टेप 2 | अपनी साइट पर इनपुट एलिमेंट जोड़ें
अपने एडिटर में उस पेज या सेक्शन पर जाएं जहां आप कस्टम फ़ॉर्म बनाना चाहते हैं। इसके बाद, वे सभी इनपुट एलिमेंट जोड़ें जिनका इस्तेमाल विज़िटर अपने जवाब सबमिट करने के लिए करेंगे। ध्यान रखें कि
हर इनपुट एलिमेंट की अपनी सीमाएं होती हैं, जो तय करती हैं कि वह किस तरह का डाटा इकट्ठा कर सकता है और किन फील्ड टाइप से कनेक्ट हो सकता है।
कंटेंट कलेक्ट करने के लिए किन इनपुट एलिमेंट्स को सेट किया जा सकता है?
कंटेंट इकट्ठा करने के लिए आप इनमें से इनपुट एलिमेंट चुन सकते हैं: टेक्स्ट इनपुट, टेक्स्ट बॉक्स, रिच टेक्स्ट, रेडियो बटन, मल्टी-चेकबॉक्स, सिंगल चेकबॉक्स, ड्रॉपडाउन, सिलेक्शन टैग्स, डेट पिकर, टाइम पिकर, स्लाइडर, अपलोड बटन, रेटिंग्स इनपुट, एड्रेस इनपुट, स्विच और सिग्नेचर इनपुट।
Wix Editor
Studio एडिटर
- अपने एडिटर पर जाएं।
- उस पेज या सेक्शन पर जाएं, जहां आप कस्टम फ़ॉर्म बनाना चाहते हैं।
- एडिटर की बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
- इनपुट पर क्लिक करें।
- आप जिस तरह का इनपुट एलिमेंट जोड़ना चाहते हैं, उस पर क्लिक करें।
- संबंधित इनपुट एलिमेंट पर क्लिक करके उसे पेज पर ड्रैग करें।

- अपने फ़ॉर्म की जरूरत के मुताबिक इनपुट एलिमेंट्स जोड़ने के लिए, ऊपर दिए गए स्टेप 3-6 दोहराएं।

स्टेप 3 | इनपुट एलिमेंट्स को अपने कलेक्शन से कनेक्ट करें
अपने हर इनपुट एलिमेंट को ऐसे डेटासेट से कनेक्ट करें, जो आपके 'सबमिशंस' कलेक्शन से कनेक्टेड हो। इसके बाद, इनपुट वैल्यू को नई कलेक्शन फ़ील्ड से कनेक्ट करें, जो आपके कलेक्ट किए जाने वाले डाटा के टाइप से मेल खाती हों।
विजिटर ड्रॉपडाउन और सिलेक्शन टैग एलिमेंट्स में जो ऑप्शन चुनते हैं, उन्हें आप किसी दूसरी CMS कलेक्शन के आइटम्स से कनेक्ट कर सकते हैं। ऐसा करने के लिए, उनके लिस्ट ऑप्शन को किसी ऐसे दूसरे डेटासेट से कनेक्ट करें, जो दूसरी कलेक्शन की फ़ील्ड से कनेक्टेड हो। यह डेटासेट 'रीड' या 'रीड और राइट' मोड में होना चाहिए।
Wix Editor
Studio एडिटर
- अपने एडिटर में, अपनी 'Submissions' कलेक्शन से कनेक्ट होने वाला डेटासेट ऐड करें:
- बाईं ओर CMS पर क्लिक करें।
- ऐड कंटेंट एलिमेंट्स पर क्लिक करें।
- फ़ॉर्म डेटासेट पर क्लिक करें।
- चूज़ अ कलेक्शन ड्रॉपडाउन पर क्लिक करें और 'Submissions' कलेक्शन चुनें।
- डेटासेट को एक नाम दें, जैसे 'Submissions'।
- क्रिएट पर क्लिक करें।
- आपने जो भी इनपुट एलिमेंट ऐड किया है, उस पर क्लिक करें।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- चूज़ अ डेटासेट ड्रॉपडाउन पर क्लिक करें और अपना 'Submissions' डेटासेट चुनें।
टिप: अगर आपको 'फ़िल्टर कंटेंट' और 'कलेक्ट कंटेंट' में से चुनने के लिए कहा जाए, तो पहले कलेक्ट कंटेंट पर क्लिक करें। - इनपुट एलिमेंट को नई कलेक्शन फ़ील्ड से कनेक्ट करें:
- वैल्यू कनेक्ट्स टू ड्रॉपडाउन पर क्लिक करें और + ऐड चुनें:
- नई कलेक्शन फ़ील्ड के लिए फ़ील्ड नेम डालें।
- (सिर्फ़ कोडिंग के लिए) वह फ़ील्ड की डालें जो आपकी साइट के कोड में इस फ़ील्ड की पहचान करती है। इसे बाद में बदला नहीं जा सकता।
- ड्रॉपडाउन से फ़ील्ड टाइप चुनें। फ़ील्ड टाइप तय करता है कि आप फ़ील्ड में किस तरह का डाटा स्टोर कर सकते हैं।
- ऐड पर क्लिक करें।

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

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

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

- बटन पर क्लिक करें और डिज़ाइन आइकन चुनकर अपने सबमिट बटन का लुक कस्टमाइज़ करें।
स्टेप 5 | इनपुट एलिमेंट्स को कस्टमाइज़ करें
आप अपने हर इनपुट एलिमेंट को कस्टमाइज़ करके एक जैसा दिखने वाला फ़ॉर्म बना सकते हैं, जो आपकी साइट के लुक और फ़ील से मैच करे।
Wix Editor
Studio एडिटर
- अपने एडिटर में, जिस इनपुट एलिमेंट को कस्टमाइज़ करना है, उस पर क्लिक करें।
- फ़ील्ड का टाइटल डालने, फ़ील्ड को आवश्यक बनाने या इनपुट टाइप के हिसाब से अलग-अलग सेटिंग्स एडजस्ट करने के लिए, सेटिंग्स पर क्लिक करें।

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

पर क्लिक करें।
पर क्लिक करें।
पर क्लिक करें।
चुनकर
पर क्लिक करें।
पर क्लिक करें। इसके बाद, एलिमेंट के लुक को और एडजस्ट करने के लिए कस्टमाइज़ डिज़ाइन चुनें।