वर्डप्रेस के साथ एक ऑनलाइन ईकामर्स स्टोर वेबसाइट कैसे बनाएं

ई-कॉमर्स लाल गर्म है क्योंकि यह ईंट और मोर्टार के कारोबार को बिना किसी उच्च लागत के लागत के बिना 6 आंकड़े प्रति माह कमाने में अविश्वसनीय रूप से आसान बनाता है.


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

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

आपको बस एक वेब होस्टिंग खाता और थोड़ा सा प्रयास करना होगा और आप कुछ ही समय में ई-कॉमर्स वेबसाइट बना पाएंगे.


आएँ शुरू करें!

Contents

तुम्हें जिन चीज़ों की ज़रूरत पड़ेगी:

  • मेजबानी. मैं SiteGround की सलाह देता हूं.
  • डोमेन नाम.
  • वर्डप्रेस थीम. इस ट्यूटोरियल के लिए, हम मुफ्त एस्ट्रा थीम का उपयोग करते हैं.
  • वर्डप्रेस पेज बिल्डर. इसके लिए, हम निशुल्क एलिमेंट पेज बिल्डर का उपयोग करते हैं.
  • WooCommerce, सबसे अच्छा ई-कॉमर्स वर्डप्रेस प्लगइन.

चरण 1. एक वेब होस्टिंग और डोमेन नाम खरीदें.

यदि आप इस पूरे वेबसाइट-निर्माण व्यवसाय में नए हैं, तो मुझे पहले स्पष्ट करें कि वेब होस्टिंग और डोमेन नाम क्या हैं और आपको उनकी आवश्यकता क्यों है.

क्या एक होस्टिंग और डोमेन नाम है?

एक वेब होस्टिंग इंटरनेट पर एक जगह है जहां आपकी वेबसाइट लाइव होगी। यह एक भौतिक घर की तरह है जहाँ आपका सामान मिल सकता है। दूसरी ओर, डोमेन नाम, आपकी वेबसाइट का पता है। यह आपके पते की तरह है जो आप लोगों को देते हैं ताकि वे घर पर आपसे मिलने आ सकें। “Facebook.com”, “Google.com” और “WordPress.com” डोमेन नाम के सभी उदाहरण हैं.

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

Siteground, My Preferred Web Hosting Service

ई-कॉमर्स वेबसाइट बनाने के लिए आप किसी भी उच्च गुणवत्ता वाली वेब होस्टिंग सेवा का उपयोग कर सकते हैं, लेकिन इस ट्यूटोरियल में, हम साइटग्राउंड का उपयोग करने जा रहे हैं.

SiteGround एक अत्यधिक अनुशंसित वेब होस्ट ऑनलाइन है क्योंकि उन्होंने वर्डप्रेस उपयोगकर्ताओं को पूरा किया है और अभी भी सस्ती कीमत है। वे अपने तेज़ प्रदर्शन और समान रूप से तेज़ समर्थन के लिए जाने जाते हैं.

यहाँ SiteGround की प्रमुख विशेषताएं हैं:

  • नि: शुल्क एसएसएल प्रमाणपत्र
  • तेजी से ज्ञात समर्थन
  • वर्डप्रेस स्टेजिंग पर्यावरण
  • फ्री वेबसाइट माइग्रेशन
  • 30 दिन का बैकअप

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

मैंने उन लोगों के साथ एक अद्भुत सौदा किया है जो किसी को भी साइन अप करने के लिए 70% छूट देते हैं यह लिंक. इसलिए अगर आप अपनी होस्टिंग पर पैसे बचाना चाहते हैं, इस लिंक पर क्लिक करें और अब अपने होस्टिंग खरीद.

एक बार जब आप उनके होमपेज पर उतरते हैं, तो आप चार अलग-अलग प्रकार की होस्टिंग देखेंगे:

साइट ग्राउंड प्लान चुनें

वर्डप्रेस होस्टिंग चुनें और क्लिक करें शुरू हो जाओ. फिर आप तीन मूल्य निर्धारण योजनाएँ देखेंगे:

साइटग्राउंड वर्डप्रेस होस्टिंग मूल्य निर्धारण

