एक एलिमेंटर WooCommerce उत्पाद पृष्ठ बनाएं

खरीदारी का चलन तेजी से बदल रहा है और लोग पहले से कहीं अधिक ऑनलाइन खरीदारी करने लगे हैं।

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

आप सही टूल और सेटअप का उपयोग करके तुरंत अपना ईकॉमर्स स्टोर भी शुरू कर सकते हैं। और आप रिकॉर्ड समय के भीतर अपनी बिक्री में भारी वृद्धि देखेंगे।

यदि आपने एक ईकॉमर्स स्टोर शुरू करने की योजना बनाई है और आपके लिए काम करने के लिए एक वर्डप्रेस विशेषज्ञ की तलाश कर रहे हैं, तो मैं आपको बता दूं, आपको किसी की आवश्यकता नहीं है।

हाँ! आप इसे स्वयं कर सकते हैं क्योंकि आपको वर्डप्रेस डेवलपर या कोडिंग विशेषज्ञ होने की आवश्यकता नहीं है और आप इसे सही टूल और सेटअप के साथ कोडिंग के किसी भी ज्ञान के बिना भी कर सकते हैं।

एलिमेंटर पेज बिल्डर का उपयोग करके WooCommerce शॉप पेज बनाने के चरण-दर-चरण ट्यूटोरियल का पालन करें

आइए मुद्दे तक पहुंचने के लिए गहराई से खोजबीन करें!

एलिमेंटर का उपयोग करके उत्पाद पृष्ठ बनाने में आपको क्या आवश्यकता होगी?

WooCommerce plugin और उसके शीर्ष पर आपको एलिमेंटर पेज बिल्डर । मुफ़्त संस्करण को WordPress.org से डाउनलोड किया जा सकता है, हालाँकि मुफ़्त संस्करण सीमित अनुकूलन विकल्पों के साथ आता है। इसलिए, यदि आप असीमित अनुकूलन विकल्प प्राप्त करना चाहते हैं तो प्रो एलिमेंटर पर जाएं और इसे आधिकारिक एलिमेंटर.ओआरजी से डाउनलोड करें।

एलिमेंटर पेज बिल्डर कैसे स्थापित करें?

  • एलीमेंटर मुक्त संस्करण के लिए:

Plugin पर जाएं > नया जोड़ें > एलिमेंटर पेज बिल्डर दर्ज करें > इंस्टॉल पर क्लिक करें और सक्रिय करें।

  • एलीमेंटर प्रो के लिए:

Elementor.com से प्रो संस्करण खरीदें और फिर ज़िप फ़ाइल अपलोड करें और फिर इंस्टॉल पर क्लिक करें और सक्रिय करें।

चरण दर चरण एक एलिमेंटर WooCommerce उत्पाद पृष्ठ बनाएं

मानक WooCommerce उत्पाद पृष्ठ बिना किसी स्पष्टता के किसी भी मूल WooCommerce उत्पाद पृष्ठ जैसा दिखता है।

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

चरण 1: अपने डैशबोर्ड मेनू से टेम्पलेट अनुभाग पर जाएं और "नया जोड़ें" पर क्लिक करें।

अब ड्रॉपडाउन मेनू से आइटम "एकल उत्पाद" चुनें

सबसे अच्छी बात यह है कि एलीमेंटर कुछ पूर्व-निर्मित उत्पाद पृष्ठ टेम्पलेट्स के साथ आता है, इसलिए, यदि आप त्वरित शुरुआत करना चाहते हैं, तो उन विकल्पों में से किसी एक का चयन करें जो आपके इच्छित के सबसे करीब दिखता है।

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

हमने अपने उत्पाद पृष्ठ के लिए इस टेम्पलेट का चयन किया है।

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

यहां आप बाईं ओर मेनू पर विभिन्न ब्लॉक देख सकते हैं। जिस ब्लॉक के साथ आप काम करना चाहते हैं उसे खींचें और छोड़ें।

"+" जोड़ें बटन पर क्लिक करें और चुनें कि आप कौन सा कॉलम आकार जोड़ना चाहते हैं।

हमने अपने उत्पाद टेम्पलेट के लिए दो कॉलम आकार का चयन किया है।

अब, दाहिने कॉलम पर एक उत्पाद शीर्षक विजेट जोड़ें और उस पर अपने उत्पाद का शीर्षक जोड़ें।

एक बार जब आप उत्पाद का शीर्षक जोड़ लें, तो अगला कदम उसके ऊपर "वू ब्रेडक्रंब्स" जोड़ना है।

अब, बाएं कॉलम में उत्पाद छवि जोड़ें और उत्पाद छवि विजेट को बाएं कॉलम से खींचें और छोड़ें।

आप दोनों कॉलमों को एक-दूसरे से थोड़ा अलग रखने के लिए उनमें पैडिंग जोड़ सकते हैं।

छवि जोड़ने और आवश्यक आयामों के अनुसार पैडिंग समायोजित करने के बाद उत्पाद शीर्षक के तहत उत्पाद रेटिंग विजेट जोड़ें।

उत्पाद समीक्षा ब्लॉक के नीचे उत्पाद विजेट का संक्षिप्त विवरण जोड़ें। आप दो ब्लॉकों के बीच की जगह को भी समायोजित कर सकते हैं।

एक बार जब आप उत्पाद विवरण और सभी विवरण पढ़ लेते हैं, तो हमारा अगला कदम उत्पाद की कीमत जोड़ना होता है और इसके लिए आपको उत्पाद के विवरण के तहत मूल्य विजेट को खींचकर छोड़ना होगा।

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

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

