WooCommerce, Divi और SiteGround (अक्टूबर 2019) के साथ शानदार ऑनलाइन शॉप कैसे बनाएं

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

स्टैंडआउट में से कौन सा ई-कॉमर्स प्लेटफॉर्म क्या आप चुनेंगे? क्या आप अपने उत्पादों को बेचने के लिए किसी विषय को हथियाने की योजना बना रहे हैं या कोई ऐसा व्यक्ति है जिसे आप खरोंच से साइट बनाने के लिए भुगतान कर सकते हैं? हेक, आप अपनी ईकॉमर्स वेबसाइट के माध्यम से भी क्या बेचने की योजना बना रहे हैं?

संपादक का ध्यान दें: इस पोस्ट को मूल रूप से जनवरी 15, 2015 पर प्रकाशित किया गया था और पूरी तरह से सुधार और सटीकता और समझ के लिए अद्यतन किया गया है।

जब आप ऑनलाइन बेचना शुरू करने के लिए दृश्य और बैकएंड संरचना की तलाश करते हैं तो चुनने के लिए हजारों से लाखों वर्डप्रेस थीम हैं। लगभग होस्टिंग के साथ ही (लेकिन हम पसंद करते हैं SiteGround or Bluehost).

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

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

अपना डोमेन और होस्टिंग पहले प्राप्त करें

💡किसी भी वेबसाइट निर्माण प्रक्रिया में पहला कदम एक होस्टिंग खाता, डोमेन नाम और साइट पर वर्डप्रेस स्थापित करना है। Divi कोई अलग नहीं है। होस्टिंग और डोमेन नाम प्राप्त करने के बहुत सारे तरीके हैं, लेकिन मुझे व्यक्तिगत रूप से लगता है कि SiteGround सबसे सुरक्षित और विश्वसनीय विकल्पों में से एक है। (अधिक जानकारी के लिए हमारी व्यापक जाँच करें साइट ग्राउंड समीक्षा).

क्या वास्तव में अच्छा है कि SiteGround एक विशेष पेशकश करता है WooCommerce होस्टिंग प्रबंधित बहुत ज्यादा सब कुछ के साथ सर्विस पैकेज जो आपको ऑनलाइन बेचना शुरू करना है। पैकेज के भीतर, आप या तो के लिए व्यवस्थित कर सकते हैं स्टार्टअप प्लान नौसिखिये के लिए, GrowBig योजना बढ़ते व्यवसायों के लिए, या GoGeek स्थापित WooCommerce स्टोर के लिए।

इनमें से प्रत्येक आपके WooCommerce साइट को उचित मूल्य पर अनुकूलित करने के लिए उन्नत सुविधाएँ प्रदान करता है।

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

👉 अब, स्पष्टता के लिए, चलो SiteGround के साथ आगे बढ़ें ...

आपने शुरुआत किस तरह की?

इस पर जाएँ SiteGround प्रबंधित WooCommerce होस्टिंग पृष्ठ, एक आदर्श योजना का चयन करें, और क्लिक करें योजना प्राप्त करें।

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

👉 और जहां तक ​​संसाधन भत्ते का सवाल है, यह योजना समायोजित करती है:

  • 6GB मेलबॉक्स
  • 1 जीबी डेटाबेस स्टोरेज
  • एसएसडी भंडारण
  • अनमीटर्ड डेटा ट्रांसफर
  • 30GB स्टोरेज स्पेस
  • 100,000 मासिक विज़िट तक

ध्यान रखें कि यह सेवा $ 11.95 प्रति माह से शुरू होती है, और यह एक बहुत ही समान है कि आप ब्लूहोस्ट होस्टिंग खाते पर एक नियमित वर्डप्रेस साइट कैसे स्थापित करेंगे।

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

