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

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

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

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

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

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

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

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

अवाडा > Plugin एस/ऐड-ऑन पर जाएं और WooCommerce plugin , जैसा कि नीचे स्क्रीनशॉट में दिखाया गया है।

चरण 1 - WooCommerce plugin ।

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

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

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

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

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

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

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

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

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

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

चरण 1 – अपने वर्डप्रेस एडमिन साइडबार पर, उत्पाद > उत्पाद जोड़ें टैब पर जाएँ।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

चरण 2 पृष्ठ के शीर्ष पर ' WooCommerce

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

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

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