Wix हेल्प

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

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

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


स्टेप 1 | ड्रॉपडाउन एलिमेंट जोड़ें

अपने एडिटर में उस पृष्ठ पर जाएं जहां आप कस्टम फ़ॉर्म बनाना चाहते हैं। इसके बाद, ड्रॉपडाउन एलिमेंट जोड़ें।

  1. अपने एडिटर पर जाएं।
  2. उस पृष्ठ पर जाएं जहां आप इनपुट एलिमेंट्स जोड़ना चाहते हैं।
  3. एडिटर की बाईं ओर ऐड एलिमेंट्स  पर क्लिक करें।
  4. इनपुट पर क्लिक करें।
  5. ड्रॉपडाउन पर क्लिक करें।
  6. आप जिस ड्रॉपडाउन का इस्तेमाल करना चाहते हैं, उसे क्लिक करके पृष्ठ पर ड्रैग करें।
एडिटर में ड्रॉपडाउन एलिमेंट जोड़ने का स्क्रीनशॉट।
टिप:
विज़िटर को जिस-जिस तरह की जानकारी सबमिट करनी है, उसके लिए और इनपुट एलिमेंट्स जोड़ें। आपके जोड़े गए इनपुट एलिमेंट्स तय करते हैं कि वे किस तरह के फ़ील्ड्स से कनेक्ट हो सकते हैं और किस तरह का डाटा सेव कर सकते हैं।

स्टेप 2 | CMS से कनेक्ट करें

अपने ड्रॉपडाउन को ऐसे डेटासेट से कनेक्ट करें, जो उस CMS कलेक्शन से कनेक्टेड हो जहां आप सबमिशन स्टोर करेंगे।

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

स्टेप 3 | कलेक्शन परमिशन्स सेट करें

जिस कलेक्शन में आप सबमिशन्स स्टोर करेंगे, उसके लिए परमिशन्स सेट करें। आप पहले से तय कलेक्ट कंटेंट सेटिंग चुन सकते हैं, जिससे विजिटर्स कंटेंट जोड़ सकते हैं। इसके बाद, तय करें कि कौन कंटेंट जोड़ सकता है। या कलेक्शन आइटम कौन देख, जोड़, अपडेट और डिलीट कर सकता है, इसे कंट्रोल करने के लिए एडवांस्ड परमिशन्स चुनें।
  1. एडिटर के बाईं ओर CMS पर क्लिक करें।
  2. योर कलेक्शन्स पर क्लिक करें।
  3. अपनी 'सबमिशन्स' कलेक्शन पर होवर करें और मोर एक्शन्स आइकन पर क्लिक करें।
  4. परमिशन्स और प्राइवेसी पर क्लिक करें।
CMS कलेक्शन के लिए परमिशन्स और प्राइवेसी सेटिंग्स चुनने का स्क्रीनशॉट।
  1. कलेक्शन के लिए इस्तेमाल की जाने वाली परमिशन्स चुनें:
  2. वह परमिशन टाइप चुनें जिसे आप अपनी कलेक्शन के लिए इस्तेमाल करना चाहते हैं:

स्टेप 4 | सबमिट बटन बनाएं

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

स्टेप 5 | ड्रॉपडाउन एलिमेंट को कस्टमाइज़ करें