अपनी आवश्यकताओं और बजट के अनुसार एक चुनें। आप उनकी जांच भी कर सकते हैं प्रत्येक होस्टिंग योजना की तुलना एक बेहतर विचार पाने के लिए कि कौन सी योजना आपकी आवश्यकताओं के अनुरूप है.

एक बार जब आप एक योजना पर फैसला कर लेते हैं, तो क्लिक करें योजना प्राप्त करें. फिर आपको एक पृष्ठ पर ले जाया जाएगा, जहाँ आपको एक डोमेन चुनना होगा। यदि आपने पहले से ही एक डोमेन नाम खरीदा है, तो “मेरे पास पहले से ही एक डोमेन है” चुनें। लेकिन अगर आपके पास एक नहीं है, तो साइटग्राउंड के अंदर एक डोमेन खरीदने के लिए “एक नया डोमेन पंजीकृत करें” चुनें.

एक डोमेन चुनें

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

दूसरा चरण। वर्डप्रेस स्थापित करें.

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

साइटग्राउंड वास्तव में एक-क्लिक वर्डप्रेस इंस्टॉल के साथ आता है जो वर्डप्रेस को स्थापित करने और स्थापित करने के सभी कठिन काम करता है.

एक बार जब आप अपनी होस्टिंग खरीद पूरी कर लेते हैं, तो आपको एक लिंक के साथ एक स्क्रीन दिखाई देगी “ग्राहक क्षेत्र के लिए आगे बढ़ें”. उस पर क्लिक करें और आपको एक पृष्ठ पर ले जाया जाएगा जहां आप अपना नया होस्टिंग खाता सेट कर सकते हैं। के अंतर्गत अपनी वेबसाइट सेट करें, चुनते हैं एक नई वेबसाइट शुरू करें.

फिर आपको सॉफ्टवेयर की एक सूची दिखाई देगी जिसे आप इंस्टॉल कर सकते हैं। चुनते हैं वर्डप्रेस.

WordPress स्थापित करें

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

एक बार हो गया है, क्लिक करें पुष्टि करें > पूरा सेटअप. और अब आपके पास एक लाइव, सेल्फ होस्टेड वर्डप्रेस वेबसाइट है.

अपनी वेबसाइट को कस्टमाइज़ करने के लिए, आपको वर्डप्रेस बैकएंड पर लॉग इन करना होगा। ऐसा करने के लिए, अपने साइट ग्राउंड डैशबोर्ड पर जाएं और स्विच करें मेरा खाता टैब। दबाएं स्थापना टैब, और यहां आपको वह डोमेन नाम दिखाई देगा जिसे आपने पंजीकृत किया था। एक तरफ यह एक हरा है एडमिन पोर्टल पर जाएं बटन। अपने WordPress लॉगिन पेज पर जाने के लिए इस बटन पर क्लिक करें.

वर्डप्रेस एडमिन डैशबोर्ड पर जाएं

वर्डप्रेस लॉगिन पृष्ठों में आमतौर पर ये प्रारूप होते हैं: yourdomain.com/wp-admin तथा yourdomain.com/wp-login. अपने लॉगिन पृष्ठ URL को याद रखें ताकि अगली बार आप URL को सीधे अपने एड्रेस बार में टाइप करके और अब साइटग्राउंड में लॉग इन किए बिना इसे एक्सेस कर सकें।.

वर्डप्रेस लॉगिन पेज इस तरह दिखता है:

वर्डप्रेस लॉगिन पेज

पहली बार अपनी वेबसाइट में लॉग इन करने के लिए अपना उपयोगकर्ता नाम और पासवर्ड यहाँ दर्ज करें.

चरण 3. एस्ट्रा थीम और एस्ट्रा साइट स्थापित करें.

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

एस्ट्रा एक मुफ्त वर्डप्रेस थीम है जिसमें उत्कृष्ट गति और सरलता है। इसे एस्ट्रा साइट्स (फ्री प्लगइन) के साथ जोड़ दें, और किसी के पास कुछ माउस क्लिक के साथ एक सुंदर वेबसाइट हो सकती है। एक प्रो संस्करण भी उपलब्ध है जो एस्ट्रा को सही विषय बनाता है.