अब, मूल्य विजेट के अंतर्गत उत्पाद मेटा जोड़ें जो उत्पाद श्रेणी और उत्पाद क्रमांक दिखाएगा।

चरण 2: अगले भाग में उत्पाद के बारे में अतिरिक्त जानकारी जोड़ें।

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

प्रत्येक कॉलम का प्रारूप समान रखने के लिए आप प्रत्येक कॉलम के बाएं कोने पर क्लिक कर सकते हैं और प्रत्येक कॉलम के लिए कॉलम प्रारूप को कॉपी और पेस्ट कर सकते हैं।

चरण 3: "अप-सेल सेक्शन" का एक और सेक्शन जोड़ें।

यहां बताया गया है कि जोड़ने के बाद आप अप-सेल अनुभाग कैसा दिखेगा। अनुभाग को संरेखित करने के लिए कुछ पैडिंग जोड़ें।

और अंत में, आपने अपने उत्पाद पृष्ठ की डिज़ाइनिंग पूरी कर ली है। अब, अंतिम चरण यह है कि आप अपना उत्पाद कहाँ प्रकाशित करना चाहते हैं? आप प्रकाशित पर क्लिक कर सकते हैं या बाएं मेनू के सबसे निचले कोने में आई सेक्शन पर जा सकते हैं और उत्पाद की श्रेणी का चयन करने के लिए सेटिंग्स पर क्लिक कर सकते हैं।

ऐड कंडीशन मेनू पर क्लिक करें और फिर अपने उत्पाद की श्रेणी चुनें और प्रकाशित करें पर क्लिक करें।

मोबाइल आपके WooCommerce उत्पाद पृष्ठ को अनुकूलित करता है

चूँकि स्मार्टफ़ोन के माध्यम से बहुत अधिक ट्रैफ़िक आने वाला है, इसलिए आपको स्मार्टफ़ोन देखने के लिए अपने स्टोर को अनुकूलित करना होगा, अन्यथा आप अपनी बिक्री खो सकते हैं।

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

आपको एलिमेंटर इंटरफ़ेस के निचले बाएँ कोने पर एक विकल्प रिस्पॉन्सिव मोड मिलेगा।

जब आप मोबाइल रिस्पॉन्सिव विकल्प पर क्लिक करते हैं तो आप मोबाइल, डेस्कटॉप और टैब देखने के विकल्पों के बीच स्विच कर सकते हैं।

आप जो भी विकल्प देखना चाहते हैं उस पर क्लिक करें और यदि आपको कोई जटिलता दिखे तो डिज़ाइन में बदलाव करें।

अब, सहेजें और अपना उत्पाद पृष्ठ प्रकाशित करना जारी रखें।

एलिमेंटर प्रो मूल्य निर्धारण

एलिमेंटर बेसिक संस्करण मुफ्त में उपलब्ध है जबकि प्रो संस्करण तीन लाइसेंस के साथ आता है। यदि आप अपने व्यक्तिगत ब्लॉग या एकल साइट की तलाश में हैं तो व्यक्तिगत लाइसेंस आपके लिए सबसे उपयुक्त है जहां आप 90+ प्रो विजेट के साथ WooCommerce बिल्डर प्राप्त कर सकते हैं।

जबकि प्लस और विशेषज्ञ लाइसेंस क्रमशः 3 साइटों और 1000 साइटों के समर्थन वाले बड़े व्यवसाय या एजेंसियों के लिए उपयुक्त हैं।

ऊपर लपेटकर

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

होल्डरखु

लाइव:.cid.e495888558d5265f

हाल के पोस्ट

एलीमेंटर के साथ हेडर और फ़ूटर का उपयोग कैसे करें

किसी वेबसाइट के शीर्षलेख और पादलेख आवश्यक तत्व हैं। अधिकांश मामलों में, हेडर नेविगेशन प्रदान करता है…

6 जनवरी 2022

वर्डप्रेस थीम तुलना: एस्ट्रा बनाम ओशनडब्ल्यूपी

बाज़ार में दो सबसे लोकप्रिय वर्डप्रेस थीम एस्ट्रा और ओसियनडब्ल्यूपी हैं। पेशेवर…

2 जनवरी 2022

वर्डप्रेस समाचार थीम तुलना: समाचार पत्र बनाम एस्ट्रा

एक उत्कृष्ट समाचार वेबसाइट बनाने के लिए आपको वेब डिज़ाइनर बनने की आवश्यकता नहीं है। हम…

25 अक्टूबर 2021

समाचार पत्र थीम के साथ समाचार-संबंधित वेबसाइट बनाएं

न्यूज़पेपर थीम tagDiv द्वारा डिज़ाइन की गई सबसे महत्वपूर्ण वर्डप्रेस थीम में से एक है, जो…

18 अक्टूबर 2021

Avada WooCommerce बिल्डर के साथ ईकॉमर्स कैसे बनाएं

जब ऑनलाइन स्टोर स्थापित करने की बात आती है, तो WooCommerce एक पसंदीदा plugin है। यह…

4 अक्टूबर 2021

एलीमेंटर के साथ स्टिकी हेडर और स्क्रॉलिंग प्रभावों का उपयोग कैसे करें

जब कोई व्यक्ति आपकी वेबसाइट पर जाता है तो आम तौर पर वह पहली चीज़ हेडर देखता है,…

21 सितंबर 2021