WooCommerce ब्लॉक की पूरी गाइड

वर्डप्रेस पर ई-कॉमर्स साइट्स बनाने के लिए वूकॉमर्स एक लोकप्रिय प्लगइन है। वूकॉमर्स ब्लॉक्स, वूकॉमर्स में मौजूद एक प्लगइन है जिसे वर्डप्रेस पर उपयोगकर्ताओं के लिए ऑनलाइन स्टोर बनाना आसान बनाने के लिए डिज़ाइन किया गया है। वूकॉमर्स ब्लॉक्स, वैयक्तिकृत स्टोर पेज बनाने, आपके उत्पादों को प्रदर्शित करने और उत्पाद फ़िल्टरिंग व खोज जैसी उन्नत ई-कॉमर्स सुविधाएँ जोड़ने में मदद करता है - और यह सब बिना एक भी कोड लिखे। 

इन नए ब्लॉक्स का इस्तेमाल करने के लिए आपको वर्डप्रेस वूकॉमर्स ब्लॉक्स प्लगइन इंस्टॉल करना होगा। यह प्लगइन उन प्रायोगिक सुविधाओं के लिए एक परीक्षण स्थल है जिन्हें कोर वूकॉमर्स में जोड़ा जा सकता है।

इस व्यावहारिक गाइड में, हम वूकॉमर्स ब्लॉक की विशेषताओं और उन्हें अनुकूलित करने के तरीके पर चर्चा करेंगे। 

वूकॉमर्स ब्लॉक क्या है?

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

सरल शब्दों में, वूकॉमर्स ब्लॉक पूर्व-निर्मित घटक हैं जिन्हें आप ब्लॉक एडिटर का उपयोग करके अपनी वर्डप्रेस साइट में सम्मिलित कर सकते हैं, जिससे वूकॉमर्स द्वारा संचालित ई-कॉमर्स कार्यक्षमता को शामिल करने का एक आसान तरीका मिलता है। यह वूकॉमर्स का मूल प्लगइन है, इसलिए जब आप अपनी वर्डप्रेस साइट पर वूकॉमर्स इंस्टॉल और सक्रिय करते हैं, तो आपको ये स्वचालित रूप से मिल जाते हैं।

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

WooCommerce ब्लॉक की सूची विशेषताएँ

वूकॉमर्स ब्लॉक क्या है यह समझने के बाद, हम एक-एक करके प्रदान की गई प्रत्येक सुविधा पर चर्चा करेंगे:

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

WooCommerce में उत्पाद ग्रिड ब्लॉक का उपयोग कैसे करें

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

1. वह पृष्ठ या पोस्ट खोलें जहाँ आप उत्पाद ग्रिड प्रदर्शित करना चाहते हैं, फिर "उत्पाद" शीर्षक दर्ज करें।

2. बाएं नेविगेशन पर , (+) बटन पर क्लिक करें > WooCommerce अनुभाग तक नीचे स्क्रॉल करें > "उत्पाद ग्रिड" चुनें।

3. इसके बाद, ब्लॉक को कॉन्फ़िगर करने , दाएं पैनल पर जाएं।

इस पैनल में, आप कई चीज़ें समायोजित कर सकते हैं, जिनमें शामिल हैं:

• लेआउट सेटिंग्स: आप उत्पाद ग्रिड में प्रदर्शित पंक्तियों और स्तंभों की संख्या को अनुकूलित कर सकते हैं। उदाहरण के लिए, संतुलित दृश्य के लिए दोनों को 2 पर सेट करना।
• सामग्री सेटिंग: आप उत्पादों को छाँटने के लिए एक ड्रॉपडाउन मेनू प्रदर्शित कर सकते हैं। यह सुविधा ग्राहकों को अपनी पसंद के अनुसार उत्पादों को छाँटने की सुविधा देती है। यदि इसकी आवश्यकता न हो, तो आप इसे अक्षम कर सकते हैं।
• उन्नत स्टाइलिंग: आप उपस्थिति को अनुकूलित करने के लिए CSS क्लासेस जोड़ सकते हैं।

अपने पेज पर विशेष उत्पाद कैसे जोड़ें

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

विशेष उत्पाद ब्लॉक जोड़ने के लिए, इन चरणों का पालन करें:

1. वह पेज या पोस्ट खोलें जहाँ आप इसे जोड़ना चाहते हैं। उदाहरण के लिए, अगर आप इसे उत्पाद ग्रिड के ऊपर रखते हैं, तो उस जगह पर जगह बनाएँ और दिखाई देने वाले "+" बटन पर क्लिक करें।

2. ब्लॉक सूची खोलने के लिए ब्लॉक टूलबार पर "+" बटन का चयन करें, फिर "विशेष उत्पाद" खोजें और चुनें।

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

• उत्पाद विवरण और मूल्य दिखाएं या छिपाएं.
• मीडिया प्रदर्शन (छवि और वीडियो) कॉन्फ़िगर करें.
• उत्पाद छवियों के लिए वैकल्पिक पाठ जोड़ें.
• ब्लॉक ओवरले रंग का चयन करें.
• ब्लॉक अपारदर्शिता समायोजित करें.

5. समायोजन के बाद, आप अपने विशेष उत्पाद ब्लॉक प्रदर्शन को देखने के लिए पृष्ठ को प्रकाशित या अपडेट कर सकते हैं।

