header-logo
Wix का इस्तेमाल करके अपनी वेबसाइट और बिज़नेस बनाना सीखें
स्मार्ट फंक्शनैलिटी के साथ अपनी साइट डिज़ाइन और मैनेज करें.
सब्सक्रिप्शन, प्लान और इनवॉइस मैनेज करें।
अपना बिज़नेस चलाएं और मेंबर्स से जुड़ें.
अपनी साइट पर डोमेन खरीदना, कनेक्ट करना या ट्रांसफर करना सीखें।.
अपने बिज़नेस और वेब प्रेजेंस को बढ़ाने के लिए टूल्स पाएं
SEO और मार्केटिंग टूल्स से अपनी विज़िबिलिटी बढ़ाएँ।
ज़्यादा अच्छे से काम करने में मदद के लिए एडवांस्ड फ़ीचर पाएं।
सॉल्यूशन खोजें, जानी-पहचानी समस्याओं के बारे में जानें या हमसे संपर्क करें।
placeholder-preview-image
हमारे कोर्सेज़ और ट्यूटोरियल के ज़रिए अपने स्किल्स का विकास करें।
वेब डिज़ाइन, मार्केटिंग आदि के लिए सुझाव पाएं।
सर्च इंजन से ऑर्गेनिक साइट ट्रैफिक बढ़ाना सीखें।
हमारे फ़ुल-स्टैक प्लेटफ़ॉर्म का उपयोग करके एक कस्टम साइट बनाएं।
अपने लक्ष्यों तक पहुँचने में मदद के लिए किसी एक्सपर्ट से संपर्क करें।
placeholder-preview-image

CMS: विजिटर्स को कंटेंट फिल्टर करने की अनुमति देने के लिए इनपुट एलिमेंट्स का इस्तेमाल करना

17 मिनट
रिपीटर्स, गैलरी और टेबल में दिखने वाले कंटेंट को साइट विजिटर्स द्वारा फिल्टर करने का तरीका देने के लिए ड्रॉपडाउन या रेडियो बटन जैसे इनपुट एलिमेंट्स का इस्तेमाल करें। यह आर्टिकल आपको इनपुट एलिमेंट्स को एक dataset से कनेक्ट करने का तरीका बताता है, जो आपके CMS (कंटेंट मैनेजमेंट सिस्टम) कलेक्शन को लाइव साइट कंटेंट से जोड़ता है।

हर इनपुट एलिमेंट एक खास कलेक्शन फील्ड से कनेक्ट होता है ताकि उस फील्ड की यूनिक वैल्यूज को फिल्टर ऑप्शन के रूप में दिखाया जा सके। जब विजिटर्स कोई फिल्टर ऑप्शन चुनते हैं, तो कनेक्टेड रिपीटर, गैलरी या टेबल में केवल वही आइटम दिखाई देते हैं जिनकी फील्ड वैल्यू मैच करती है। इसके अलावा, आप एक कंडीशनल फिल्टर भी जोड़ सकते हैं जो फिल्टर के व्यवहार को बदल देता है। उदाहरण के लिए, आप एक ऐसा फिल्टर बनाने के लिए "Is not" कंडीशन जोड़ सकते हैं जो उन आइटम्स को दिखाता है जो विजिटर के चुनाव से मैच नहीं करते हैं।

डिफ़ॉल्ट रूप से, जब विजिटर्स कोई फिल्टर चुनते हैं, तो कंटेंट तुरंत बदल जाता है। हालांकि, अगर आप चाहते हैं कि विजिटर्स के फिल्टर्स केवल एक अलग बटन पर क्लिक करने के बाद ही लागू हों, तो आप एक "अप्लाई फिल्टर" बटन जोड़ सकते हैं। आप एक रीसेट बटन भी जोड़ सकते हैं जिस पर क्लिक करके विजिटर्स अपने द्वारा सेट किए गए सभी फिल्टर्स को तुरंत हटा सकते हैं।
शुरू करने से पहले:

स्टेप 1 | कंटेंट फिल्टर करने के लिए सेट किए गए इनपुट एलिमेंट्स जोड़ें