यहाँ वे विशेषताएँ हैं जो मुझे एस्ट्रा के बारे में सबसे अधिक पसंद हैं:

  • सबसे तेज उपलब्ध थीम्स में से एक
  • 100 से अधिक स्टार्टर साइट (अधिकांश 100% मुफ्त हैं)
  • लचीला मेगा मेनू सुविधा
  • शक्तिशाली ऐड-ऑन पैकेज
  • व्यापक WooCommerce समर्थन

किसी भी वर्डप्रेस वेब डिज़ाइन प्रोजेक्ट के लिए एस्ट्रा थीम एक उत्कृष्ट विकल्प है। वास्तव में, यह विषय है कि मैं इस वेबसाइट और अपनी सभी वेबसाइट परियोजनाओं पर उपयोग कर रहा हूं.

मुझे डिवेलपर पर पूरा भरोसा है और इस बात से बहुत प्रभावित हूं कि थीम कितनी अच्छी है.

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

एस्ट्रा को स्थापित करने के लिए, पर जाएं दिखावट > विषय > नया जोड़ें. एस्ट्रा के लिए खोजें, क्लिक करें इंस्टॉल, तथा सक्रिय.

एस्ट्रा थीम स्थापित करना

एक और बात जो मुझे बहुत पसंद है, वह यह है कि इसमें एक प्लगइन होता है, जिसे कॉल किया जाता है एस्ट्रा स्टार्टर साइटें प्री-बिल्ट फ्री और प्रीमियम टेम्प्लेट की लाइब्रेरी के साथ। आप कुछ ही क्लिक में अपनी वेबसाइट के लिए इन टेम्प्लेट का उपयोग कर सकते हैं। हम अपनी वेबसाइट निर्माण का समय आधा करने के लिए एस्ट्रा साइट टेम्पलेट का उपयोग करेंगे.

एस्ट्रा स्थापित करने के बाद, आप इस संदेश को अपने डैशबोर्ड पर देखेंगे:

एस्ट्रा साइट्स शुरू हो जाती हैं

क्लिक करें शुरू हो जाओ. यह आपके लिए एस्ट्रा स्टार्टर साइट्स स्थापित करेगा.

आपका पेज बिल्डर चुनना

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

प्रमुख तत्व विशेषताएं:

  • लाइव फ्रंट एंड पेज के संपादक
  • वेबसाइट वैयक्तिकरण सुविधाएँ
  • टेम्प्लेट और ब्लॉक लाइब्रेरी
  • व्यापक मोबाइल उत्तरदायी विकल्प
  • सबसे शक्तिशाली पॉपअप बिल्डर
  • प्रो: कस्टम हेडर / पाद बनाएँ
  • PRO: पोस्ट टाइप लेआउट बनाएँ

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

आपका एस्ट्रा साइट थीम चुनना

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

इस ट्यूटोरियल के लिए, मैं कस्टम प्रिंटिंग टेम्पलेट का उपयोग करने जा रहा हूं क्योंकि यह अद्भुत और बहुत ई-कॉमर्स उन्मुख दिखता है.

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

यदि आप ध्यान दें, तो एक बॉक्स है जो कहता है कि “आवश्यक प्लग-इन इंस्टॉल करें”। इस बॉक्स को चेक करने से थीम के लिए आवश्यक सभी प्लगइन्स इंस्टॉल हो जाएंगे, ठीक उसी तरह से जैसे यह है। कस्टम प्रिंटिंग थीम के लिए, यह एलिमेंट, WooCommerce और WPForms स्थापित करेगा। यह मुझे इतना समय बचाता है क्योंकि मुझे इन प्लगइन्स को एक-एक करके स्थापित नहीं करना है। मेरे लिए सब कुछ किया है.

एस्ट्रा साइट विषय आयात करना

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

चरण 4. अपनी वेबसाइट को अनुकूलित करें.

अब आपकी वेबसाइट तेजस्वी लग रही है, लेकिन आप इसे अपना बनाना चाहते हैं। पहली बात यह है कि आप अपना रंग पैलेट चुनना चाहते हैं। यदि आपके पास पहले से ही अपना ब्रांड रंग है, तो यह आसान होने जा रहा है.

एक रंग पैलेट चुनना

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