ड्रॉपडाउन सेटिंग्स में टाइटल, प्लेसहोल्डर टेक्स्ट और दूसरे विकल्प सेट करें। डिज़ाइन पैनल से एलिमेंट का लुक और फ़ील कस्टमाइज़ करें, और लेआउट पैनल से एलाइनमेंट, स्पेसिंग और पैडिंग एडजस्ट करें।
  1. अपने एडिटर में, ड्रॉपडाउन एलिमेंट पर क्लिक करें।
  2. सेटिंग्स पर क्लिक करें और इन विकल्पों को एडिट करें:
    • फील्ड टाइटल: ड्रॉपडाउन एलिमेंट के सबसे ऊपर दिखने वाला टाइटल डालें।
    • शो इनिशियल टेक्स्ट: वह शुरुआती टेक्स्ट चुनें, जो विजिटर को ड्रॉपडाउन एलिमेंट पर क्लिक करने से पहले दिखेगा:
      • कोई नहीं: ड्रॉपडाउन एलिमेंट पर क्लिक करने से पहले विजिटर को एक खाली बॉक्स दिखता है।
      • प्लेसहोल्डर टेक्स्ट: ड्रॉपडाउन एलिमेंट पर अपना टेक्स्ट इस्तेमाल करें, जैसे "अपना रंग चुनें"। प्लेसहोल्डर टेक्स्ट फील्ड में टेक्स्ट डालें।
      • आइटम फ्रॉम ड्रॉपडाउन: ड्रॉपडाउन लिस्ट का कोई आइटम दिखाएं। अगर आपने लिस्ट को CMS से कनेक्ट किया है, तो विजिटर जिस पहले ड्रॉपडाउन विकल्प को चुन सकते हैं, वही यहां दिखाई देता है। अगर आपने लिस्ट आइटम को CMS से कनेक्ट नहीं किया है, तो दिखने वाला आइटम चुनने के लिए सिलेक्ट एन आइटम फ्रॉम योर लिस्ट पर क्लिक करें।
      • ऑटोकंप्लीट: ड्रॉपडाउन में सर्च करने के लिए विजिटर के टाइप करने पर क्या होगा, यह तय करने के लिए टॉगल पर क्लिक करें:
        • एनेबल्ड: ड्रॉपडाउन में केवल वही विकल्प दिखाई देते हैं, जो टाइप किए गए टेक्स्ट से मैच करते हैं।
        • डिसेबल्ड: ड्रॉपडाउन में सभी विकल्प दिखाई देते हैं।
    • ड्रॉपडाउन लिस्ट टाइप: कोई विकल्प चुनें:
      • कस्टम: डिज़ाइन पैनल में ड्रॉपडाउन एलिमेंट को कस्टमाइज़ करें। मोबाइल पर लिस्ट टाइप हमेशा ब्राउज़र पर सेट होता है।
      • ब्राउज़र: ड्रॉपडाउन एलिमेंट पर ब्राउज़र की डिफ़ॉल्ट थीम इस्तेमाल करें।
    • यह फील्ड है: विजिटर के लिए यह ज़रूरी बनाने के लिए कि वे अपना सबमिशन भेजने से पहले इस ड्रॉपडाउन लिस्ट से कोई आइटम चुनें, आवश्यक चेकबॉक्स चुनें।
ड्रॉपडाउन इनपुट एलिमेंट की सेटिंग्स का स्क्रीनशॉट।
  1. टेक्स्ट एलाइनमेंट और एलिमेंट की पैडिंग और स्पेसिंग एडजस्ट करने के लिए लेआउट आइकन पर क्लिक करें।
  2. कोई प्रीसेट डिज़ाइन चुनने के लिए डिज़ाइन आइकन पर क्लिक करें। इसके बाद, ड्रॉपडाउन एलिमेंट का लुक और एडजस्ट करने के लिए कस्टमाइज़ डिज़ाइन चुनें।
  3. (वैकल्पिक) ड्रॉपडाउन एलिमेंट में एनिमेशन जोड़ने के लिए एनिमेशन आइकन पर क्लिक करें।
लाइव होने के लिए तैयार हैं?
अपने नए कस्टम ड्रॉपडाउन फ़ॉर्म को टेस्ट करने के लिए, अपने एडिटर में ऊपर दाईं ओर प्रीव्यू पर क्लिक करें। जब सब कुछ सही दिखे और ठीक से काम करे, तो बदलावों को लाइव करने के लिए प्रकाशित करें पर क्लिक करें।

अगर आपने सैंडबॉक्स इनेबल किया है, तो डेटाबेस के बदलावों को लाइव करने के लिए अपने सैंडबॉक्स कलेक्शन को लाइव कलेक्शन के साथ सिंक करें।

अक्सर पूछे जाने वाले सवाल

ड्रॉपडाउन एलिमेंट को CMS से कनेक्ट करने से जुड़े सबसे आम सवालों के जवाब पाने के लिए, नीचे किसी सवाल पर क्लिक करें।