अपने एडिटर के उस पेज पर जाएँ जहाँ आप चाहते हैं कि विज़िटर्स रिपीटर, गैलरी, या टेबल में दिखने वाले कंटेंट को फ़िल्टर करें। फिर वे इनपुट एलिमेंट्स जोड़ें जिनका उपयोग आप विज़िटर्स से कंटेंट फ़िल्टर कराने के लिए करना चाहते हैं। यदि आप कई इनपुट एलिमेंट्स जोड़ते हैं, तो आप प्रत्येक को एक अलग कलेक्शन फ़ील्ड को फ़िल्टर करने के लिए सेट कर सकते हैं।

आप फ़िल्टरिंग की अनुमति देने वाले निम्नलिखित इनपुट एलिमेंट्स में से चुन सकते हैं: Radio Buttons, Checkboxes, Dropdown, Selection Tags, या Slider (केवल Range Sliders)। ध्यान रखें कि प्रत्येक इनपुट एलिमेंट की अपनी सीमाएँ (limitations) होती हैं कि वह किस प्रकार के फ़ील्ड को फ़िल्टर कर सकता है।
  1. अपने एडिटर पर जाएँ
  2. उस पेज पर जाएँ जिसमें वह रिपीटर, गैलरी, या टेबल है जिसे आप चाहते हैं कि विज़िटर्स फ़िल्टर करें।
  3. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
  4. Input पर क्लिक करें।
  5. Selection के अंदर, उस इनपुट एलिमेंट के प्रकार पर क्लिक करें जिसका उपयोग आप विज़िटर्स से कंटेंट फ़िल्टर कराने के लिए करना चाहते हैं। फ़िल्टरिंग की अनुमति देने वाले निम्नलिखित एलिमेंट्स में से चुनें: Radio Buttons, Checkboxes, Dropdown, Selection Tags, या Slider (केवल Range Sliders)
  6. संबंधित इनपुट एलिमेंट को क्लिक करके पेज पर ड्रैग करें।
एडिटर में ड्रॉपडाउन एलिमेंट जोड़ने का एक स्क्रीनशॉट।
  1. (वैकल्पिक) और अधिक इनपुट एलिमेंट्स जोड़ने के लिए ऊपर दिए गए स्टेप्स 3-6 दोहराएं, जिनका इस्तेमाल आपके विजिटर्स कंटेंट को फिल्टर करने के लिए करेंगे।

स्टेप 2 | अपने इनपुट एलिमेंट(्स) को CMS से कनेक्ट करें

हर इनपुट एलिमेंट को उसी डेटासेट से कनेक्ट करें जो आपके रिपीटर, गैलरी या टेबल से कनेक्ट है। फिर चुनें कि हर इनपुट एलिमेंट किस कलेक्शन फील्ड को फ़िल्टर करेगा। इनपुट एलिमेंट्स कनेक्टेड कलेक्शन फील्ड से हर यूनिक वैल्यू दिखाएंगे। जब कोई विजिटर इनपुट में कोई सिलेक्शन करता है, तो रिपीटर, गैलरी या टेबल केवल वही आइटम दिखाता है जो सिलेक्टेड फील्ड से मेल खाते हैं।

