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

74 मिलियन से अधिक साइटें अपने ब्लॉग होस्ट करने, अपने उत्पादों को बेचने या दुनिया को देखने के लिए अपने दैनिक संगीत लिखने के लिए वर्डप्रेस प्लेटफॉर्म पर निर्भर हैं। जब आप अपनी ईकॉमर्स वेबसाइट बनाना शुरू करते हैं तो आपके पास निश्चित रूप से बनाने के लिए बहुत सारे विकल्प होते हैं, और वर्डप्रेस इस में जुड़ जाते हैं। आप स्टैंडआउट ईकॉमर्स प्लेटफॉर्म में से किसका चयन करेंगे? क्या आप अपने उत्पादों को बेचने के लिए किसी विषय को हथियाने की योजना बना रहे हैं या क्या कोई ऐसा व्यक्ति है जिसे आप स्क्रैच से साइट बनाने के लिए भुगतान कर सकते हैं? हेक, आप अपनी ईकॉमर्स वेबसाइट के माध्यम से भी क्या बेचने की योजना बना रहे हैं? जब आप ऑनलाइन बेचना शुरू करने के लिए दृश्य और बैकएंड संरचना की तलाश करते हैं तो चुनने के लिए हजारों से लाखों वर्डप्रेस थीम हैं। लगभग होस्टिंग के साथ ही (लेकिन हम पसंद करते हैं Bluehost).

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

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

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

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

वास्तव में अच्छा क्या है Bluehost एक WordPress + WooCommerce एकीकरण योजना प्रदान करता है जो आपको ऑनलाइन बिक्री शुरू करने की जरूरत है सब कुछ देता है।

हम भी अत्यधिक की सिफारिश करेंगे SiteGround WooCommerce योजना। यह वास्तव में कुछ बेहतर सुविधाएँ प्रदान करता है जो Bluehost के साथ नहीं आते हैं, और आप हर समय कुछ हत्यारे सौदे प्राप्त कर सकते हैं। यह SiteGround के साथ एक प्रबंधित होस्टिंग समाधान के अधिक है।

आप कैसे शुरू करूँ?

इस पर जाएँ Bluehost पेज जो एकीकरण के बारे में बात करता है, फिर Get Started Now बटन पर क्लिक करें।

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

मुख्य अंतर यह है कि WooCommerce पहले से ही स्थापित किया गया है। इसके अलावा, आप निम्नलिखित प्राप्त करते हैं:

  • सकारात्मक एसएसएल ईकॉमर्स सुरक्षा
  • एक समर्पित समर्थन लाइन
  • कम से कम 100 GB वेबसाइट की जगह
  • अनमोल बैंडविड्थ
  • 100 ईमेल खाते
  • नि: शुल्क डोमेन
  • एक समर्पित आईपी

woocommerce_and_wordpress

आगे बढ़ते हुए आप उस योजना को चुन सकते हैं जिसे आप भुगतान करना चाहते हैं और अगले पृष्ठ पर आगे बढ़ सकते हैं।

choose_your_plan

उसके बाद यदि आप अभी भी उपलब्ध हैं, तो यह पता लगाने के लिए नए डोमेन नामों को आज़मा सकते हैं। एक बार जब आप एक उपलब्ध डोमेन नाम पाते हैं जो अगले पृष्ठ पर आपके ब्रांड के कदम को फिट करता है।

BlueHost डोमेन पंजीकरण

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

package_information

आप आम तौर पर सिर्फ सभी अतिरिक्त ऐड-ऑन कबाड़ को छोड़ सकते हैं, जब तक कि आप वास्तव में अपनी साइट का बैकअप लेने या गोपनीयता सुरक्षा के लिए भुगतान करने के लिए उत्सुक नहीं हैं। आपको आमतौर पर इसकी आवश्यकता नहीं होती है या बाद में इसे मुफ्त में प्राप्त कर सकते हैं। उसके बाद आप अपने Bluehost खाते के लिए अपना लॉगिन विवरण बना सकते हैं, जो आपको CPanel में लाता है। CPanel में लॉग इन करने के बाद, वेबसाइट बिल्डर्स क्षेत्र में नेविगेट करें, वर्डप्रेस पर क्लिक करें और अपनी साइट पर वर्डप्रेस प्राप्त करने की प्रक्रिया से गुजरें।

BlueHost वेबसाइट बनाने वाले

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

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

चरण 1

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

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

चरण 2

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

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

चरण 3

Add New बटन पर क्लिक करें।

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

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

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

चरण 4

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

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

चरण 5

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

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

चरण 6

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

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

चरण 7

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

WooCommerce सुविधाएँ

चरण 8

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

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

चरण 9

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

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

चरण 10

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

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

चरण 11

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

हेडर अनुकूलन

चरण 12

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

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

चरण 13

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

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

चरण 14

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

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

चरण 15

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

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

चरण 16

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

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

चरण 17

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

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

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

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

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