WooCommerce उत्पाद फ़िल्टर ब्लॉक: वे क्या हैं और उनका उपयोग कैसे करें
ऑनलाइन स्टोर चलाना चुनौतीपूर्ण हो सकता है। आपको अपने उत्पादों को व्यवस्थित करना होगा ताकि ग्राहकों को वे आइटम मिल सकें जिनकी वे तलाश कर रहे हैं। सौभाग्य से, WooCommerce उत्पाद फ़िल्टर ब्लॉक सेकंड में उपयोगकर्ता-निर्दिष्ट आइटम समूह और प्रदर्शित कर सकते हैं।
उत्पाद फ़िल्टर ब्लॉक के साथ, आप अपने WooCommerce शॉप आइटम को उनकी विशेषताओं के अनुसार व्यवस्थित कर सकते हैं। इनमें उनकी कीमतें, श्रेणियां, विशेषताएँ या टैग शामिल हो सकते हैं। फिर, आपको बस किसी पोस्ट या पेज में ब्लॉक डालने की आवश्यकता होगी, और आपके ग्राहक फ़िल्टर किए गए परिणाम पा सकते हैं।
इस गाइड में, हम सभी अलग-अलग WooCommerce उत्पाद फ़िल्टर ब्लॉक पेश करेंगे और चर्चा करेंगे कि आप उनका उपयोग करने पर विचार क्यों कर सकते हैं। फिर, हम बताएंगे कि इन तत्वों को अपने ऑनलाइन स्टोर में कैसे सम्मिलित और कॉन्फ़िगर किया जाए। आएँ शुरू करें!
📚 सामग्री तालिका:
WooCommerce उत्पाद फ़िल्टर ब्लॉक का परिचय
WooCommerce के पास WooCommerce ब्लॉक का एक संग्रह है जिसे उपयोगकर्ताओं को आपके ऑनलाइन स्टोर में विशिष्ट उत्पादों की खोज करने देने के लिए डिज़ाइन किया गया है। ये संवादात्मक तत्व उपभोक्ताओं को उनके परिणामों को फ़िल्टर करने और उनकी आवश्यकताओं के लिए सबसे उपयुक्त वस्तुओं को खोजने में सक्षम बनाते हैं।
यहाँ मुफ्त WooCommerce उत्पाद फ़िल्टर ब्लॉक का एक त्वरित अवलोकन है:
- कीमत के हिसाब से उत्पाद फ़िल्टर करें: यह ब्लॉक ग्राहकों को स्लाइडर का उपयोग करके मूल्य सीमा चुनने और केवल उस सीमा के भीतर फिट होने वाली वस्तुओं को प्रदर्शित करने में सक्षम बनाता है।
- गुणों के आधार पर उत्पादों को फ़िल्टर करें: यह ग्राहकों को आकार, रंग और शैलियों सहित उनकी विशेषताओं के अनुसार आइटम खोजने देता है।
- सक्रिय उत्पाद फ़िल्टर: यह ग्राहकों को यह देखने में सहायता करता है कि उन्होंने अपनी खोज पर पहले से कौन-से फ़िल्टर लागू कर रखे हैं ताकि वे इसे समायोजित कर सकें.
- स्टॉक द्वारा उत्पादों को फ़िल्टर करें: यह ब्लॉक केवल स्टॉक में, स्टॉक में नहीं, या बैकऑर्डर पर आइटम दिखाता है।
आप इन ब्लॉकों का उपयोग पोस्ट, पेज और विजेट क्षेत्रों पर कर सकते हैं। ब्लॉक के साथ बातचीत करते समय, ग्राहक फ़िल्टर किए गए परिणामों को देखने के लिए पूर्व निर्धारित मापदंडों में से चुनने में सक्षम होंगे।
👉 यदि आप उत्पाद फ़िल्टर स्थापित करने के लिए अधिक लचीलापन चाहते हैं, तो आप एक समर्पित WooCommerce उत्पाद फ़िल्टर प्लगइन भी स्थापित कर सकते हैं। हम इस लेख में बाद में कुछ गुणवत्ता विकल्प साझा करेंगे।
आप WooCommerce उत्पाद फ़िल्टर ब्लॉक का उपयोग करने पर विचार क्यों कर सकते हैं
WooCommerce उत्पाद फ़िल्टर ब्लॉक आपके ऑनलाइन स्टोर के उपयोगकर्ता अनुभव (UX) में काफी सुधार कर सकते हैं। यदि आपके पास उत्पादों की एक विस्तृत सूची है, तो ग्राहक आपकी आवश्यकताओं के अनुरूप उत्पादों की तलाश करते हुए आपके आइटमों को स्क्रॉल करते हुए घंटों बिता सकते हैं। हालाँकि, वे निराश महसूस करेंगे और कहीं और खरीदारी करने के लिए क्लिक करेंगे।
उत्पाद फ़िल्टर के साथ, आप उपभोक्ताओं को विशिष्ट मापदंडों के अनुसार आइटम खोजने में सक्षम कर सकते हैं। आपने संभवतः इस सुविधा को प्रमुख ईकामर्स स्टोर पेजों पर देखा है:

