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

यदि आप इस पृष्ठ के लिंक से किसी सेवा की सदस्यता लेते हैं, तो रीव्स एंड संस लिमिटेड एक कमीशन कमा सकता है। हमारा देखें नैतिक वक्तव्य.

यह पृष्ठ मूल रूप से अंग्रेजी में लिखा गया था। अभी आप एक मशीनी अनुवादित संस्करण हिंदी में देख रहे हैं।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

अब, जब आप अपना पसंदीदा प्लान चुन लेते हैं, SiteGround आपको इसके डोमेन पंजीकरण पृष्ठ पर निर्देशित करेगा। यदि आप पहले से ही एक डोमेन के मालिक हैं, तो दूसरा विकल्प चुनें और उसका विवरण दर्ज करें। अन्यwise, $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 अपने स्वयं के सहज ज्ञान युक्त वर्डप्रेस पेज बिल्डर के साथ आता है plugin. आप इसका उपयोग अपने को स्वतंत्र रूप से अनुकूलित करने के लिए कर सकते हैं Divi WooCommerce बिना किसी कोडिंग के स्टोर करें।

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

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

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

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

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

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

उस ने कहा, 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 थीम प्रलेखन पृष्ठ आपको हर उस टूल और फीचर के बारे में पता चलेगा जो आप थीम पर काम कर सकते हैं, लेकिन हम मुख्य रूप से ई-कॉमर्स वेबसाइट की स्थापना पर ध्यान केंद्रित करने जा रहे हैं। RSI 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

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

WordPress woocommerce व्यवस्था

चरण 13

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

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

चरण 14

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

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

चरण 15

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

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

चरण 16

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

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

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

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

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

निष्कर्ष

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

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

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

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