वेबसाइट रंग पैलेट चुनने के लिए, मैं दो टूल का उपयोग करता हूं। पहले वाला है Coolors.co जहाँ आप विभिन्न रंगों के पट्टियों के चारों ओर ब्राउज़ कर सकते हैं और अपनी वेबसाइट पर आप जो उपयोग करना चाहते हैं उसे चुन सकते हैं.

कूलर मुखपृष्ठ

यदि आपको एक पैलेट दिखाई देता है जो आपको पसंद है, तो उस पर अपने माउस को घुमाएं राय, और आपको एक नई विंडो पर ले जाया जाएगा जहां आपको प्रत्येक रंग के हेक्स कोड दिखाई देंगे.

हेक्स कोड के साथ रंग पैलेट

ये हेक्स कोड हैं जो आपको अपनी वेबसाइट पर इन रंगों का उपयोग करने की आवश्यकता है। बाद में मैं आपको दिखाने जा रहा हूं कि वर्डप्रेस बैकएंड पर इन हेक्स कोड का उपयोग कैसे करें.

एक और अच्छा उपकरण है Colorzilla, एक Google Chrome एक्सटेंशन जो आपको किसी भी वेबसाइट पर देखे जाने वाले किसी भी रंग का हेक्स कोड प्राप्त करने देता है, ताकि आप इसे अपने दम पर उपयोग कर सकें। यदि आप Colorzilla एक्सटेंशन प्राप्त करना चाहते हैं, यहाँ क्लिक करें. तब दबायें क्रोम में जोडे.

ColorZilla

इसमें कुछ समय लग सकता है, लेकिन एक बार यह हो जाने के बाद, आप अपने टूलबार पर इस आइकन को देखेंगे:

colorzilla आइकन

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

टाइपोग्राफी को अनुकूलित करना

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

मुझे इस्तेमाल करना पसंद है Fontpair.co जो एक वेबसाइट है जो आपको दिखाती है कि दो अलग-अलग फोंट एक साथ कैसे दिखते हैं.

fontpairs.co का उपयोग कर

यदि आपको अपनी पसंद का कुछ दिखाई देता है, तो ध्यान दें कि इसे क्या कहा जाता है ताकि आप वर्डप्रेस पर जा सकें और इसे सीधे वहां जोड़ सकें.

मुझे Google Chrome एक्सटेंशन का उपयोग करने वाले व्हाट्सएप का उपयोग करना भी पसंद है, जो आपको बताता है कि किसी भी वेबसाइट पर किस फ़ॉन्ट का उपयोग किया जाता है। WhatFont स्थापित करने के लिए, यहाँ क्लिक करें तब दबायें क्रोम में जोडे. तब आप अपने टूलबार पर इस आइकन को देखेंगे:

whatfont आइकन

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

whatfont का उपयोग करना

एक लोगो हो रही है

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

Canva बहुत सारे लोगो टेम्प्लेट के साथ आता है जिन्हें आप अपना बनाने के लिए संशोधित कर सकते हैं। हालांकि, ध्यान दें कि यदि आप लोगो को पारदर्शी पृष्ठभूमि के साथ निर्यात करना चाहते हैं, तो आपको प्रो (जिसमें एक महीने का नि: शुल्क परीक्षण है) में अपग्रेड करना होगा। आप हमेशा फ़ोटोशॉप में जा सकते हैं या Photopea पृष्ठभूमि को हटाने के लिए, लेकिन यह सिर्फ प्रक्रिया के लिए एक अतिरिक्त कदम जोड़ता है.

Canva लोगो

यदि आप समय बचाना चाहते हैं, तो आप इसे करने के लिए बस एक फ्रीलांस लोगो डिज़ाइनर रख सकते हैं। आप Fiverr.com या 99design जैसी वेबसाइटों की कोशिश कर सकते हैं, लेकिन आपको उनकी शैली, ट्रैक रिकॉर्ड, समीक्षा, रेटिंग और बहुत कुछ के आधार पर कलाकार चुनने में सावधानी बरतनी होगी।.

अपनी वेबसाइट को अनुकूलित करना

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

विषय को अनुकूलित करें

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

विषय को अनुकूलित करें

इस प्रकार थीम कस्टमाइज़र दिखता है:

थीम कस्टमाइज़र

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

