एलिमेंटर के साथ अपनी WooCommerce उत्पाद श्रेणियां डिज़ाइन करें

एलिमेंट नई सुविधाओं को जोड़कर डिफ़ॉल्ट वर्डप्रेस बिल्डर की कार्यक्षमता को बढ़ाने के लिए एक उत्कृष्ट वर्डप्रेस पेज बिल्डर है।

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

• WooCommerce और Elementor संयोजन
• एलिमेंट में कैटेगरी पेज बनाना
• लेआउट सेटिंग

एलिमेंटर वर्डप्रेस के समान एक ब्लॉक-आधारित बिल्डर है, लेकिन यह वर्डप्रेस बिल्डर की तुलना में बहुत अधिक उन्नत है क्योंकि यह अधिक सहज, उत्तरदायी और सुविधा संपन्न है। सबसे महत्वपूर्ण बात, आप बिना कोड लिखे एक शानदार वेबसाइट बना सकते हैं !!

WooCommerce और Elementor संयोजन

WP-WooCommerce और Elementor सबसे व्यापक रूप से इस्तेमाल किया वर्डप्रेस में से दो हैं plugin रों आज उपलब्ध। लचीलेपन की मात्रा और उनमें से प्रत्येक द्वारा प्रदान की जाने वाली सुविधाओं की विशाल संख्या बस अमूल्य है। यदि आप एक ईकामर्स स्टोर चला रहे हैं, तो WooCommerce लगभग किसी भी आवश्यकता के लिए सबसे अच्छा plugin है जो आपके पास हो सकता है। यह व्यावहारिक रूप से किसी भी आवश्यकता के लिए उपलब्ध सबसे व्यापक plugin है।

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

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

Elementor में WooCommerce श्रेणी पृष्ठ बनाना

यदि आप WooCommerce से परिचित हैं, तो आप जानते हैं कि ग्राहकों द्वारा उचित प्रदर्शन और पहुंच के लिए आपके उत्पादों को व्यवस्थित करने में उत्पाद श्रेणियां महत्वपूर्ण हैं - जितनी जल्दी वे अपनी तलाश में हैं, उतना ही बेहतर है। लेकिन उत्पाद श्रेणियां वास्तव में क्या हैं?

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

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

यदि आपके पास WooCommerce स्टोर है और इसे एक नया रूप देना चाहते हैं, तो यह ट्यूटोरियल ठीक वही है जो आपको आरंभ करने की आवश्यकता है।

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

चलो पहले कारोबार करें।
अपना उत्पाद सेट करने के बाद, आपको प्रकाशित करने से पहले निम्न कार्य करने होंगे ताकि वह एक श्रेणी में दिखाई दे:

आप ऐसी शर्तें सेट करेंगे जो यह निर्धारित करेंगी कि इस चरण के दौरान आपका उत्पाद टेम्प्लेट कहां प्रदर्शित होगा। जब आप किसी टेम्पलेट का उपयोग करते हैं, तो यह स्वचालित रूप से आपकी साइट के सभी उत्पाद पृष्ठों पर लागू हो जाएगा। आप अपनी खोज को किसी विशिष्ट उत्पाद श्रेणी तक सीमित भी कर सकते हैं।

प्रकाशित करें पर क्लिक करें, और आपका एकल उत्पाद अब खरीदने के लिए उपलब्ध है!

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

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

पूर्व-प्रकाशन, उन शर्तों का चयन करें जो यह निर्धारित करती हैं कि संग्रह कहाँ दिखाई देगा, ठीक वैसे ही जैसे आपने एकल उत्पाद टेम्पलेट के लिए किया था, और फिर प्रकाशित करें।

"प्रकाशित करें" पर क्लिक करने के बाद, आपका संग्रह पृष्ठ लाइव हो जाएगा।

एलिमेंटर प्रो आपको विकल्पों की व्यापकता के साथ स्क्विकी क्लीन उत्पाद श्रेणियों को डिजाइन करने की संभावना देता है;

आप एलिमेंट प्रो पर उपलब्ध विकल्पों के साथ निम्नलिखित कार्य कर सकते हैं:

WooCommerce उत्पाद श्रेणियों के लिए लेआउट सेटिंग्स

• कॉलम: प्रदर्शित करने के लिए कॉलम की सटीक संख्या 1 से 12 . तक सेट करें
• श्रेणियाँ गणना: प्रदर्शित करने के लिए श्रेणियों की संख्या का चयन करें

क्वेरी सेटिंग

• स्रोत: उस स्रोत का चयन करें जिससे श्रेणियों को प्रदर्शित करना है, सभी में से चुनना, मैन्युअल चयन, माता-पिता द्वारा, या वर्तमान उपश्रेणियाँ। यदि मैन्युअल चयन चुना जाता है, तो मैन्युअल रूप से चुनें कि कौन सी श्रेणियां प्रदर्शित करनी हैं। यदि "माता-पिता द्वारा" चुना जाता है, तो केवल शीर्ष स्तर से चुनें, या ड्रॉपडाउन सूची से एक व्यक्तिगत श्रेणी चुनें।
• खाली छिपाएं: उन श्रेणियों के लिए हां पर सेट करें जिनमें कोई उत्पाद नहीं है
• आदेश द्वारा: वह क्रम निर्धारित करें जिसमें श्रेणियां प्रदर्शित की जाएंगी। विकल्पों में नाम, स्लग, विवरण या गणना शामिल हैं
• आदेश: एएससी या डीईएससी (आरोही या अवरोही) क्रम में श्रेणियां प्रदर्शित करने के लिए चयन करें

शैली सेटिंग

• कॉलम गैप: कॉलम के बीच सटीक गैप सेट करें
• रो गैप: पंक्तियों के बीच सटीक गैप सेट करें
• संरेखण: उत्पाद डेटा को बाएं, दाएं या केंद्र में संरेखित करें

छवि सेटिंग्स

• बॉर्डर प्रकार: बॉर्डर के प्रकार का चयन करें, कोई नहीं, ठोस, डबल, डॉटेड, डैश्ड या ग्रूव्ड में से चुनें
• सीमा त्रिज्या: सीमा के कोने की गोलाई को नियंत्रित करने के लिए त्रिज्या सेट करें
• रिक्ति: छवियों और उनके डेटा के बीच स्थान की मात्रा को समायोजित करें

शीर्षक सेटिंग

• रंग: शीर्षक रंग चुनें
• टाइपोग्राफी: शीर्षक टेक्स्ट के लिए टाइपोग्राफी विकल्प सेट करें

सेटिंग गिनें

• रंग: गणना के लिए रंग चुनें
• टाइपोग्राफी: काउंट के लिए टाइपोग्राफी विकल्प सेट करें

निष्कर्ष

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