टिप्पणियाँ 25 जवाब

  1. एरिक कहते हैं:

    "शानदार" को शीर्षक से हटा दिया जाना चाहिए था

  2. जुआनजो हर्नांडेज़ कहते हैं:

    divi ठीक है, लेकिन जब आपको स्टोर के उत्पादों को फ़िल्टर करना होगा तो आपको समस्याएँ होंगी, इसका कोई सुरुचिपूर्ण समाधान नहीं है। मैं इसकी अनुशंसा नहीं करता क्योंकि इसका कोई पूर्ण समाधान नहीं है। यह इसका पूर्ण समाधान नहीं है woocommerce

  3. विकी कहते हैं:

    नमस्ते, इस लेख के लिए धन्यवाद...
    हालाँकि, मैं एक नया ऑनलाइन स्टोर स्थापित करने पर विचार कर रहा हूँ... लेकिन इसे इस तरह से करने में क्या अंतर है (ऊपर: ब्लूहोस्ट+वर्डप्रेस+wooCommerce) बनाम बस Shopify?

    आपकी सहायता की सराहना!

  4. Jes कहते हैं:

    इस विस्तृत पोस्ट के लिए धन्यवाद:) क्या आप जानते हैं कि मैं प्रदर्शन पर उत्पादों के लिए एक निश्चित छवि/थंबनेल आकार कैसे सेट करता हूं। मैंने इसे wocommerce सेटिंग्स के अंतर्गत बदलने और थंबनेल पुन: उत्पन्न करने का प्रयास किया है, लेकिन यह काम नहीं किया।

  5. करेन कहते हैं:

    डेनमार्क में हमारे पास वियाबिल है इसलिए आप उसके माध्यम से भुगतान कर सकते हैं, क्या इसे मेरी वेबशॉप से ​​जोड़ना संभव है?

    1. बोगदान रैंकी कहते हैं:

      नमस्ते केरन,

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

      शुभकामनाएँ,
      -
      Bogdan - ecommerce-platforms.com पर संपादक

  6. मिला स्टोन्स कहते हैं:

    क्या बनाना संभव है vendया बाज़ार के साथ divi और वाणिज्य को लुभाएं?

    1. बोगदान रैंकी कहते हैं:

      हाय मिला,

      नहीं, लेकिन आप इसका उपयोग करके ऐसा कर सकते हैं बाज़ार का थीम (एक थीम जो कस्टम टेम्प्लेट, शैलियों आदि के साथ बाज़ार की कार्यक्षमता का समर्थन करती है...), यहां हमारा ट्यूटोरियल देखें: वर्डप्रेस और मार्केटिफाई के साथ फिजिकल प्रोडक्ट मार्केटप्लेस कैसे बनाएं

      शुभकामनाएँ,

      Bogdan - ecommerce-platforms.com पर संपादक

  7. मैग्डा मेटवाली कहते हैं:

    नमस्ते,
    मैं शॉप फीचर में काम कर रहा हूं और दो समस्याएं आ रही हैं।
    1. मैं सभी उत्पाद दिखाने का प्रयास कर रहा हूं और मुझे हमेशा एक श्रेणी का चयन करना पड़ रहा है? क्या मुझे सभी की एक श्रेणी बनानी होगी या कोई और तरीका है?

    2. मैंने देखा है कि वस्तुओं की खरीदारी के लिए डिस्प्ले के साथ यह सभी वस्तुओं को पृष्ठों पर फैलाने के बजाय एक पृष्ठ (30 आइटम) पर प्रदर्शित करता है और उपयोगकर्ता को पृष्ठ 2, पृष्ठ 3 आदि पर जाने की अनुमति देता है? क्या इसे बदलने का कोई तरीका है ताकि डिफ़ॉल्ट पृष्ठ 12 आइटम हो और फिर शेष अगले पृष्ठ पर चला जाए?

    1. बोगदान रैंकी कहते हैं:

      हाय मैग्डा,

      तुम्हें कोशिश करनी चाहिए Wp कर्व वर्डप्रेस से संबंधित छोटे बदलावों के लिए।

      शुभकामनाएँ!

      चीयर्स!

      Bogdan - ecommerce-platforms.com पर संपादक

  8. एमिली कहते हैं:

    नमस्ते, मैं सोच रहा था कि प्रत्येक उत्पाद पृष्ठ में संबंधित उत्पाद कैसे जोड़ें Woocommerce और Divi. अग्रिम में धन्यवाद!

  9. आदिल लूनाट कहते हैं:

    Hi

    मैं कुछ मार्गदर्शन चाहूँगा क्योंकि यह पहली बार उपयोग कर रहा है Divi और Woocommerce एक साथ.

    मेरी आवश्यकताएं;
    मैं जानना चाहूंगा कि साइट के लिए ग्राहक पंजीकरण के लिए कौन सा विकल्प या दिशा अपनाई जाए, विपणन संचार के लिए उपयोग किया जाए और उत्पादों को ऑनलाइन खरीदा जाए।
    - ग्राहकों को पंजीकरण करने में सक्षम होना चाहिए, भले ही वे कुछ भी नहीं खरीद रहे हों
    - मैं इन विवरणों को प्राप्त करने में सबसे अधिक लचीलापन कैसे प्राप्त करूंगा, जैसे कि उन्हें निर्यात करना और बड़े पैमाने पर मेल या एसएमएस आदि भेजने जैसे ट्रैकिंग और हेरफेर के लिए एक स्प्रेडशीट रिकॉर्ड रखना, क्योंकि कई बार मुझे बैकअप की आवश्यकता होगीformatआयन कहीं बस मामले में, और फिर साइट के दूसरे हिस्से में या स्टोर के भीतर उपयोगकर्ताओं के लिए उसी डेटाबेस (MySQL) का उपयोग करने की आवश्यकता है क्योंकि यह एक फार्मेसी के लिए है और हम रक्तचाप, ग्लूकोज रीडिंग के साथ रोगी इतिहास सेट कर सकते हैं उदाहरण के लिए और कई अन्य और फिर शायद कस्टम पेज जोड़ें जहां उनकी प्रोफ़ाइल होformatआयन का उपयोग किया जाएगा.
    डॉक्टरी दवाओं, वितरण पते और सबसे महत्वपूर्ण रूप से चिकित्सा सहायता को संसाधित करने के लिए हमारे भौतिक स्टोर में हमारे स्थानीय फार्मेसी कार्यक्रम में ग्राहकों को आयात/जोड़ने के लिए भी डेटा की आवश्यकता होती है।formatआयन क्योंकि यह एक मानक फॉर्म फ़ील्ड या संरचना आइटम आदि नहीं है जो कि ले के अनुसार हो और इसलिए इसका मतलब ऑनलाइन सदस्यता डेटाबेस से सीएसवी/अन्य फ़ाइल निर्यात करना होगा और फिर हमारे इन स्टोर सर्वर पर एसक्यूएल डेटाबेस में आयात करना होगा।
    - आदर्श रूप से मुझे डेटा को आसानी से या अधिक सुचारू रूप से स्थानांतरित करने में सक्षम होना चाहिए और इसलिए साइन-अप के लिए किसी भी पंजीकरण या फॉर्म का उपयोग करने से पहले मुझे साइट पर इसे ठीक से पूरा करने की आवश्यकता है। क्या मैं उपयोगकर्ताओं के लिए एक अलग डेटाबेस स्थापित कर सकता हूं जो उसका अपना, स्वतंत्र डेटाबेस होगा जो वर्डप्रेस के भीतर नहीं है/Divi/Woocommerce तालिकाएँ या डेटाबेस जो डिफ़ॉल्ट रूप से बनाए जाते हैं?
    - एक अन्य तत्व ऑनलाइन भुगतान के लिए सुरक्षा है, क्या इसे थीम के माध्यम से ही लागू किया जाता है woocommerce या वर्डप्रेस बैकएंड या शायद सभी 3 में?
    धन्यवाद। आपसे शीघ्र ही पुनः मिलने की आशा है।

  10. जूली कहते हैं:

    उपयोग करने पर कोई सुझाव Divi मूल्य निर्धारण तालिकाएँ और WooCommerce. एक दुकान के बजाय यह एक पैकेज्ड परामर्श आधारित पेशकश है जिसे ग्राहक खरीदते हैं?

  11. kitएक सूद कहते हैं:

    मैं उत्पाद श्रेणियां प्रदर्शित करने के लिए कोड मॉड्यूल [product_categoriesparent=”0?] में इस शॉर्टकोड को जोड़ने का प्रयास कर रहा हूं, लेकिन निरीक्षण करने पर यह कुछ भी प्रदर्शित नहीं कर रहा है, क्लास=” के साथ केवल खाली डिव दिख रहा है।woocommerce कॉलम -4″ इसलिए यदि कोई जानता है कि समस्या क्या है तो कृपया इस संबंध में मेरी मदद करें

  12. ब्रैंडन कहते हैं:

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

  13. डायने गिब्स कहते हैं:

    ठीक है, इससे पूरी तरह मदद मिली, लेकिन शॉप मॉड्यूल में अभी भी एक साइड बार है। उस मॉड्यूल में कोई शोर्टकोड नहीं है?

  14. Kirstie कहते हैं:

    मैंने अपने 'विशेष आइटम' दिखाने का विकल्प चुना है.. लेकिन कुछ भी नहीं दिख रहा है। मैं यह कैसे चुनूं कि कौन से उत्पाद 'विशेष रुप से प्रदर्शित' हैं?

  15. क्रेग कहते हैं:

    यदि आप अपनी दुकान को श्रेणियों के अनुसार प्रदर्शित करना चाहते हैं तो क्या होगा?
    RSI Divi मॉड्यूल वह विकल्प नहीं देते, केवल फ़ीचर्ड, बेस्ट-सेलिंग वगैरह...
    ????

    1. Sebas कहते हैं:

      आप एक टेक्स्ट मॉड्यूल सम्मिलित कर सकते हैं और डब्ल्यूसी द्वारा प्रदान किए गए शॉर्टकोड का उपयोग कर सकते हैं;

      [उत्पाद_श्रेणियाँ अभिभावक=”0″]

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

        1. आस्था कहते हैं:

          विस्तार 'लुआशोरो' के लिए धन्यवाद। मेरे पास दो श्रेणियां हैं जिनमें दोनों उत्पाद हैं और 'उत्पाद श्रेणी' अभी भी मेरे लिए प्रदर्शित नहीं हो रही है। कृपया कोई सुराग?

        2. कैरी कहते हैं:

          असल में आप नहीं कर सकते.

  16. बारबरा कहते हैं:

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

    1. jcbywaters कहते हैं:

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

      हालाँकि यहां उन पृष्ठों के लिए सरल तरीका बताया गया है जिन्हें आप कर सकते हैं

      wp एडमिन खोलें, > डैशबोर्ड > सभी पेज >

      संपादित करने के लिए निम्नलिखित का उपयोग करें (पृष्ठों को देखें)। woocommerce स्वचालित रूप से अर्थात् कार्ट जोड़ता है। वगैरह)

      उदाहरण: ईआईडीटी और एक कस्टम कार्ट पेज बनाएं

      ईटी पेज पेज बिल्डर का उपयोग करने से पहले चीजों को आसान बनाने के लिए यह करना महत्वपूर्ण है जो आप देखेंगे woocommerce छोटे संकेत

      कार्ट पेज = [woocommerce_कार्ट]

      यदि आप चाहें तो संक्षिप्त कोड को एक नए नोटपैड, टेक्स्ट पैड या समान विवरण के साथ कॉपी करें

      1 कदम

      हटाना divi हेडर, पृष्ठ विशेषताओं पर जाएं, इसे डिफ़ॉल्ट से रिक्त में बदलें, पृष्ठ को सहेजने के लिए अपडेट पर क्लिक करें, पूर्वावलोकन करें, divi हेडर चला गया 🙂

      2 कदम

      मैं नए सुंदर डिज़ाइन के लिए ईटी पेज बिल्डर का उपयोग करना चाहता हूं (हां कृपया)

      सबसे पहले डिलीट करें (कट कर इसे पेस्ट करने के लिए तैयार सेव करें)। woocommerce लघु कूट संख्या [woocommerce_कार्ट] तो अब आपके पास एक खाली पेज है, परिवर्तनों को फिर से अपडेट करें

      अब आप ईटी पेज बिल्डर का उपयोग करके पेज को संपादित करना शुरू कर सकते हैं, कहीं अपना पेस्ट करके एक टेक्स्ट मॉड्यूल जोड़कर शुरुआत करें woocommerce लघु कूट संख्या, [woocommerce_कार्ट] त्वरित परीक्षण अद्यतन और पूर्वावलोकन परिवर्तनों के लिए

      step3

      अन्य पृष्ठों के लिए धोएं और दोबारा दोहराएं 🙂

      यह न भूलें कि आप साइड बार को चालू/बंद कर सकते हैं या विजेट संपादित कर सकते हैं

      शुभ दिन और अंतहीन सुंदर डिज़ाइन, यिपी!

      woocommerce लघुकोड > http://docs.woothemes.com/document/woocommerce-shortcodes/

      उन्हें काटने और चिपकाने के लिए तैयार नोटपैड/टेक्स्ट दस्तावेज़ पर चिपकाएँ

      जॉन

एक जवाब लिखें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड इस तरह चिह्नित हैं *

रेटिंग *

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.