एस्ट्रा में, अपनी साइट के रंग बदलने के लिए, पर जाएं रंग और पृष्ठभूमि. आपके पास आधार रंग, ब्रेडक्रंब, हेडर, और पाद बार रंग बदलने का विकल्प होगा.

रंग पृष्ठभूमि संपादक

बेस कलर्स आपकी वेबसाइट का विषय, लिंक, टेक्स्ट और लिंक होवर रंग हैं। यदि आप बदलना चाहते हैं, उदाहरण के लिए, थीम रंग, क्लिक करें रंग चुनो. रंग चुनने के लिए आपको दो तरीके दिखाई देंगे। सबसे पहले, आप एक बॉक्स में हेक्स कोड पेस्ट कर सकते हैं। तो अगर आपको Coolors.co या किसी अन्य जगहों पर रंग मिला है, तो आप यहाँ Hex कोड पेस्ट कर सकते हैं। आप एक अंतर्निहित चयन उपकरण में एक रंग का चयन भी कर सकते हैं.

आधार रंग संपादक

अपनी साइट की टाइपोग्राफी बदलने के लिए, कस्टमाइज़र मुख्य मेनू पर वापस जाएँ और क्लिक करें टाइपोग्राफी. आप आधार, ब्रेडक्रंब, सामग्री और ब्लॉग टाइपोग्राफी को बदलने में सक्षम होंगे.

टाइपोग्राफी कस्टमाइज़र

इसके बाद अपना लोगो जोड़ रहा है। अपना लोगो अपलोड करने के लिए, पर जाएँ ख़ाका > हैडर > साइट पहचान. लोगो अनुभाग के तहत, क्लिक करें लोगो बदलें बटन और अपना लोगो अपलोड करें.

लोगो अपलोड करें

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

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

एक बार जब आप कस्टमाइज़िंग कर लेते हैं, तो क्लिक करना न भूलें प्रकाशित करना अपने बदलावों को अपनी साइट पर लाइव करने के लिए.

चरण 5. अपनी वेबसाइट को एलिमेंट के साथ कस्टमाइज़ करना.

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

जैसा कि मैंने पहले उल्लेख किया है, मैं इस ट्यूटोरियल में एलिमेंट का उपयोग करने जा रहा हूं क्योंकि मुझे लगता है कि यह सबसे अच्छा है, लेकिन आप किसी भी पेज बिल्डर का उपयोग कर सकते हैं जिसके साथ आप सहज हैं.

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

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

पृष्ठों

अपने पेज बिल्डर के साथ एक पृष्ठ को संपादित करने के लिए, उस पर अपने माउस को घुमाएं और क्लिक करें (पेज बिल्डर) के साथ संपादित करें. मेरे मामले में, यह होगा एलिमेंट के साथ संपादित करें.

तत्व के साथ संपादित करें

एक बार जब आप उस पर क्लिक करते हैं, तो आपको एलिमेंट के अंदर ले जाया जाएगा.

दूसरा तरीका यह है कि यदि आप अपनी वेबसाइट के सामने हैं, तो उस पृष्ठ पर जाएं जिसे आप संपादित करना चाहते हैं और क्लिक करें तत्व के साथ संपादित करें शीर्ष पर काली पट्टी पर:

तत्व के साथ संपादित करें

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

तत्व में संपादन ग्रंथ

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

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

तत्व में संपादन छवियाँ

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

एलिमेंट प्रो में पूरी तरह से और अधिक सुविधाएँ हैं, जैसे फॉर्म जोड़ने की क्षमता (जिसमें आमतौर पर थर्ड-पार्टी प्लगइन की आवश्यकता होती है), अपने स्वयं के फोंट अपलोड करने की क्षमता, स्लाइडर्स जोड़ने, मूल्य तालिकाएँ और मूल्य सूचियाँ जोड़ने, अपने हेडर और फ़ुटर्स को कस्टमाइज़ करने के लिए ( जो कि ज्यादातर पेज बिल्डरों के लिए ऑफ-लिमिट है), और बहुत कुछ.

यदि आप एलिमेंटर प्रो खरीदना चाहते हैं और उसी समय मेरे एलिमेंट प्रो प्रो तक मुफ्त पहुँच प्राप्त करें, तो इस लिंक पर क्लिक करें.

चरण 5. WooCommerce सेट अप करें.

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

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