अब, जब आप अपना पसंदीदा प्लान चुन लेते हैं, SiteGround आपको इसके डोमेन पंजीकरण पृष्ठ पर ले जाएगा। यदि आप पहले से ही एक डोमेन रखते हैं, तो दूसरा विकल्प चुनें और उसका विवरण दर्ज करें। अन्यथा, एक वर्ष में $ 15.95 पर नए डोमेन नाम पंजीकरण के साथ आगे बढ़ें।

अगला अंतिम चरण है, जहां आप अपने पसंदीदा होस्टिंग विकल्प चुनते हैं, साथ ही खाता बनाने से पहले अपनी भुगतान जानकारी और व्यक्तिगत विवरण दर्ज करते हैं।

ठीक है, बेशक, ये बुनियादी सामान हैं जिन्हें आपने पहले कई बार संभाला है। इसलिए, आपको अपना फोन नंबर, देश, नाम, ईमेल, खाता पासवर्ड आदि दर्ज करने में कोई कठिनाई नहीं होनी चाहिए।

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

हालांकि, और दिलचस्प है, SiteGround WooCommerce व्यापारियों के बीच अपनी बढ़ती लोकप्रियता के बावजूद, पेपल को सूचीबद्ध नहीं करता है। लेकिन, शुक्र है, यह पता चला है कि वे अप्रत्यक्ष रूप से, पेपल भुगतान स्वीकार कर सकते हैं।

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

अंतिम खंड में आपकी होस्टिंग सेवा के लिए कई विकल्प शामिल हैं, जिसमें आपका पसंदीदा डेटा केंद्र स्थान, और सदस्यता अवधि शामिल है।

अब, साइट के सर्वर और अपने WooCommerce साइट के विज़िटर के बीच डेटा ट्रांसफर की दूरी को कम करने के लिए, अपने लक्षित बाज़ार क्षेत्र के निकटतम डेटा सेंटर स्थान चुनें।

फिर आप अपने पैकेज और वॉइला में शामिल होने वाली किसी भी अतिरिक्त ऐड-ऑन सेवाओं को चुनें! साइटग्राउंड अकाउंट सेट करने में इतना ही समय लगता है।

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

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

दिवी के साथ अपनी ऑनलाइन दुकान बनाना

दिवि क्या है?

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

तो, इस विषय में ऐसा क्या खास है? और क्या Divi के WooCommerce के बारे में कुछ बकाया है?

खैर, विशिष्ट वर्डप्रेस विषयों के विपरीत, Divi एक व्यापक पैक से अधिक है। इसका मतलब है कि यह अतिरिक्त कार्यात्मकता के साथ मानक थीम सुविधाओं को जोड़ता है जो दिवी वूकॉमर्स स्टोर के लिए काम में आते हैं।

दिवी क्या है

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

फिर इसे बंद करने के लिए, Divi अपने स्वयं के सहज ज्ञान युक्त वर्डप्रेस पेज बिल्डर प्लगइन के साथ आता है। आप इसे बिना किसी कोडिंग के अपने Divi WooCommerce स्टोर को स्वतंत्र रूप से अनुकूलित करने के लिए उपयोग कर सकते हैं।

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

👉 इसलिए, अंत में, आप इसे भुनाने में सक्षम होंगे Diviकी:

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

दिवि ड्रैग एंड ड्रॉप पेज बिल्डर

जैसा कि हमने कहा, दिवि दो अलग-अलग स्वादों में आता है। जब आप सदस्यता के लिए भुगतान करते हैं सुरुचिपूर्ण थीम्स, आपको Divi WordPress Page Builder प्लगइन के साथ डैशबोर्ड पर मानक Divi थीम मिलेगी।

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

उस ने कहा, दिवि वर्डप्रेस पेज बिल्डर उन्नत अनुकूलन क्षमताओं के साथ एक ड्रैग-एंड-ड्रॉप संपादक है। यह आपको किसी भी कोडिंग अनुभव के बिना तत्वों, स्तंभों, पंक्तियों और मॉड्यूल को स्थानांतरित करने और परिभाषित करने की अनुमति देता है। दूसरे शब्दों में, यह बिल्डर का एक प्रकार है WooCommerce शुरुआत करने वाले की उम्मीद होगी।