आपके द्वारा बेचे जाने वाले सामानों के आधार पर, उत्पाद फ़िल्टर ग्राहकों को आपके स्टोर को रंग, आकार, सामग्री और ब्रांड के लिए ब्राउज़ करने में सक्षम बनाता है जो उनकी आवश्यकताओं के अनुरूप होते हैं। इसके अतिरिक्त, परिणाम उसी पृष्ठ पर अपडेट होंगे। इसलिए, उपभोक्ताओं को श्रेणी पृष्ठों पर नेविगेट करने और उनके खरीदारी के अनुभवों को बाधित करने की आवश्यकता नहीं होगी।
WooCommerce उत्पाद फ़िल्टर ब्लॉक का उपयोग कैसे करें
इस पहले खंड में, हम आपको दिखाएंगे कि WooCommerce में स्वचालित रूप से शामिल डिफ़ॉल्ट उत्पाद फ़िल्टर ब्लॉक का उपयोग कैसे करें। दोबारा, अधिक लचीलेपन के लिए, आप अगले भाग में WooCommerce उत्पाद फ़िल्टर प्लगइन्स में से एक पर विचार कर सकते हैं।
अधिकांश WooCommerce उत्पाद फ़िल्टर ब्लॉक उसी तरह काम करते हैं। आप बस ब्लॉक डालेंगे और फिर निर्धारित करेंगे कि कौन सी उत्पाद विशेषता प्रदर्शित की गई है।
आप इन सभी ब्लॉकों को क्लिक करके वर्डप्रेस में पा सकते हैं + एक नया ब्लॉक डालने और “WooCommerce फ़िल्टर:” खोजने के लिए बटन

ध्यान रखें कि आपको पहले अपने WooCommerce उत्पादों में विशेषताएँ, टैग, श्रेणियां और अन्य विशेषताएँ जोड़नी होंगी। अन्यथा, आपके पास अपने ब्लॉक में उपयोग करने के लिए कोई डेटा नहीं होगा।
अब, देखते हैं कि WooCommerce उत्पाद फ़िल्टर ब्लॉक का उपयोग कैसे करें। हम उपयोग करेंगे गुण द्वारा उत्पादों को फ़िल्टर करें एक उदाहरण के रूप में तत्व।
चरण 1: अपने WooCommerce उत्पादों में विशेषताएँ जोड़ें
ℹ️ टिप्पणी – अन्य फ़िल्टर (जैसे मूल्य या स्टॉक) के लिए, आपको कोई विशेषता सेट अप करने की आवश्यकता नहीं होगी।
यदि आपने पहले से ऐसा नहीं किया है, तो आप अपने WooCommerce उत्पादों में श्रेणियां, टैग और विशेषताएँ जोड़ना चाहेंगे। ये टैक्सोनॉमी ग्राहकों के लिए अपनी वांछित वस्तुओं को ढूंढना आसान बनाती हैं। इसके अलावा, WooCommerce उत्पाद फ़िल्टर ब्लॉक इन वर्गीकरणों के बिना काम नहीं करेंगे।
पर नेविगेट करके प्रारंभ करें उत्पादों > गुण आपके वर्डप्रेस डैशबोर्ड में। यहां, आप अपने उत्पादों के लिए नए वर्गीकरण बना सकते हैं। जैसा कि आप देख सकते हैं, हमारे पास पहले से ही है रंग और आकार हमारे ऑनलाइन स्टोर में:

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

आप ड्रॉपडाउन मेनू से उन्हें चुनकर और क्लिक करके अपने उत्पाद में विशेषताएँ जोड़ सकते हैं जोड़ना. फिर, अपनी कस्टम जानकारी दर्ज करने के लिए विशेषता के आगे स्थित ड्रॉपडाउन तीर चुनें।
उदाहरण के लिए, हमारे उदाहरण में, हमने जोड़ा है लाल के रूप में रंग हमारे उत्पाद के लिए विशेषता:

जब आप अपने सभी चर जोड़ लें, तो पर क्लिक करें गुण सहेजें. अब ग्राहक आपके WooCommerce उत्पाद फ़िल्टर ब्लॉक के माध्यम से इन विशेषताओं वाले आइटम ढूंढ सकेंगे।
चरण 2: अपना उत्पाद फ़िल्टर ब्लॉक डालें
इसके बाद, आपको वह पृष्ठ या पोस्ट खोलना होगा जहां आप अपने उत्पाद फ़िल्टर ब्लॉक का उपयोग करना चाहते हैं। आप अपने शॉप पेजों पर एक साइडबार में तत्व का उपयोग करने पर भी विचार कर सकते हैं ताकि ग्राहक ब्राउज़ करते समय अपने परिणामों को फ़िल्टर कर सकें।
सबसे पहले, आपको जोड़ना होगा सारे उत्पाद अपने पेज पर ब्लॉक करें। अन्यथा, WooCommerce विशिष्ट वस्तुओं को फ़िल्टर और प्रदर्शित करने में सक्षम नहीं होगा।
आप इस पर क्लिक करके कर सकते हैं + बटन और “सभी उत्पादों” की खोज करना। ब्लॉक का चयन करें और इसे अपने पेज पर जोड़ें:

अगला, “WooCommerce फ़िल्टर विशेषता:” खोजें

ब्लॉक पर क्लिक करें और यह आपके पेज में डाला जाएगा। अब आप एक उत्पाद विशेषता खोज सकते हैं या अपनी ड्रॉपडाउन सूची में से किसी एक को चुन सकते हैं। हम प्रयोग करेंगे रंग हमारे उदाहरण में:

आपका ब्लॉक अब एक नया शीर्षक और आपके द्वारा चुने गए उत्पाद विशेषताओं (जैसे विभिन्न आइटम रंग) की एक सूची प्रदर्शित करने के लिए रूपांतरित हो जाएगा:

आप ब्लॉक को वैसे ही छोड़ सकते हैं जैसे आपको पसंद है कि यह कैसा दिखता है। वैकल्पिक रूप से, अगले चरण में, हम चर्चा करेंगे कि इस तत्व के स्वरूप को कैसे अनुकूलित किया जाए।
चरण 3: ब्लॉक सेटिंग्स को कॉन्फ़िगर करें
अगला, आप अपने WooCommerce उत्पाद फ़िल्टर ब्लॉक की उपस्थिति को अनुकूलित कर सकते हैं। बस पर क्लिक करें गुण द्वारा उत्पादों को फ़िल्टर करें ब्लॉक करें और फिर दाईं ओर गियर आइकन चुनें:

यहां, आप चुन सकते हैं कि अपना प्रदर्शित करना है या नहीं उत्पाद संख्या. यह सेटिंग आसान हो सकती है यदि आपके पास आइटमों की एक बड़ी सूची है और आप अपने ग्राहकों को चुनने के लिए एक व्यापक श्रेणी देना चाहते हैं।
आप भी चुन सकते हैं शीर्ष स्तर आपके उत्पाद विशेषताओं के लिए। डिफ़ॉल्ट मान है एच 3लेकिन आप इनमें से चुन सकते हैं एच 2 को एच 6 अपने स्टोर की शैलीगत आवश्यकताओं को पूरा करने के लिए।
यदि आप नीचे स्क्रॉल करते हैं, तो आपको नीचे कुछ अतिरिक्त कॉन्फ़िगरेशन देखने चाहिए ब्लॉक सेटिंग्स:

यहां आप अपना चयन कर सकते हैं क्वेरी प्रकार. यदि आप चुनते हैं और, WooCommerce केवल उन उत्पादों को प्रदर्शित करेगा जिनमें ग्राहक द्वारा निर्दिष्ट सभी विशेषताएँ शामिल हैं। इस बीच, द या विकल्प उन सभी वस्तुओं को दिखाएगा जिनमें कम से कम एक विशेषता है।
नीचे प्रदर्शन प्रकार, आप अपनी विशेषताओं को सूची या ड्रॉपडाउन प्रारूप में प्रदर्शित करना चुन सकते हैं। दोनों विकल्प अपेक्षाकृत उपयोगकर्ता के अनुकूल हैं।
अंत में, आप सक्षम करना चुन सकते हैं फ़िल्टर बटन. यदि आप इसे चालू करते हैं, तो ग्राहकों को क्लिक करना होगा जाना उनके खोज परिणामों को फ़िल्टर करने के लिए। हालाँकि, यदि आप इसे छोड़ देते हैं, तो बस किसी एक विशेषता का चयन करने से प्रदर्शित उत्पाद अपडेट हो जाएंगे।
बस! आपका WooCommerce उत्पाद फ़िल्टर ब्लॉक अब कार्रवाई के लिए तैयार है:

बस अपने परिवर्तनों को सहेजें और प्रकाशित करें। ग्राहक अब अपनी उत्पाद खोजों को विशिष्ट विशेषताओं के साथ फ़िल्टर करने में सक्षम होंगे।
WooCommerce उत्पाद फ़िल्टर प्लगइन्स का अवलोकन
मुफ़्त WooCommerce ब्लॉक के अलावा, आप अपने फ़िल्टर सेट करने के लिए अधिक लचीलापन जोड़ने के लिए तृतीय-पक्ष प्लगइन्स का उपयोग भी कर सकते हैं। उदाहरण के लिए, द WooCommerce उत्पाद खोज प्लगइन निम्नलिखित फ़िल्टर विकल्प शामिल हैं:
- उत्पाद: फ़िल्टर किए गए उत्पादों का संग्रह प्रदर्शित करता है। यह ब्लॉक आपके शॉप पेज को दोहरा सकता है और उसी पेज पर अन्य उत्पाद फ़िल्टर ब्लॉक द्वारा नियंत्रित आइटम प्रस्तुत कर सकता है।
- खोज: आपके WooCommerce स्टोर के लिए फ़िल्टर किया गया खोज फ़ंक्शन बनाता है।
- श्रेणियाँ: ऐसे उत्पाद दिखाता है जो विशेष श्रेणियों से संबंधित होते हैं, जैसे कपड़ों का प्रकार या लिंग।
- गुण: विशिष्ट गुणों वाले उत्पादों को प्रदर्शित करता है, जैसे कि रंग, ब्रांड, आकार, आकार, बनावट या विशेष विशेषताएं।
- टैग: “फीचर्ड,” “लोगो,” या “ट्रेंडिंग” सहित उत्पाद टैग से संबंधित उत्पाद दिखाता है।
- कीमत: निर्दिष्ट मूल्य मापदंडों के भीतर उत्पादों को प्रदर्शित करता है।
- रेटिंग: उत्पादों को उनकी औसत रेटिंग के अनुसार प्रस्तुत करता है।
- बिक्री करना: केवल उन उत्पादों को प्रदर्शित करता है जो बिक्री पर हैं।
- भंडार: केवल वे उत्पाद दिखाता है जो स्टॉक में हैं।
- रीसेट: ग्राहकों को उत्पाद फ़िल्टर पैरामीटर रीसेट करने में सक्षम बनाता है। फिर, वे आपके सभी उपलब्ध आइटम देख सकते हैं या अपनी खोजों को अनुकूलित करने के लिए नई सेटिंग दर्ज कर सकते हैं।
👉 वैकल्पिक रूप से, आप WooCommerce प्लगइन के लिए WOOF उत्पाद फ़िल्टर का उपयोग करने पर विचार कर सकते हैं:
इस प्लगइन के साथ, ग्राहक आइटम को उनकी श्रेणियों, विशेषताओं, टैग, कस्टम टैक्सोनॉमी और कीमतों के अनुसार फ़िल्टर कर सकते हैं। साथ ही, प्रदर्शित परिणाम आमतौर पर डिफ़ॉल्ट WooCommerce ब्लॉकों की तुलना में अधिक आकर्षक और अनुकूलन योग्य होते हैं।
WooBeWoo द्वारा WooCommerce उत्पाद फ़िल्टर एक और उत्कृष्ट फ्रीमियम विकल्प है:
आप अपने स्वयं के उत्पाद फ़िल्टर और लेआउट स्थितियों को डिज़ाइन करने के लिए इसे अकेले या एलीमेंटर के साथ उपयोग कर सकते हैं। प्रीमियम प्लगइन अतिरिक्त सुविधाएँ शामिल हैं, जैसे कि श्रेणी चिह्न, कस्टम शैलियाँ और एक छिपाने/फ़िल्टर दिखाने वाला बटन।
WooCommerce उत्पाद फ़िल्टर के साथ आज ही आरंभ करें
WooCommerce उत्पाद फ़िल्टर ब्लॉक ग्राहकों को विशेष विशेषताओं के साथ आपके स्टोर में आइटम खोजने में सक्षम करें। अन्यथा, उपयोगकर्ताओं को आपके संपूर्ण कैटलॉग को स्क्रॉल करना होगा और संभवतः निराश महसूस करेंगे। इसलिए, अपनी ऑनलाइन दुकान के UX को बेहतर बनाने के लिए इनमें से किसी एक ब्लॉक का उपयोग करना आवश्यक है।
सौभाग्य से, WooCommerce उत्पाद फ़िल्टर ब्लॉक का उपयोग करना भी बहुत आसान है। आपको बस अपने उत्पादों में वर्गीकरण, जैसे श्रेणियां, विशेषताएँ, या टैग जोड़ने होंगे। फिर, आप इसके साथ संबंधित WooCommerce ब्लॉक का उपयोग कर सकते हैं सारे उत्पाद अपने दुकान पृष्ठ पर ब्लॉक करें।
अधिक लचीलेपन के लिए, आप एक समर्पित WooCommerce उत्पाद फ़िल्टर प्लगइन भी स्थापित कर सकते हैं।
😎 यदि आप एक बेहतर WooCommerce स्टोर बनाने के और भी तरीके खोजना चाहते हैं, तो आप WooCommerce प्लगइन्स के हमारे संग्रह को भी देख सकते हैं।