पहली चीज जो हमें करनी है, वह है WooCommerce > समायोजन. आपको 7 टैब दिखाई देंगे: सामान्य, उत्पाद, शिपिंग, भुगतान, लेखा और गोपनीयता, ईमेल और उन्नत.

आइए पहले देखें सामान्य टैब। इस टैब में, आप अपना स्टोर पता सेट करने में सक्षम होंगे, जिसमें आप उन देशों को बेचेंगे और शिप करेंगे, और कर दरों को सक्षम करेंगे.

सामान्य सेटिंग्स woocommerce

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

अगला है उत्पाद टैब जहां आप उत्पाद से संबंधित विकल्प सेट कर सकते हैं। आप यह सेट कर सकते हैं कि आपका पेज किस पेज पर होगा, क्या होता है जब आगंतुक किसी उत्पाद को कार्ट में जोड़ते हैं, उत्पाद आयाम सेट करते हैं, ग्राहक समीक्षाओं को सक्षम और कॉन्फ़िगर करते हैं, और स्टार रेटिंग्स को सक्षम करते हैं।.

woocommerce उत्पाद सेटिंग्स

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

इन्वेंट्री सेटिंग्स woocommerce

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

डाउनलोड करने योग्य उत्पाद विकल्प

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

शिपिंग ज़ोन में, आपको शिपिंग ज़ोन जोड़ने और इन ज़ोन में उपलब्ध शिपिंग विधियों को असाइन करने की आवश्यकता होगी। यदि आप कई देशों में शिपिंग कर रहे हैं तो इसमें कुछ समय लगेगा.

नौवहन क्षेत्र

यदि आपको शिपिंग ज़ोन के साथ अधिक सहायता की आवश्यकता है, तो आप WooCommerce के शिपिंग ज़ोन की जाँच कर सकते हैं प्रलेखन.

अगला है प्रेषण विकल्प अनुभाग। इस अनुभाग में, आप यह नियंत्रित कर सकते हैं कि शिपिंग दर आपकी वेबसाइट पर कैसे प्रदर्शित होती है और डिफ़ॉल्ट या आवश्यक शिपिंग गंतव्य सेट करती है.

प्रेषण विकल्प

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

शिपिंग कक्षाएं

अपनी शिपिंग दरें निर्धारित करने के लिए, पर जाएं नौवहन क्षेत्र और “फ्लैट रेट” की तरह मौजूदा शिपिंग विधि बनाएं या संपादित करें.

शिपिंग लागत जोड़ें

एक बार आप क्लिक करें संपादित करें, एक पॉप अप विंडो दिखाई देगा। यहां, आप अपने द्वारा बनाए गए शिपिंग वर्ग के लिए फ्लैट शिपिंग दर और अतिरिक्त लागत जोड़ पाएंगे.

शिपिंग क्लास की शिपिंग लागत

यदि आपको अपनी शिपिंग सेटिंग्स को कॉन्फ़िगर करने में अधिक सहायता की आवश्यकता है, तो आप WooCommerce की जांच कर सकते हैं शिपिंग के लिए प्रलेखन.

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

भुगतान की विधि

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

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

खातों और गोपनीयता

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

ईमेल सूचनाएं

अंततः उन्नत टैब, जो एपीआई टैब को प्रतिस्थापित करता है, आपको पेज सेटअप जैसे अधिक तकनीकी विवरणों को कॉन्फ़िगर करने देता है जहां आप WooCommerce बता सकते हैं कि कौन सा पेज आपके कार्ट पेज या चेकआउट पेज के रूप में कार्य करने वाला है।.

पृष्ठ सेटअप woocommerce

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

चरण 6. उत्पादों को जोड़ें.

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

उत्पाद पृष्ठ

आइए एक नज़र डालते हैं कि हम इसे कैसे बदल सकते हैं और बैकेंड पर अपने उत्पादों को जोड़ सकते हैं.

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

उत्पाद संपादक

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

WooCommerce आपको इस प्रकार के उत्पादों को जोड़ने की सुविधा देता है:

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

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

डाउनलोड करने योग्य उत्पाद विकल्प

इस अनुभाग के बाईं ओर, आपको इन्वेंट्री, शिपिंग, लिंक किए गए उत्पादों और अधिक के लिए अधिक विकल्प दिखाई देंगे.