दिवि सेटिंग्स

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

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

और क्या आपको पता है?

Divi यहां तक ​​कि इसके लेआउट मॉड्यूल को रंगीन-कोडिंग करके पूरी प्रक्रिया को बहुत आसान बनाने का प्रयास करता है।

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

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

पूर्वनिर्धारित Divi WooCommerce वेबसाइट लेआउट

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

खैर, अधिक सटीक होने के लिए, Divi हर एक वेबसाइट पैक पर 7-8 विभिन्न पूर्व-डिज़ाइन किए गए लेआउट प्रदान करता है। प्रत्येक को पूरी तरह से निर्मित करने पर विचार करते हुए, आप आसानी से अपने अंतर्निहित ढांचे को बड़े पैमाने पर काम किए बिना लेआउट को अपना सकते हैं। आप यहाँ और वहाँ पर सिर्फ दो-दो जुमले बोलते हैं।

divi वेबसाइट लेआउट

अब अपने आप को अपने WooCommerce ऑनलाइन स्टोर के लिए एक आदर्श स्थान खोजने के लिए, बस डिवि थीम पर विभिन्न साइट श्रेणियों के माध्यम से स्क्रॉल करें। या वैकल्पिक रूप से, सभी विकल्पों को एक साथ खोजने के लिए कीवर्ड का उपयोग करें।

खैर, सभी में, एक उपयुक्त की पहचान करने में लंबा समय नहीं लगता है Divi ऑनलाइन स्टोर लेआउट। आपको इसे केवल WooCommerce के साथ एकीकृत करने की आवश्यकता है, और आप एक आकर्षक वर्डप्रेस ई-कॉमर्स साइट स्थापित करने के लिए अपने रास्ते पर होंगे।

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

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

क्या Divi WooCommerce के लिए उपयुक्त है?

माना जाता है कि सभी चीजें तेजी से लोकप्रिय हो रही हैं, क्योंकि यह मूल रूप से एक ऑल-इन-वन वर्डप्रेस थीम समाधान है।

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

👉 संक्षेप में, Divi आपके WooCommerce साइट के लिए विचार करने लायक एक विकल्प है क्योंकि:

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

चरण 1: दिव्य तक पहुँचने के लिए सुरुचिपूर्ण विषयों के साथ साइन-अप करें

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

दिवि वर्डप्रेस थीम

चरण 2: अपने वर्डप्रेस साइट पर दिवि स्थापित करें

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

वर्डप्रेस नई थीम

स्टेप 3: Add New बटन पर क्लिक करें

वर्डप्रेस नई थीम जोड़ें

अपलोड थीम बटन पर क्लिक करें। थीम ज़िप फ़ाइल ढूंढें और अपलोड करें। विषय को पूरी तरह से सक्रिय करने के लिए प्रक्रिया के माध्यम से जाओ और फिर आपको अपनी साइट के सामने वाले हिस्से पर विषय को देखने में सक्षम होना चाहिए।

वर्डप्रेस थीम अपलोड

चरण 4: अपना WooCommerce स्टोर सेटअप करें

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

क्या भयानक है कि प्रारंभिक साइटगॉर्न साइनअप ने पहले से ही आपकी वर्डप्रेस वेबसाइट पर WooCommerce स्थापित किया है, इसलिए आपको इसे स्थापित करने या स्थापित करने के बारे में चिंता करने की आवश्यकता नहीं है। यह आपके डैशबोर्ड में पहले से ही उपलब्ध होना चाहिए।

चरण 5: WooCommerce में अपने पहले उत्पादों को जोड़ें

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

WooCommerce नया उत्पाद जोड़ता है

चरण 6

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

ईकॉमर्स एक नया उत्पाद क्षेत्र जोड़ते हैं

चरण 7: WooCommerce सुविधाओं का अन्वेषण करें

