खरीदारी का रुझान तीव्र गति से बदल रहा है और लोग पहले से कहीं अधिक ऑनलाइन खरीदारी कर रहे हैं।
इसलिए उन्हें ऑनलाइन शॉपिंग की आदतों को पूरा करने के लिए ईकामर्स स्टोर की आवश्यकता है क्योंकि लोग खरीदारी के लिए बाहर जाने के बजाय ऑनलाइन खरीदारी करना अधिक सुविधाजनक समझते हैं।
आप सही उपकरण और सेटअप का उपयोग करके अपने ईकॉमर्स स्टोर को तुरंत शुरू कर सकते हैं। और आप रिकॉर्ड समय के भीतर अपनी बिक्री में भारी वृद्धि देखेंगे।
यदि आपने एक ई-कॉमर्स स्टोर शुरू करने और आपके लिए काम करने के लिए एक वर्डप्रेस विशेषज्ञ की तलाश करने की योजना बनाई है, तो मैं आपको बता दूं, आपको इसकी कोई आवश्यकता नहीं है।
हाँ! आप इसे स्वयं कर सकते हैं क्योंकि आपको वर्डप्रेस डेवलपर या कोडिंग विशेषज्ञ होने की आवश्यकता नहीं है और आप इसे सही टूल और सेटअप के साथ कोडिंग का कोई ज्ञान नहीं होने के बिना कर सकते हैं।
बस एलिमेंट पेज बिल्डर का उपयोग करके WooCommerce शॉप पेज बनाने के स्टेप बाय स्टेप ट्यूटोरियल का पालन करें ।
चलो बात को पाने के लिए गहरी खुदाई करते हैं!
- एलिमेंट का उपयोग करके आपको उत्पाद पृष्ठ बनाने में क्या आवश्यकता होगी?
- एलिमेंट पेज बिल्डर कैसे स्थापित करें?
- एक एलिमेंट WooCommerce उत्पाद पृष्ठ चरण दर चरण बनाएँ
- मोबाइल आपके WooCommerce उत्पाद पृष्ठ का अनुकूलन करता है
- एलिमेंटरी प्रो प्राइसिंग
- ऊपर लपेटकर
एलिमेंट का उपयोग करके आपको उत्पाद पृष्ठ बनाने में क्या आवश्यकता होगी?
WordPress.org रिपॉजिटरी से अपनी वर्डप्रेस साइट पर WooCommerce plugin एलिमेंट पेज बिल्डर । मुफ्त संस्करण को WordPress.org से डाउनलोड किया जा सकता है, हालांकि मुफ्त संस्करण सीमित अनुकूलन विकल्पों के साथ आता है। इसलिए, यदि आप प्रो एलिमेंटर के लिए जाने के बजाय असीमित अनुकूलन विकल्प प्राप्त करना चाहते हैं और इसे आधिकारिक Elementor.org से डाउनलोड करें।
एलिमेंट पेज बिल्डर कैसे स्थापित करें?
- तत्व मुक्त संस्करण के लिए:
Plugin s पर जाएं> नया जोड़ें> एलिमेंट पेज बिल्डर दर्ज करें> इंस्टॉल और सक्रिय पर क्लिक करें।
- एलिमेंट प्रो के लिए:
Elementor.com से प्रो संस्करण खरीदें और फिर ज़िप फ़ाइल अपलोड करें और फिर इंस्टॉल और सक्रिय पर क्लिक करें।
एक एलिमेंट WooCommerce उत्पाद पृष्ठ चरण दर चरण बनाएँ
मानक WooCommerce उत्पाद पृष्ठ किसी भी कुरकुरा बिना किसी मूल WooCommerce उत्पाद पृष्ठ की तरह दिखता है।
हालाँकि, यदि आप अपने ब्रांड की आवाज़ को जोड़ना चाहते हैं, तो आपको इसे विशिष्ट रूप से अनुकूलित करना होगा।
Step1: अपने डैशबोर्ड मेनू से टेम्प्लेट अनुभाग पर जाएं और "नया जोड़ें" पर क्लिक करें।
अब ड्रॉपडाउन मेनू से आइटम का चयन करें "एकल उत्पाद"
सबसे अच्छा हिस्सा है, एलिमेंट कुछ पूर्व-निर्मित उत्पाद पृष्ठ टेम्पलेट्स के साथ आता है, इसलिए, यदि आप जल्दी शुरू करना पसंद करते हैं, तो उन विकल्पों में से किसी का चयन करें जो आपके इच्छित के सबसे करीब दिखता है।
खरोंच से बनाने के बजाय पूर्व-निर्मित टेम्पलेट से उत्पाद पृष्ठ बनाना बहुत आसान है। इसलिए, किसी भी मौजूदा टेम्पलेट को संशोधित करें और अपना समय और प्रयास बचाएं।
हमने अपने उत्पाद पृष्ठ के लिए इस टेम्पलेट का चयन किया है।
एक बार जब आप अपना पसंदीदा टेम्प्लेट चुन लेते हैं, तो यह आपको एलिमेंट एडिटर तक ले जाएगा, जहाँ आप अपने स्वाद के अनुसार टेम्प्लेट को कस्टमाइज़ कर सकते हैं।
यहां आप लेफ़्टसाइड मेनू पर अलग-अलग ब्लॉक देख सकते हैं। उस ब्लॉक को खींचें और छोड़ें जिसके साथ आप काम करना चाहते हैं।
"+" बटन पर क्लिक करें और जो कॉलम आकार आप जोड़ना चाहते हैं उसका चयन करें।
हमने अपने उत्पाद टेम्पलेट के लिए दो कॉलम आकार का चयन किया है।
अब, सही कॉलम पर एक उत्पाद शीर्षक विजेट जोड़ें और उस पर अपने उत्पाद का शीर्षक जोड़ें।
एक बार जब आप उत्पाद का शीर्षक जोड़ लेते हैं, तो अगला कदम इसके ऊपर "वू ब्रेडक्रंब" जोड़ना है।
अब, बाएं कॉलम में उत्पाद छवि जोड़ें और बाएं कॉलम से उत्पाद छवि विजेट को ड्रैग करें।
आप उन्हें एक दूसरे से थोड़ा अलग रखने के लिए दोनों कॉलम में पैडिंग जोड़ सकते हैं।
छवि जोड़ने और आवश्यक आयामों के अनुसार पैडिंग को समायोजित करने के बाद उत्पाद शीर्षक के तहत उत्पाद रेटिंग विजेट जोड़ें।
उत्पाद समीक्षा ब्लॉक के नीचे उत्पाद विजेट का संक्षिप्त विवरण जोड़ें। आप दो ब्लॉकों के बीच के स्थान को भी समायोजित कर सकते हैं।
एक बार जब आप उत्पाद विवरण और सभी विवरणों के साथ हो जाते हैं, तो हमारा अगला कदम उत्पाद की कीमत जोड़ना है और इसके लिए आपको उत्पाद के विवरण के तहत मूल्य विजेट को ड्रैग करना होगा।
उत्पाद विवरण के नीचे मूल्य टैब जोड़ने के बाद आप बाईं मेनू से विकल्पों का चयन करके मूल्य विजेट को अनुकूलित कर सकते हैं। आप आइकन को बड़ा कर सकते हैं, फ़ॉन्ट शैली को बदल सकते हैं और अपनी पसंद के किसी भी अन्य रंग को काले से फ़ॉन्ट रंग भी बदल सकते हैं।
अब विजेट "कार्ट में जोड़ें" जोड़ें और यदि आप चाहें तो मेनू से उसका रंग, फ़ॉन्ट या शैली अनुकूलित करें।
अब, मूल्य विजेट के तहत उत्पाद मेटा जोड़ें जो उत्पाद श्रेणी और उत्पाद क्रम संख्या दिखाएगा।
चरण 2: अगले अनुभाग में उत्पाद के बारे में अतिरिक्त जानकारी जोड़ें।
एक नया दो कॉलम अनुभाग बनाएँ और फिर वर्णन, अतिरिक्त जानकारी और समीक्षाओं सहित उत्पाद डेटा टैब जोड़ें। और कॉलम के दाईं ओर संबंधित उत्पाद अनुभाग जोड़ें।
प्रत्येक कॉलम के समान प्रारूप को रखने के लिए आप प्रत्येक कॉलम के बाएं कोने पर क्लिक कर सकते हैं और प्रत्येक कॉलम के कॉलम प्रारूप को कॉपी और पेस्ट कर सकते हैं।
चरण 3: ऐड का एक और सेक्शन जोड़ें "अप-सेल सेक्शन।"
यहां बताया गया है कि आप अप-सेल सेक्शन को किस तरह जोड़ेंगे। अनुभाग संरेखित करने के लिए कुछ पैडिंग जोड़ें।
और अंत में, आप अपने उत्पाद पृष्ठ डिजाइनिंग के साथ किया जाता है। अब, अंतिम चरण वह है जहां आप अपने उत्पाद को प्रकाशित करना चाहते हैं? आप प्रकाशित पर क्लिक कर सकते हैं या बाएं मेनू के निचले सबसे कोने में स्थित नेत्र अनुभाग पर जा सकते हैं और उत्पाद की श्रेणी का चयन करने के लिए सेटिंग्स पर क्लिक कर सकते हैं।
ऐड कंडीशन मेनू पर क्लिक करें और फिर अपने उत्पाद की श्रेणी चुनें और प्रकाशित करें पर क्लिक करें।
मोबाइल आपके WooCommerce उत्पाद पृष्ठ का अनुकूलन करता है
चूंकि स्मार्टफ़ोन के माध्यम से बहुत सारे ट्रैफ़िक आने वाले हैं, इसलिए आपको स्मार्टफ़ोन देखने के लिए अपने स्टोर का अनुकूलन करना होगा, अन्यथा आप अपनी बिक्री खो सकते हैं।
हालाँकि, WooCommerce पहले से ही मोबाइल ऑप्टिमाइज़्ड है, फिर भी यह आश्वस्त करने के लिए कि यदि आपका उत्पाद पेज टेम्पलेट मोबाइल स्क्रीन पर बिल्कुल अच्छा लगता है, तो प्रक्रिया का पालन करें।
आपको एलिमेंट इंटरफेस के निचले बाएँ कोने पर एक विकल्प उत्तरदायी मोड मिलेगा।
जब आप मोबाइल उत्तरदायी विकल्प पर क्लिक करते हैं तो आप मोबाइल, डेस्कटॉप और टैब देखने के विकल्पों के बीच स्विच कर सकते हैं।
यदि आप कोई भी जटिलता पाते हैं तो किसी भी विकल्प पर क्लिक करें और डिजाइन को देखना पसंद करें।
अब, सहेजें और अपने उत्पाद पृष्ठ को प्रकाशित करना जारी रखें।
एलिमेंटरी प्रो प्राइसिंग
एलिमेंटरी बेसिक वर्जन मुफ्त में उपलब्ध है जबकि प्रो वर्जन तीन लाइसेंस के साथ आता है। यदि आप अपने व्यक्तिगत ब्लॉग या एकल साइट की तलाश कर रहे हैं तो व्यक्तिगत लाइसेंस आपके लिए सबसे उपयुक्त है जहां आप 90+ समर्थक विजेट के साथ एक WooCommerce बिल्डर प्राप्त कर सकते हैं।
जबकि प्लस और विशेषज्ञ लाइसेंस क्रमशः 3 साइटों और 1000 साइटों के समर्थन के साथ व्यापार या एजेंसियों के लिए उपयुक्त हैं।
ऊपर लपेटकर
एलिमेंट पेज बिल्डर का एकमात्र उद्देश्य उपयोगकर्ताओं को कोडिंग पर भरोसा किए बिना अपनी रचनात्मकता को उजागर करने में सक्षम बनाना है। एलिमेंटर विभिन्न प्रकार के विजेट्स के साथ आता है जो आपको आकर्षक लेआउट के आधार पर किसी भी प्रकार के उत्पाद पेज बनाने की सुविधा देता है। मूल WooCommerce तत्व 10 से अधिक हैं जो उपयोगकर्ताओं को शॉप पेज के प्रत्येक किंक और वक्र को अनुकूलित करने में सक्षम बनाते हैं। और अगर आपको एलिमेंटर मेनू में अपना वांछित तत्व नहीं मिलता है, तो चिंता न करें! कई अन्य उन्नत सेटिंग्स हैं जो आपके शस्त्रागार को अपग्रेड कर सकती हैं और आपकी लाइब्रेरी में कई तत्व जोड़ सकती हैं। उनमें से एक आवश्यक ऐड-ऑन है जो केवल WooCommerce के लिए समर्पित तत्वों के साथ आता है।