में इन्वेंटरी, आप SKU को जोड़ने में सक्षम होंगे, इस विशेष उत्पाद के लिए विशिष्ट संख्या में स्टॉक प्रदान करेंगे, स्टॉक की स्थिति निर्धारित करेंगे, और बहुत कुछ.

में शिपिंग, आप उत्पाद के वजन और आयामों को निर्दिष्ट कर सकते हैं और साथ ही एक शिपिंग वर्ग प्रदान कर सकते हैं जिसे हमने पिछले चरण में बनाया था.

उत्पाद डेटा में शिपिंग

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

जुड़े हुए उत्पाद

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

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

संक्षिप्त विवरण और उत्पाद छवि

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

सूची दृश्यता

एक बार जब आप यहां सब कुछ कर लें, तो क्लिक करें अपडेट करें अपने सभी परिवर्तनों को बचाने के लिए.

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

चरण 7. अपने चेकआउट को अनुकूलित करें.

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

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

cartflows

यदि आप कार्टफ्लो के साथ बिक्री फ़नल बनाने के तरीके के बारे में अधिक जानना चाहते हैं, तो आप इस ट्यूटोरियल की जांच कर सकते हैं जो मैंने बनाया था.

चरण 8. गाड़ी परित्याग के शीर्ष पर रहें.

इससे पहले कि मैं इस ट्यूटोरियल को पास लाऊं, मुझे कार्ट परित्याग के बारे में एक और बात जोड़ने दें। ई-कॉमर्स में यह एक तथ्य है कि कई ग्राहक खरीदारी पूरी किए बिना अपनी गाड़ियां छोड़ने जा रहे हैं.

यह कई कारणों से हो सकता है। वे विचलित हो सकते हैं, शक्ति या कनेक्शन बाहर चला गया, कुछ जरूरी आया। जो कुछ भी है, अगर आप इसके बारे में कुछ नहीं करते हैं, तो इनमें से कई परित्यक्त गाड़ियां खो जाती हैं.

सौभाग्य से, वहाँ एक प्लगइन कहा जाता है WooCommerce कार्ट परित्याग रिकवरी प्लगइन जो ट्रैक रखता है और स्वचालित रूप से परित्यक्त गाड़ियों के साथ ग्राहकों को अनुवर्ती ईमेल भेजता है – सभी मुफ़्त में!

यदि आप यहां उपयोग किए गए एस्ट्रा साइट थीम का उपयोग करते हैं, तो यह प्लगइन आपके लिए पहले से ही इंस्टॉल हो चुका होगा। लेकिन अगर नहीं है, तो आप इसे पर जाकर स्थापित कर सकते हैं प्लगइन्स > नया जोड़ें और प्लगइन के लिए खोज.

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

पुनर्प्राप्त करने योग्य आदेश कार्ट परित्याग

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

ईमेल का अनुसरण करें

फिर आपको ईमेल संपादक पर ले जाया जाएगा:

अनुवर्ती ईमेल को अनुकूलित करना

समेट रहा हु

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

SiteGround

SiteGround एक अत्यधिक अनुशंसित वेब होस्ट ऑनलाइन है क्योंकि उन्होंने वर्डप्रेस उपयोगकर्ताओं को पूरा किया है और अभी भी सस्ती कीमत है। वे अपने तेज़ प्रदर्शन और समान रूप से तेज़ समर्थन के लिए जाने जाते हैं.

मुख्य SiteGround विशेषताएं:

  • नि: शुल्क एसएसएल प्रमाणपत्र
  • तेजी से ज्ञात समर्थन
  • वर्डप्रेस स्टेजिंग एनवायरमेंट
  • फ्री वेबसाइट माइग्रेशन
  • दैनिक बैकअप

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

SiteGround की जाँच करें

अस्त्र थीम

एस्ट्रा एक मुफ्त वर्डप्रेस थीम है जो गति पर केंद्रित है। वैकल्पिक रूप से आप $ 59 के लिए प्रो संस्करण खरीद सकते हैं जो कुछ अतिरिक्त सेटिंग्स और विकल्प जोड़ता है.