यदि आप विवरण क्षेत्र के नीचे स्क्रॉल करते हैं, तो आपको अपने साथ घूमने के लिए हर संभव WooCommerce सुविधा मिलेगी। SKU नंबर, इन्वेंट्री, मूल्य निर्धारण, शिपिंग और विशेषताओं जैसी चीजों को संशोधित करने के लिए स्वतंत्र महसूस करें। मेरे लिए उन सभी को रेखांकित करने के लिए सुविधाएँ बहुत विशाल हैं, लेकिन आप इनमें जा सकते हैं WooCommerce प्रलेखन पृष्ठ वह सब कुछ समझने के लिए जिसे आप अपने ई-कॉमर्स साइट पर सेट कर सकते हैं।

WooCommerce सुविधाएँ

चरण 8: मुखपृष्ठ बनाएं

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

वर्डप्रेस नया पेज

चरण 9: अपने Divi पृष्ठ के लिए एक शीर्षक जोड़ें

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

पेज बिल्डर वर्डप्रेस

चरण 10

Full Width Header बटन पर क्लिक करें।

एक शीर्ष लेख जोड़ें

चरण 11

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

हेडर अनुकूलन

चरण 12

अधिक सेटिंग्स बदलने के लिए पूर्ण चौड़ाई हेडर मॉड्यूल के बाईं ओर तीन सलाखों पर टैप करें।

वर्डप्रेस woocommerce सेटअप

चरण 13

यहां आप हेडर को अच्छी पृष्ठभूमि का रंग दे सकते हैं और यहां तक ​​कि आपकी कंपनी के लिए एक वीडियो भी शामिल कर सकते हैं।

इन बटन को चारों ओर घुमाएं

चरण 14

अब हैडर पूरा हो गया है हम सम्मिलित कॉलम क्षेत्र पर क्लिक करके ईकॉमर्स मॉड्यूल शामिल कर सकते हैं।

वर्डप्रेस ईकॉमर्स सेटअप

चरण 15

यह चुनें कि आपको कितने कॉलम चाहिए, फिर सामने आने वाले इन्सर्ट मॉड्यूल विकल्प पर क्लिक करें। नीचे के पास शॉप बटन को चुनें।

वर्डप्रेस ईकॉमर्स सेटअप

चरण 16

आप अपने उत्पादों को कैसे प्रदर्शित करना चाहते हैं, इसे संशोधित करने के लिए स्वतंत्र महसूस करें। इसलिए आप अपने हाल के उत्पादों को पेज पर 12 आइटम के साथ दिखाना चाहते हैं, कुछ कॉलम और आप उन्हें कैसे ऑर्डर करना चाहते हैं। सेव बटन पर क्लिक करें।

वर्डप्रेस ईकॉमर्स सेटअप

चरण 17: पूर्वावलोकन और प्रकाशित करें

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

यदि आपके पास स्थापित करने के बारे में कोई प्रश्न हैं दिवि वर्डप्रेस थीम, कृपया नीचे टिप्पणी अनुभाग में हमें बताएं।

निष्कर्ष

और यह सब आपके पाने के लिए लगता है Divi WooCommerce ऑनलाइन एक SiteGround होस्टिंग खाते का उपयोग करके स्टोर और रन कर रहा है।

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

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

यदि आपके पास Divi WordPress विषय स्थापित करने के बारे में कोई प्रश्न हैं, तो कृपया नीचे टिप्पणी अनुभाग में हमें बताएं।

Divi रेटिंग: 5.0 - द्वारा समीक्षा

कैटालिन ज़ोरज़िनी

मैं एक वेब डिज़ाइन ब्लॉगर हूँ और यह पता लगाने के लिए संघर्ष कर रहा हूँ कि कुछ हफ़्ते बिताने के बाद इस प्रोजेक्ट को शुरू किया सबसे अच्छा ईकॉमर्स प्लेटफॉर्म मेरे लिए। मेरे वर्तमान की जाँच करें शीर्ष 10 ई-कॉमर्स साइट बिल्डरों.