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

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

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

• WooCommerce और एलिमेंटर संयोजन
• एलिमेंटर में श्रेणी पृष्ठ बनाना
• लेआउट सेटिंग

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

WooCommerce और एलिमेंटर संयोजन

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

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

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

एलिमेंटर में WooCommerce श्रेणी पेज बनाना

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

शैली सेटिंग्स

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

छवि सेटिंग्स

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

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

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

सेटिंग्स गिनें

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

निष्कर्ष

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