मुख्य एस्ट्रा थीम विशेषताएं:

  • उपवास थीम नहीं है, लेकिन यह कोई स्लच नहीं है
  • मुफ्त डेमो साइटों के बहुत सारे
  • लचीला मेगा मेनू सुविधा
  • कस्टम लेआउट विकल्प
  • WooCommerce समर्थन
  • LearnDash सहायता

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

प्रो थीम खरीदने के लिए अभी भी कुछ अच्छे कारण हैं, लेकिन ज्यादातर लोगों के लिए, वे स्वतंत्र थीम के साथ सबसे अधिक संभावना है.

हालांकि मेरे लिए, मुझे लगता है कि एस्ट्रा थीम ने वर्तमान रुझानों के साथ नहीं रखा है और मैं अब इसकी सिफारिश नहीं करता हूं.

बहुत बेहतर आधुनिक थीम उपलब्ध हैं जो इनबिल्ट हेडर और फूटर बिल्डरों की पेशकश करते हैं। बनाम 3 लेआउट्स तक सीमित है, साथ ही अधिक लचीले पेज और पोस्ट लेआउट भी हैं.

एस्ट्रा थीम देखें

Elementor

एलिमेंट एक वर्डप्रेस पेज बिल्डर है जिसने तूफान से वर्डप्रेस वेब डिज़ाइन लिया है। इसमें सबसे गहरी सुविधा सेट है, फिर भी इसका उपयोग करना और मास्टर करना बहुत आसान है। एलिमेंट सबसे फुल-फीचर्ड फ्री पेज बिल्डर है। अतिरिक्त डेवलपर सुविधाओं को जोड़ने के लिए प्रो ऐड-ऑन भी है.

प्रमुख तत्व विशेषताएं:

  • लाइव फ्रंट एंड पेज के संपादक
  • वेबसाइट निजीकरण सुविधाएँ
  • टेम्प्लेट और ब्लॉक लाइब्रेरी
  • व्यापक मोबाइल उत्तरदायी विकल्प
  • सबसे शक्तिशाली पॉपअप बिल्डर
  • प्रो कस्टम हेडर / पाद बनाएँ
  • प्रो पोस्ट प्रकार लेआउट बनाएँ

एलिमेंट वर्तमान में उपलब्ध सबसे मजबूत पेज बिल्डर है। वे लगातार नई सुविधाओं को जारी करते हैं जो वर्तमान डिजाइन रुझानों के अनुरूप हैं। इसका मतलब है कि आप अपनी वेबसाइट को प्रासंगिक बनाए रखने में सक्षम होंगे.

एलिमेंट प्रो एक अविश्वसनीय मूल्य है जो सभी अतिरिक्त मॉड्यूल और पावर विशेषताओं पर विचार करता है जिसमें यह शामिल है.

अगर मैं आज एक नई वेबसाइट परियोजना शुरू कर रहा हूं, तो एलिमेंट पेज बिल्डर होगा जिसे मैं चुनूंगा। मुझे लगता है कि यह एक वर्डप्रेस पेज बिल्डर होना चाहिए जो उपयोग करने के लिए एक खुशी है.

चेक आउट एलिमेंटर

CartFlows

CartFlows वर्डप्रेस के लिए एक बिक्री फ़नल बिल्डर है। यह आपको अपने पेज बिल्डर की पसंद का उपयोग करके बिक्री के फ़नल को जल्दी और आसानी से बनाने की अनुमति देता है.

मुख्य कार्टफ्लो विशेषताएं:

  • व्यावसायिक रूप से डिज़ाइन किए गए टेम्पलेट
  • 5 स्थान आदेश धक्कों
  • वन क्लिक अपस
  • अपने पसंदीदा पेज बिल्डर का उपयोग करें
  • क्लिक फ़नल के विपरीत विस्तृत
  • उलटी गिनती टाइमर और विभाजन परीक्षण

यदि आप वर्डप्रेस के लिए एक बिक्री फ़नल बिल्डर चाहते हैं और अपने आप को होस्ट करने या प्रबंधित वर्डप्रेस होस्टिंग का उपयोग करने के साथ ठीक हैं, तो कार्टफ़्लो एक बढ़िया विकल्प है क्योंकि यह अभी तक बहुत शक्तिशाली उपयोग करने के लिए सुपर आसान है.

कार्टफ्लो की जाँच करें

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map