इस पोस्ट में, हम आपको दिखाएंगे कि कैसे आपके WooCommerce स्टोर की बिक्री में वृद्धि करते हुए एक अधिक अनुकूलित वर्डप्रेस साइट बनाने के लिए Elementor और WC उत्पाद तालिका को संयोजित किया जाए।
वर्डप्रेस एक वेबसाइट बनाने और इसे जल्दी से चलाने और चलाने की प्रक्रिया को सरल करता है। WooCommerce एक वर्डप्रेस plugin है जो आपको किसी भी वर्डप्रेस वेबसाइट को पूरी तरह से काम करने वाले ऑनलाइन स्टोर में बदलने की अनुमति देता है। आप एक नकलची साइट बनाने का जोखिम उठाते हैं, हालांकि, यदि आप उनके डिफ़ॉल्ट विकल्पों और सुविधाओं के साथ जारी रखते हैं, तो यह आपकी व्यावसायिक आवश्यकताओं के लिए उपयुक्त नहीं हो सकता है। अपनी वेबसाइट को तब तक डिज़ाइन और कस्टमाइज़ करने के लिए सर्वोत्तम टूल का पता लगाना महत्वपूर्ण है, जब तक कि वह आपकी इच्छानुसार न हो।
कई वर्डप्रेस और WooCommerce plugin रों अपने स्टोर की कार्यक्षमता बढ़ाने के लिए उपलब्ध हैं - पूर्व के लिए, Elementor amp ले, अपने WooCommerce उत्पाद पृष्ठ अनुकूलित करने के लिए सबसे सरल साधन है। हालांकि यह इसके सबसे महत्वपूर्ण लाभों में से एक है, लेकिन इसके कुछ महत्वपूर्ण नुकसान भी हैं। पूर्व के लिए amp ले, जब आप गठबंधन वर्डप्रेस plugin अलग लेखकों से, आप संगतता त्रुटियों और अन्य जटिलताओं का सामना करने की संभावना को चलाने; वर्डप्रेस वेबसाइटों के लिए WooCommerce Product Table और Elementor plugin का उपयोग करते समय ऐसा नहीं है । इन plugin किसी एक का उपयोग करते समय आपकी साइट की उपस्थिति और कार्यक्षमता पर आपका अधिक नियंत्रण होगा , और उनका उपयोग और भी उत्कृष्ट परिणाम प्राप्त करने के लिए किया जा सकता है।
- WooCommerce उत्पाद तालिका और एलिमेंट फ्रेमवर्क का एक त्वरित अवलोकन
- WooCommerce उत्पाद तालिका को टेक्स्ट एडिटर या शोर्टकोड विजेट में शामिल करने के लिए, इन चरणों का पालन करें:
- कई उत्पाद तालिकाओं को व्यवस्थित करने के लिए अकॉर्डियन, टैब और टॉगल का उपयोग किया जा सकता है।
WooCommerce उत्पाद तालिका और एलिमेंट फ्रेमवर्क का एक त्वरित अवलोकन
जैसा कि पहले कहा गया है, एक बेहतर वर्डप्रेस साइट बनाने में आपकी सहायता करने के लिए वर्डप्रेस plugin का एक विशाल चयन उपलब्ध है जो आपकी विशिष्ट आवश्यकताओं के लिए वैयक्तिकृत है। कुछ plugin को बड़े पैमाने पर उपयोग करने के लिए डिज़ाइन किया गया है, जबकि अन्य को किसी विशेष पहलू या सुविधा को जोड़ने के लिए डिज़ाइन किया गया है।
Elementor एक पूर्व है amp आवेदन के पहले प्रकार के ले:
हमारा पेज बिल्डर plugin आपको वेब पेज बनाने और अपनी वर्डप्रेस वेबसाइट बनाने के लिए एक बिल्कुल नया इंटरफ़ेस प्रदान करता है। विजेट्स, ब्लॉक्स और लेआउट्स की एक विस्तृत लाइब्रेरी को चुनकर और कस्टमाइज़ करके आप अपनी वेबसाइट को एक साथ रखने के तरीके पर बहुत अधिक नियंत्रण प्राप्त करते हैं।
जबकि WooCommerce उत्पाद तालिका एक अधिक सामान्य समाधान है, यह अधिक लक्षित भी है:
यह plugin आपको गतिशील, पूरी तरह से अनुकूलन योग्य टेबल बनाने की अनुमति देता है जो आपके WooCommerce उत्पादों और सेवाओं को सूचीबद्ध करता है। हालांकि, WooCommerce के साथ उनकी बातचीत के कारण, ये टेबल विशेष रूप से ऑनलाइन खरीदारों के लिए उपयोगकर्ता के अनुकूल और आकर्षक तरीके से आइटम और सेवाओं को प्रदर्शित करने के लिए उपयुक्त हैं। पोस्ट टेबल प्रो plugin एलिमेंटर के साथ समान रूप से इंटरैक्ट करता है और किसी भी वर्डप्रेस सामग्री प्रकार को केवल WooCommerce उत्पादों के बजाय तालिका में सूचीबद्ध करता है (यदि आप उत्पादों के अलावा कुछ प्रदर्शित करना चाहते हैं - जैसे पोस्ट, पेज या दस्तावेज़), इसके बजाय उपयोग किया जा सकता है।
जब एक दूसरे के साथ संयोजन में उपयोग किया जाता है, तो Elementor और WooCommerce उत्पाद तालिका महत्वपूर्ण रूप से विविध क्षमताएं प्रदान करते हैं। आप उनका उपयोग कुछ अत्यधिक महत्वपूर्ण प्रभाव उत्पन्न करने के लिए कर सकते हैं जो आपके WooCommerce स्टोर के लिए बिक्री की संख्या बढ़ाने में मदद करेंगे।
अब व्यापार में उतरने का समय आ गया है। निम्न अनुभागों में, हम कुछ वास्तविक दुनिया पूर्व को देखेंगे amp कैसे आप ऊपर दिखाए गए उन लोगों के समान प्रभाव पैदा करने के लिए WooCommerce उत्पाद तालिका और Elementor उपयोग कर सकते हैं लेस।
जब इन दो plugin संयोजन की बात आती है, तो आकाश सीमा है - और ये कुछ संभावनाएं हैं। थोड़े से परीक्षण और त्रुटि के साथ, आप उसी मौलिक दृष्टिकोण का उपयोग करके विभिन्न पृष्ठों को एक साथ रख सकते हैं जिसे हम प्रदर्शित करेंगे।
सबसे पहले और सबसे महत्वपूर्ण, आप यह सुनिश्चित करना चाहेंगे कि दोनों plugin आपकी साइट पर सही ढंग से स्थापित हैं। यह अच्छी बात है कि एलिमेंटर को स्थापित करना और WooCommerce उत्पाद तालिका को कॉन्फ़िगर करना दर्द रहित और सीधा है। इस चरण के साथ आगे बढ़ने से पहले WooCommerce को भी स्थापित और सक्षम होना चाहिए। तब आप अपने प्रोजेक्ट पर काम करने के लिए तैयार होंगे।
WooCommerce उत्पाद तालिका को टेक्स्ट एडिटर या शोर्टकोड विजेट में शामिल करने के लिए, इन चरणों का पालन करें:
आइए सबसे मौलिक और लाभकारी अनुप्रयोग के साथ शुरू करें। वैकल्पिक रूप से, यदि आप केवल अपनी एलिमेंट वेबसाइट पर एक गतिशील उत्पाद तालिका का उपयोग करना चाहते हैं, तो आप इसे एक विजेट में जोड़ सकते हैं और इसे वेबसाइट के सामने के छोर पर प्रदर्शित कर सकते हैं।
सुनिश्चित करें कि जब आप इसे पूरा करने के लिए कोई पेज या पोस्ट खोलते हैं तो आप एलीमेंटर संपादक का उपयोग कर रहे हैं। यदि आपको परिचित वर्डप्रेस इंटरफ़ेस के साथ प्रस्तुत किया जाता है, तो एलीमेंटर इंटरफ़ेस पर स्विच करने के लिए एलीमेंट के साथ संपादित करें बटन पर क्लिक करें:
यदि आप एलीमेंटर के साथ पहली बार काम कर रहे हैं, तो आइए मंच के चारों ओर थोड़ा भ्रमण करें। दाईं ओर एक बड़ा क्षेत्र दिखाई देगा जहां आपकी सामग्री प्रदर्शित की जाएगी, और जैसे ही आप इसे जोड़ते और बदलते हैं, इसे रीयल-टाइम में अपडेट किया जाएगा। स्क्रीन के बाईं ओर, 'विजेट्स' की एक सूची है जिसे आप निर्दिष्ट क्षेत्र में खींच सकते हैं और फिर आवश्यकतानुसार पुनर्व्यवस्थित और कॉन्फ़िगर कर सकते हैं:
एक उत्पाद तालिका का उपयोग विभिन्न एलीमेंटर विजेट्स की एक किस्म के साथ किया जा सकता है। हालांकि, यदि आप किसी पृष्ठ पर केवल एक उत्पाद तालिका प्रदर्शित करना चाहते हैं, तो आप पृष्ठ के HTML कोड में एक परिचयात्मक पाठ अनुभाग शामिल करके इसे पूरा कर सकते हैं। टेक्स्ट एडिटर विजेट को उठाएं और इसे एक खाली जगह पर इस प्रकार ले जाएं:
उसके बाद, आप डिफ़ॉल्ट टेक्स्ट को हटाने के लिए विजेट के अंदर क्लिक कर सकते हैं और इसे अपनी इच्छित सामग्री से बदल सकते हैं। जब उत्पाद तालिका की बात आती है, तो आप इसे इस सरल शोर्ट में चिपका कर शामिल कर सकते हैं:
[उत्पाद तालिका]
जब आप अपने पृष्ठ में शोर्टकोड डालते हैं, तो तालिका आपके द्वारा निर्दिष्ट स्थान पर दिखाई देगी, जिसे आप सामने के छोर पर देखकर सत्यापित कर सकते हैं:
यदि आप केवल कोड के लिए किसी तत्व का उपयोग करना चाहते हैं, तो आप शोर्टकोड विजेट का उपयोग कर सकते हैं।
जब आप तालिका की स्थिति समाप्त कर लें, तो पृष्ठ को सहेजना कभी न भूलें, चाहे आप इसे कहीं भी रखने का निर्णय लें। उसके बाद, आप शायद तालिका के प्रकट होने और कार्य करने के तरीके में कुछ बदलाव करना चाहेंगे।
अपने वर्डप्रेस डैशबोर्ड पर लौटें और इस कार्य को पूरा करने के लिए WooCommerce > Settings टैब पर नेविगेट करें। उत्पाद तालिकाएँ स्क्रीन के शीर्ष पर उत्पाद और फिर उत्पाद तालिकाएँ चुनकर पाई जा सकती हैं:
आपकी WooCommerce उत्पाद तालिका को कॉन्फ़िगर करने के विकल्पों की एक विस्तृत सूची यहीं पाई जा सकती है। तालिका में दिखाई देने वाली जानकारी पर आपका पूर्ण नियंत्रण होता है, और आप अन्य चीज़ों के साथ-साथ फ़िल्टर और चर जोड़कर इसे अनुकूलित कर सकते हैं। विभिन्न विकल्पों के बारे में अधिक जानकारी के लिए plugin के दस्तावेज़ीकरण देखें।
आप Elementor का उपयोग करके अभी-अभी बनाई गई उत्पाद तालिका को कुछ और किए बिना संशोधित करने में सक्षम होंगे। एक बार जब आप तालिका को अपने विनिर्देशों के अनुसार अनुकूलित करना समाप्त कर लेते हैं, तो बस अपने परिवर्तन सहेजें, और आप जाने के लिए तैयार हैं!
कई उत्पाद तालिकाओं को व्यवस्थित करने के लिए अकॉर्डियन, टैब और टॉगल का उपयोग किया जा सकता है।
यदि आप अपने WooCommerce उत्पादों के साथ एकल तालिका प्रस्तुत करना चाहते हैं तो उपरोक्त समाधान अच्छी तरह से काम करता है। यदि आप कई तालिकाओं का निर्माण करने जा रहे हैं, जिनमें से प्रत्येक में वस्तुओं की एक अलग श्रेणी है, तो यह सबसे अच्छा विकल्प नहीं है।
एलिमेंट में इसे पूरा करने के कई अलग-अलग तरीके हैं। अकॉर्डियन विजेट, पूर्व के लिए amp ले, एक ही प्रभाव है कि हम पिछले मामले का अध्ययन में देखा था उत्पन्न करने के लिए इस्तेमाल किया जा सकता। दाएं हाथ के संपादन क्षेत्र से शुरू करते हुए, अकॉर्डियन विजेट को बाएं हाथ के संपादन क्षेत्र में ले जाएं।
आप धन चिह्नों पर क्लिक करके जितने चाहें उतने अलग-अलग टैब बना सकते हैं, और आप प्रत्येक के भीतर शीर्षकों और पाठ को अनुकूलित कर सकते हैं। इसके अतिरिक्त, आप पहले बताए गए शोर्टकोड का उपयोग करके एक या अधिक टैब में उत्पाद तालिका जोड़ सकते हैं।
बेशक, केवल मूल शोर्ट को जोड़ने से समान उत्पाद तालिकाओं का उत्तराधिकार प्राप्त होगा, जो कि सबसे अधिक संभावना है कि आप पहले स्थान पर नहीं देख रहे थे। इसके बजाय, आप प्रत्येक शोर्ट केवल निर्दिष्ट उत्पादों को प्रदर्शित करने के कस्टमाइज़ करना होगा - पूर्व के लिए amp ले, एक विशिष्ट श्रेणी से आइटम - सभी उत्पादों के बजाय।
आपके द्वारा उपयोग की जाने वाली विधि उन उत्पादों द्वारा निर्धारित की जाएगी जिन्हें आप शामिल करना चाहते हैं और प्रत्येक तालिका से बाहर करना चाहते हैं। अतिरिक्त जानकारी के लिए, कृपया अपने WooCommerce उत्पाद तालिका शॉर्टकोड को अनुकूलित करने के लिए पूरी गाइड देखें।
यह ध्यान देने योग्य है कि आप कुछ अन्य सहायक एलिमेंटर विजेट्स की सहायता से एक समान प्रभाव प्राप्त कर सकते हैं; इसमें अन्य घटकों के बीच टॉगल विजेट और टैब विजेट शामिल हैं। WooCommerce उत्पाद तालिकाओं को एक आकर्षक और सुव्यवस्थित तरीके से प्रस्तुत करने के संदर्भ में
मुफ़्त ऑनलाइन एचटीएमएल, सीएसएस, और जावास्क्रिप्ट आयोजकों के लिए धन्यवाद अपने मैला मार्कअप को साफ करें!
यदि आप चाहते हैं कि आपका व्यवसाय प्रतिस्पर्धा से बाहर खड़ा हो तो अपनी ई-कॉमर्स वेबसाइट के डिज़ाइन में कुछ गंभीर सोच रखें। पूर्व के लिए amp ले, तो आप अपने उत्पादों का प्रदर्शन का सबसे प्रभावी तरीके से निर्धारित करने के लिए, आदर्श एक शैली दोनों उपयोगकर्ता के अनुकूल और नेत्रहीन आंखों के लिए अपील है कि में चाहता हूँ।
सौभाग्य से, एलिमेंट के साथ WooCommerce उत्पाद तालिका plugin का उपयोग करना इसे एक सीधा काम बनाता है। आपकी उत्पाद तालिका शोर्टकोड का उपयोग आपकी साइट द्वारा प्रदान की जाने वाली हर चीज़ (या केवल एक चयन) को वास्तव में गतिशील तरीके से प्रदर्शित करने के लिए किया जा सकता है।