आप कंडीशनल फ़िल्टरिंग भी जोड़ सकते हैं जो फ़िल्टर पर लागू होती है। उदाहरण के लिए, ऐसा फ़िल्टर बनाने के लिए "Is not", "Does not equal", या "Does not include" कंडीशन जोड़ें जो उन आइटम्स को दिखाता है जो आपके विजिटर द्वारा सिलेक्ट किए गए फील्ड से मेल नहीं खाते। जब आप फ़िल्टर में कोई कंडीशन जोड़ते हैं, तो आपके इनपुट एलिमेंट पर फील्ड टाइटल और प्लेसहोल्डर टेक्स्ट ऑटोमैटिकली एडजस्ट हो जाते हैं ताकि विजिटर्स को पता चल सके कि फ़िल्टर क्या करता है (जैसे "Exclude by field")।
डेटासेट में फ़िल्टर और सॉर्ट जोड़ने से इनपुट एलिमेंट्स पर भी असर पड़ता है:
आपके इनपुट एलिमेंट्स एक डेटासेट से कनेक्ट होते हैं जो इसके कनेक्टेड कलेक्शन फ़ील्ड्स से कंटेंट प्राप्त करता है। यदि आप आइटम्स को दिखने से रोकने के लिए डेटासेट में फ़िल्टर जोड़ते हैं, तो हटाए गए आइटम्स और उनके फ़ील्ड कंटेंट इनपुट एलिमेंट्स को नहीं भेजे जाते हैं। इसका मतलब है कि आपके इनपुट एलिमेंट्स केवल उन आइटम्स की यूनिक फ़ील्ड वैल्यूज़ दिखाएंगे जो डेटासेट में शामिल हैं। डेटासेट की सॉर्ट कंडीशन्स भी उस क्रम को प्रभावित करती हैं जिसमें फ़ील्ड सिलेक्शन इनपुट एलिमेंट्स में दिखाई देते हैं।
  1. अपने एडिटर में, उस इनपुट एलिमेंट पर क्लिक करें जिसे आपने अभी जोड़ा है।
  2. Connect to CMS आइकन पर क्लिक करें।
  3. Filter content पर क्लिक करें।
इनपुट एलिमेंट को CMS से कनेक्ट करते समय 'फिल्टर कंटेंट' ऑप्शन चुनने का एक स्क्रीनशॉट।
  1. Choose a dataset ड्रॉप-डाउन पर क्लिक करें और वही डेटासेट चुनें जो उस रिपीटर, गैलरी, या टेबल से कनेक्ट है जिसे आप चाहते हैं कि विज़िटर्स फ़िल्टर करें।
  2. Filter content by ड्रॉप-डाउन पर क्लिक करें और चुनें कि विज़िटर्स दिखने वाले कंटेंट को फ़िल्टर करने के लिए किस कलेक्शन फ़ील्ड का उपयोग करेंगे।
  3. (वैकल्पिक) एक कंडीशन जोड़ें जो प्रभावित करती है कि फ़िल्टर कैसे काम करता है:
    1. Advanced Filtering पर क्लिक करें।
    2. Condition ड्रॉप-डाउन पर क्लिक करें और एक ऑपरेटर चुनें जो यह कंट्रोल करता है कि फ़िल्टर कैसे लागू किया जाता है (जैसे Is not, Does not equal, Does not include)।
      नोट: कंडीशन इनपुट एलिमेंट के प्रकार और कनेक्टेड फ़ील्ड प्रकार के आधार पर अलग-अलग होती हैं। विवरण के लिए नीचे प्रत्येक इनपुट एलिमेंट सेक्शन के लिए 'Advanced filtering conditions' देखें।
कंटेंट फिल्टर करने के लिए सेट किए गए ड्रॉपडाउन इनपुट एलिमेंट के लिए CMS कनेक्शन ऑप्शन्स का एक स्क्रीनशॉट।
  1. हर उस इनपुट एलिमेंट के लिए ये स्टेप्स दोहराएं जिसका इस्तेमाल आप विजिटर्स से कंटेंट फिल्टर कराने के लिए करना चाहते हैं।
  2. अपने इनपुट एलिमेंट(्स) को फिल्टर के रूप में टेस्ट करने के लिए Preview पर क्लिक करें।
  3. अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

एडवांस्ड फ़िल्टरिंग कंडीशन्स

हर इनपुट एलिमेंट के लिए उपलब्ध एडवांस्ड फ़िल्टरिंग कंडीशन्स देखने के लिए नीचे क्लिक करें:
कंटेंट को फ़िल्टर करने के लिए सेट किए गए रेंज स्लाइडर (Range Slider) के लिए एडवांस्ड फ़िल्टरिंग कंडीशन का स्क्रीनशॉट।

(ऑप्शनल) स्टेप 3 | फ़िल्टर अप्लाई करने के लिए एक बटन जोड़ें

