अवाडा वूकामर्स बिल्डर के साथ ईकामर्स कैसे बनाएं

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

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

• WooCommerce का अपना Avada Global Options पैनल है, जो मुख्य Avada Global Options पैनल से अलग है।
• अवाडा पेज विकल्प प्रत्येक उत्पाद के लिए उपलब्ध हैं।
• अवदा बिल्डर आपको तत्वों को खींचकर और छोड़ कर उत्पाद पृष्ठ डिजाइन बनाने की अनुमति देता है।

Avada के साथ अपनी ईकामर्स साइट बनाने के लिए। 

सबसे पहले, हमें अवदा में wooCommerce स्थापित करना होगा।

• WooCommerce स्थापित करना – चरण दर चरण निर्देश
• अपनी वेबसाइट पर शॉप पेज कैसे असाइन करें
• अपने उत्पाद बनाना
• उत्पाद बनाना ज़ूम प्रभाव
• WooCommerce में उत्पाद छवि आकार सेटिंग्स समायोजित करना।

WooCommerce स्थापित करना – चरण दर चरण निर्देश

पर जाएं Avada> Plugin s / Add-ons और WooCommerce के लिए देखो plugin , जैसा कि नीचे स्क्रीनशॉट में दिखाया गया।

चरण 1 - WooCommerce plugin स्थापित करें ।

चरण 2 - ड्रॉप-डाउन मेनू से 'इंस्टॉल करें' चुनें।

plugin स्वचालित रूप से स्थापित और सक्रिय हो जाएगा।

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

चरण 4 - प्रक्रिया को पूरा करने के लिए ऑनस्क्रीन संकेतों और निर्देशों का पालन करें और अपने स्टोर के बारे में आवश्यक जानकारी दर्ज करें। जब आप समाप्त कर लें तो 'अपना पहला उत्पाद बनाएं' बटन पर क्लिक करके, आप अपना पहला उत्पाद बनाने के लिए आगे बढ़ सकेंगे। वैकल्पिक रूप से, आप सेटअप विंडो के नीचे स्थित लिंक पर क्लिक करके अपने वर्डप्रेस डैशबोर्ड पर लौट सकते हैं।

अपनी वेबसाइट पर शॉप पेज कैसे असाइन करें

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

वैकल्पिक रूप से, यदि सेटअप विज़ार्ड प्रकट नहीं होता है, या यदि आप इसे किसी भी कारण से रद्द करते हैं, तो आप हमेशा किसी भी WooCommerce पृष्ठ पर सहायता मेनू से सेटअप विज़ार्ड का चयन करके सेटअप विज़ार्ड पर वापस आ सकते हैं, जो कि ऊपर बाईं ओर पाया जा सकता है खिड़की।

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

शेष पृष्ठों को उन्नत टैब में कॉन्फ़िगर किया जा सकता है, जो WooCommerce > सेटिंग्स > उन्नत ।

अपने उत्पाद बनाना

चरण 1 – अपने WordPress व्यवस्थापक साइडबार पर, उत्पाद > उत्पाद जोड़ें टैब पर नेविगेट करें।

चरण 2 – पृष्ठ के शीर्ष पर, अपने उत्पाद का नाम दर्ज करें।

चरण 3 - उत्पाद विवरण से टेक्स्ट के साथ पोस्ट सामग्री फ़ील्ड भरें। इस खंड में उत्पाद की सभी जानकारी प्रदर्शित की जाएगी।

चरण 4 - उत्पाद की सभी जानकारी के साथ ' उत्पाद डेटा ' बॉक्स भरें। उदाहरण के लिए amp , और शिपिंग सभी संभावित विकल्प हैं।

चरण 5 - ' उत्पाद संक्षिप्त विवरण ' बॉक्स में, अपने उत्पाद का एक संक्षिप्त विवरण टाइप करें जो आपकी मुख्य छवियों के साथ दिखाई देगा।

चरण 6 - मुख्य रूप से चित्रित छवि को पृष्ठ के दाईं ओर उत्पाद छवि यह हर उत्पाद के लिए पूरा किया जाना चाहिए।

