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

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

- (वैकल्पिक) और अधिक इनपुट एलिमेंट्स जोड़ने के लिए ऊपर दिए गए स्टेप्स 3-6 दोहराएं, जिनका इस्तेमाल आपके विजिटर्स कंटेंट को फिल्टर करने के लिए करेंगे।
स्टेप 2 | अपने इनपुट एलिमेंट(्स) को CMS से कनेक्ट करें
हर इनपुट एलिमेंट को उसी डेटासेट से कनेक्ट करें जो आपके रिपीटर, गैलरी या टेबल से कनेक्ट है। फिर चुनें कि हर इनपुट एलिमेंट किस कलेक्शन फील्ड को फ़िल्टर करेगा। इनपुट एलिमेंट्स कनेक्टेड कलेक्शन फील्ड से हर यूनिक वैल्यू दिखाएंगे। जब कोई विजिटर इनपुट में कोई सिलेक्शन करता है, तो रिपीटर, गैलरी या टेबल केवल वही आइटम दिखाता है जो सिलेक्टेड फील्ड से मेल खाते हैं।
आप कंडीशनल फ़िल्टरिंग भी जोड़ सकते हैं जो फ़िल्टर पर लागू होती है। उदाहरण के लिए, ऐसा फ़िल्टर बनाने के लिए "Is not", "Does not equal", या "Does not include" कंडीशन जोड़ें जो उन आइटम्स को दिखाता है जो आपके विजिटर द्वारा सिलेक्ट किए गए फील्ड से मेल नहीं खाते। जब आप फ़िल्टर में कोई कंडीशन जोड़ते हैं, तो आपके इनपुट एलिमेंट पर फील्ड टाइटल और प्लेसहोल्डर टेक्स्ट ऑटोमैटिकली एडजस्ट हो जाते हैं ताकि विजिटर्स को पता चल सके कि फ़िल्टर क्या करता है (जैसे "Exclude by field")।
डेटासेट में फ़िल्टर और सॉर्ट जोड़ने से इनपुट एलिमेंट्स पर भी असर पड़ता है:
आपके इनपुट एलिमेंट्स एक डेटासेट से कनेक्ट होते हैं जो इसके कनेक्टेड कलेक्शन फ़ील्ड्स से कंटेंट प्राप्त करता है। यदि आप आइटम्स को दिखने से रोकने के लिए डेटासेट में फ़िल्टर जोड़ते हैं, तो हटाए गए आइटम्स और उनके फ़ील्ड कंटेंट इनपुट एलिमेंट्स को नहीं भेजे जाते हैं। इसका मतलब है कि आपके इनपुट एलिमेंट्स केवल उन आइटम्स की यूनिक फ़ील्ड वैल्यूज़ दिखाएंगे जो डेटासेट में शामिल हैं। डेटासेट की सॉर्ट कंडीशन्स भी उस क्रम को प्रभावित करती हैं जिसमें फ़ील्ड सिलेक्शन इनपुट एलिमेंट्स में दिखाई देते हैं।
Wix एडिटर
Studio एडिटर
- अपने एडिटर में, उस इनपुट एलिमेंट पर क्लिक करें जिसे आपने अभी जोड़ा है।
- Connect to CMS आइकन
पर क्लिक करें। - Filter content पर क्लिक करें।

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

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

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

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

- बटन पर क्लिक करें और अपने रीसेट बटन के लुक को कस्टमाइज़ करने के लिए Design आइकन
चुनें। - अपने रीसेट बटन को टेस्ट करने के लिए Preview पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल (FAQs)
कंटेंट फिल्टर करने के लिए इनपुट एलिमेंट्स के इस्तेमाल से जुड़े सबसे सामान्य सवालों के जवाब के लिए नीचे क्लिक करें।
विज़िटर्स को कंटेंट फ़िल्टर करने की अनुमति देते समय मुझे कौन सा डेटासेट मोड और कलेक्शन परमिशन सेट करनी चाहिए?
क्या मैं विजिटर्स को Wix ऐप कलेक्शन कंटेंट फिल्टर करने की अनुमति दे सकता हूँ?
क्या साइट विजिटर्स मेरे कलेक्शन में कंटेंट सबमिट करने के लिए इनपुट एलिमेंट्स का इस्तेमाल कर सकते हैं?
अगर मेरे फिल्टर्स उम्मीद के मुताबिक काम नहीं कर रहे हैं, तो मैं उन्हें ट्रबलशूट कैसे करूँ?