WooCommerce में फ़िल्टर ब्लॉक कैसे जोड़ें

वूकॉमर्स फ़िल्टर ब्लॉक ग्राहकों के लिए उनके खोज मानदंडों से मेल खाने वाले उत्पादों को ढूंढना आसान बनाता है। फ़िल्टरिंग विकल्प प्रदान करके, ग्राहक खोज परिणामों को उनके लिए प्रासंगिक उत्पादों तक तेज़ी से सीमित कर सकते हैं।

फ़िल्टर ब्लॉक जोड़ने के लिए, इन चरणों का पालन करें:

1. वह पृष्ठ या पोस्ट खोलें जहां आप फ़िल्टर ब्लॉक रखना चाहते हैं.
2. फ़िल्टर ब्लॉक को रखने के लिए वांछित स्थान निर्धारित करें।
3. ब्लॉक एडिटर टूलबार पर, "+" बटन पर क्लिक करें और WooCommerce फ़िल्टर विकल्प जैसे मूल्य फ़िल्टर, स्टॉक फ़िल्टर, विशेषता फ़िल्टर और रेटिंग फ़िल्टर खोजें।

अब, आइए उपलब्ध प्रत्येक प्रकार के फिल्टर पर चर्चा करें। 

मूल्य के अनुसार फ़िल्टर जोड़ना

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

विशेषता के आधार पर फ़िल्टर जोड़ना

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

स्टॉक के अनुसार फ़िल्टर जोड़ना

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

कार्ट और चेकआउट ब्लॉक

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

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

WooCommerce पर कस्टम शॉप पेज कैसे बनाएँ

विभिन्न WooCommerce ब्लॉक्स का उपयोग करना सीखने के बाद, आप कई ब्लॉक्स को मिलाकर एक उपयोगकर्ता-अनुकूल कस्टम शॉप पेज बना सकते हैं। इस विशिष्ट शॉप पेज लेआउट को बनाने के लिए, इन चरणों का पालन करें।

1. एक नया पेज बनाएं और उसका नाम "शॉप" रखें।

उत्पाद खोज ब्लॉक जोड़ें .

उत्पाद श्रेणियाँ सूची ब्लॉक जोड़ें

फिर, प्रदर्शन शैली को ड्रॉपडाउन पर सेट करें।

मूल्य फ़िल्टर ब्लॉक
जोड़ें 5. चुनिंदा उत्पाद ब्लॉक जोड़ें और उन उत्पादों का चयन करें जिन्हें आप हाइलाइट करना चाहते हैं। आवश्यकतानुसार कॉन्फ़िगर करें।

सभी उत्पाद जोड़ें .

कॉलम और पंक्तियों की संख्या 2 पर सेट करें, और सॉर्टिंग ड्रॉपडाउन विकल्प को बंद करें।

7. अंत में, आपके द्वारा बनाए गए शॉप पेज का अंतिम लेआउट देखने के लिए पेज प्रकाशित करें।

WooCommerce के साथ अपना ऑनलाइन स्टोर बनाएँ, ब्लॉक करें और अपना उत्पाद बेचें

WP File Download Addon जैसा फ़ाइल डाउनलोड प्लगइन जोड़ना बेहद ज़रूरी है

यह प्लगइन आपको WooCommerce में डिजिटल डाउनलोड उत्पाद बेचने की सुविधा देता है। WP File Download ऐड-ऑन, WooCommerce डिजिटल उत्पादों के लिए फ़ाइलों और फ़ाइल श्रेणियों का प्रबंधन आसान बनाता है। आप एक या एक से ज़्यादा फ़ाइलों से जुड़े कई डिजिटल डाउनलोड उत्पाद जल्दी से बना सकते हैं।

इसके अलावा, यह प्लगइन ड्रॉपबॉक्स, गूगल ड्राइव, माइक्रोसॉफ्ट OneDriveऔर Social Locker फ़ीचर के साथ एकीकृत होता है। आप क्लाउड एपीआई कनेक्टर के माध्यम से अत्यधिक प्रतिबंधित पहुँच के साथ इन क्लाउड सेवाओं से फ़ाइलों को वूकॉमर्स डिजिटल डाउनलोड के रूप में प्रदान कर सकते हैं।

WP File Download ऐड-ऑन के साथ, आपके WooCommerce ऑनलाइन स्टोर में डिजिटल उत्पाद बेचना अब और भी आसान और कुशल हो गया है। WooCommerce Blocks के साथ अपना स्टोर बनाने के बाद, यह प्लगइन आपके डिजिटल कंटेंट को बेचने में पूरी तरह से सहायक है।

निष्कर्ष

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

अपना ऑनलाइन स्टोर बनाने के बाद, अगला कदम भौतिक और डिजिटल उत्पाद बेचना है। आप WooCommerce के ज़रिए डिजिटल उत्पाद , जैसे ई-बुक्स, सॉफ़्टवेयर या मल्टीमीडिया सामग्री, WP File Download Addon प्लगइन का

WP File Download ऐड-ऑन $49 प्रति वर्ष से शुरू होकर उपलब्ध है और 60,000 से ज़्यादा सदस्यों द्वारा इसका इस्तेमाल किया जा चुका है। तो, इंतज़ार किस बात का? बेहतर डिजिटल उत्पाद बिक्री के लिए हमसे जुड़ें!