चरण 7 उत्पाद गैलरी में और छवियां जोड़ें यदि आप एकल छवि के बजाय छवियों की गैलरी का उपयोग करना चाहते हैं।

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

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

उत्पाद बनाना ज़ूम प्रभाव

यदि आप अवाडा लेआउट का उपयोग कर रहे हैं, तो आपको यह सुनिश्चित करने की आवश्यकता होगी कि WooCommerce उत्पाद छवियाँ ज़ूम विकल्प Avada > विकल्प > WooCommerce > सामान्य WooCommerce > WooCommerce उत्पाद छवियाँ ज़ूम विकल्प , या Woo उत्पाद छवियाँ तत्व सामान्य टैब > यदि आप WooCommerce लेआउट का उपयोग कर रहे हैं तो उत्पाद छवियाँ ज़ूम

WooCommerce उत्पाद छवियाँ चौड़ाई - आपकी मुख्य छवि चौड़ाई (नीचे सेटिंग देखें) और अपलोड की गई छवि का वास्तविक आकार दोनों को Avada > विकल्प > WooCommerce > सामान्य WooCommerce > WooCommerce उत्पाद छवियाँ चौड़ाई या उत्पाद छवियाँ अधिकतम चौड़ाई सेटिंग वू उत्पाद छवियाँ तत्व में। किसी एकल उत्पाद गैलरी के लिए कंटेनर स्तंभ की चौड़ाई आपके द्वारा चुनी गई सेटिंग द्वारा निर्धारित की जाएगी. एक बार जब आप आवश्यक समायोजन कर लेते हैं, तो आप अपनी WooCommerce मुख्य छवि की चौड़ाई निर्धारित करने के लिए तैयार होंगे।

वर्डप्रेस मुख्य छवि चौड़ाई – WooCommerce मुख्य छवि चौड़ाई सेटिंग आपकी वर्डप्रेस वेबसाइट के कस्टमाइज़र में पाई जा सकती है। WordPress डैशबोर्ड से, Appearance > Customize > WooCommerce > Product Images , जहां आपको Main Image Width Setting मिलेगी; यह गैलरी में प्रदर्शित छवि के वास्तविक आकार को निर्धारित करेगा।

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

सुनिश्चित करें कि WooCommerce छवि आकार बदलने के बाद आप अपने थंबनेल पुन: उत्पन्न करते हैं; यह आपके नए छवि आकारों को उन सभी छवियों पर लागू करेगा जो आपकी वेबसाइट पर पहले ही अपलोड हो चुकी हैं। इसे पूरा करने के लिए आप रीजेनरेट थंबनेल plugin का उपयोग कर सकते हैं।

WooCommerce में उत्पाद छवि आकार सेटिंग्स समायोजित करना।

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

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

अपनी दुकान को कॉन्फ़िगर करते समय, सुनिश्चित करें कि WooCommerce छवि आकार सेटिंग्स और आपकी छवियों के वास्तविक आकार दोनों को ध्यान में रखा गया है। संक्षेप में, आपकी छवियों का आकार आपके WooCommerce स्टोर में छवि आकार सेटिंग्स के समान या उससे बड़ा होना चाहिए।

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

चरण 1 - अपने व्यवस्थापक साइडबार में, अपनी साइट को अनुकूलित करना शुरू करने प्रकटन ' टैब और फिर ' कस्टमाइज़

चरण 2 WooCommerce ' टैब पर नेविगेट करें

चरण 3 - एकल उत्पाद छवियों के लिए छवियाँ सेटिंग कॉन्फ़िगरेशन विंडो के ' उत्पाद छवियाँ ' टैब के अंतर्गत पाई जा सकती हैं।

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

चरण 5 - छवि आकार बदलने और उन्हें सहेजने के बाद थंबनेल को पुन: उत्पन्न करने के लिए, आपको पुन: उत्पन्न थंबनेल plugin , जो Plugin अनुभाग में पाया जा सकता है। सबसे पहले, थंबनेल plugin और फिर WP व्यवस्थापक> उपकरण टैब पर नेविगेट करें, जहां आप अपनी छवि थंबनेल को पुन: उत्पन्न करना चुन सकते हैं, नए छवि आकार बना सकते हैं।