अगर आप चाहते हैं कि आपके विजिटर्स द्वारा चुने गए फिल्टर्स केवल एक अलग बटन पर क्लिक करने के बाद ही लागू हों, तो आप एक 'अप्लाई फिल्टर्स' बटन बना सकते हैं। जब विजिटर्स इस बटन पर क्लिक करते हैं, तो उनके द्वारा चुने गए सभी इनपुट एलिमेंट फिल्टर्स लागू हो जाते हैं। इसके बिना, फिल्टर्स जैसे ही विजिटर्स हर इनपुट एलिमेंट से उन्हें चुनते हैं, वैसे ही लागू हो जाते हैं।
  1. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
  2. Button पर क्लिक करें।
  3. फ़िल्टर लागू करने के लिए आप जिस बटन का उपयोग करना चाहते हैं, उस पर क्लिक करें और उसे पेज पर ड्रैग करें। आप निम्नलिखित में से किसी भी बटन प्रकार का उपयोग कर सकते हैं: Themed Buttons, Text & Icon Buttons, Icon Buttons, या Image Buttons
    टिप: विकल्प के रूप में, आप एक इमेज जोड़ सकते हैं और उसे अपने 'apply filters' बटन के रूप में उपयोग कर सकते हैं।
  4. Change Text पर क्लिक करें और वह टेक्स्ट दर्ज करें जिसे आप बटन पर दिखाना चाहते हैं (जैसे "Apply Filters")।
  5. Connect to CMS आइकन पर क्लिक करें।
  6. Choose a dataset ड्रॉप-डाउन पर क्लिक करें और वही डेटासेट चुनें जो रिपीटर, गैलरी, या टेबल से कनेक्ट है।
  7. Click action connects to ड्रॉप-डाउन पर क्लिक करें और Apply filters चुनें।
  1. बटन पर क्लिक करें और अपने 'अप्लाई फिल्टर्स' बटन के लुक को कस्टमाइज़ करने के लिए डिजाइन आइकन चुनें।
  2. अपने 'अप्लाई फिल्टर्स' बटन को टेस्ट करने के लिए Preview पर क्लिक करें।
  3. अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

(वैकल्पिक) स्टेप 4 | रिसेट बटन जोड़ें

आप एक रीसेट बटन बना सकते हैं जिस पर क्लिक करके विजिटर्स अपने द्वारा चुने गए सभी इनपुट एलिमेंट फिल्टर्स को रीसेट कर सकते हैं। यह विजिटर्स को पेज रिफ्रेश किए बिना कंटेंट को फिर से शुरू करने और फिल्टर करने का एक आसान तरीका देता है।
  1. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
  2. Button पर क्लिक करें।
  3. जिस बटन को आप अपने रीसेट बटन के रूप में उपयोग करना चाहते हैं, उसे क्लिक करके पेज पर ड्रैग करें। आप निम्नलिखित में से किसी भी बटन प्रकार का उपयोग कर सकते हैं: Themed Buttons, Text & Icon Buttons, Icon Buttons, या Image Buttons
    टिप: विकल्प के रूप में, आप एक इमेज जोड़ सकते हैं और उसे अपने रीसेट बटन के रूप में उपयोग कर सकते हैं।
  4. Change Text पर क्लिक करें और वह टेक्स्ट दर्ज करें जिसे आप बटन पर दिखाना चाहते हैं (जैसे "Reset Filters")।
  5. Connect to CMS आइकन पर क्लिक करें।
  6. Choose a dataset ड्रॉप-डाउन पर क्लिक करें और वही डेटासेट चुनें जो रिपीटर, गैलरी, या टेबल से कनेक्ट है।
  7. Click action connects to ड्रॉप-डाउन पर क्लिक करें और Reset input values चुनें।
इसे चुनने का एक स्क्रीनशॉट
  1. बटन पर क्लिक करें और अपने रीसेट बटन के लुक को कस्टमाइज़ करने के लिए Design आइकन चुनें।
  2. अपने रीसेट बटन को टेस्ट करने के लिए Preview पर क्लिक करें।
  3. अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

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

कंटेंट फिल्टर करने के लिए इनपुट एलिमेंट्स के इस्तेमाल से जुड़े सबसे सामान्य सवालों के जवाब के लिए नीचे क्लिक करें।