के साथ एक शानदार ऑनलाइन शॉप कैसे बनाएं WooCommerce, Divi और SiteGround (जुलाई 2021)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

फिर कोई भी अतिरिक्त ऐड-ऑन सेवाओं को चुनें जिन्हें आप अपने पैकेज में शामिल करना चाहते हैं, और वोइला! सेट अप करने के लिए बस इतना ही चाहिए Siteground खाते.

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

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

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

क्या है Divi?

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

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

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

क्या है divi

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

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

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

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

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

Divi पेज बिल्डर को खींचें और छोड़ें

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

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

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

divi सेटिंग्स

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

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

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

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

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

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

पहले से डिज़ाइन Divi WooCommerce वेबसाइट लेआउट

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

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

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

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

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

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

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

Is Divi के लिए उपयुक्त WooCommerce?

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

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

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

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

चरण 1: सुरुचिपूर्ण थीम्स के साथ साइन-अप करने के लिए एक्सेस प्राप्त करें Divi

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

Divi WordPress विषय

चरण 2: स्थापित करें Divi आपकी वर्डप्रेस साइट पर

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

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

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

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

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

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

चरण 4: अपना सेटअप करें WooCommerce दुकान

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

कमाल की बात यह है कि प्रारंभिक SiteGround साइनअप पहले से ही स्थापित 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 WordPress विषय, कृपया नीचे टिप्पणी अनुभाग में हमें बताएं।

निष्कर्ष

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

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

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

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

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

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

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