Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड

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

TL;DR: यह लेख Elementor को WooCommerce के साथ उपयोग करने के लिए एक शुरुआती गाइड है। इसके अलावा, हम अनुशंसा करते हैं कि आप BlogVault के साथ अपनी वेबसाइट का बैकअप लें। BlogVault के रियल-टाइम बैकअप WooCommerce साइटों के लिए बने हैं, इसलिए आप कभी भी एक भी ऑर्डर, लेनदेन, ग्राहक या उत्पाद नहीं खोएंगे।

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

Elementor भी शुरुआत में भ्रमित करने वाला लग सकता है, लेकिन इसमें आपके स्टोर को एक निश्चित je ne sais quoi देने की बड़ी क्षमता है।

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

आइए मूल बातों से शुरू करते हैं। WordPress साइट कैसे बनाते हैं? यदि आपने पहले ही अपना WooCommerce साइट सेट अप कर लिया है, तो आप Elementor को समझने और तलाशने वाले खंड पर आगे जा सकते हैं।

WordPress साइट बनाएं

साइट को कस्टमाइज़ करने से पहले कुछ मुख्य चरण हैं: एक होस्ट चुनें, एक डोमेन बनाएं, WordPress इंस्टॉल करें, और SSL जोड़ें (सिक्योरिटी सॉकेट लेयर)। यहां एक लेख है जो स्क्रैच से WordPress साइट स्थापित करने के बारे में बात करता है। लेकिन यहां संक्षिप्त चरण हैं:

  1. एक होस्ट चुनें: होस्ट चुनते समय कुछ बातों पर विचार करना चाहिए: आपकी आवश्यकताएं क्या हैं, क्या होस्ट से पर्याप्त समर्थन है, और क्या यह किफायती है? चुनने के लिए बहुत सारे होस्ट हैं, इसलिए हम आपकी आवश्यकताओं और बजट के अनुरूप कुछ खोजने के लिए समय निकालकर खरीदारी करने की सलाह देते हैं। यहां सावधानी का एक शब्द: सबसे कम कीमत वाला विकल्प शायद ही कभी जाने का रास्ता है। यदि आप बस कूदना पसंद करेंगे, तो हम अपने टेस्ट साइटों को Cloudways पर होस्ट करते हैं। Cloudways पर WooCommerce साइट बनाना अविश्वसनीय रूप से आसान है और WooCommerce इंस्टॉल के साथ आता है। यह शुरू करने के लिए एक अच्छी जगह है, और होस्टिंग डैशबोर्ड में आपकी साइट के बारे में बढ़िया जानकारी है, यदि आप उस तरह के इच्छुक हैं।
Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड
  1. एक डोमेन रजिस्टर करें: एक डोमेन आपकी साइट का नाम है। डोमेन चुनने से पहले, सोचें कि आपकी साइट के लक्ष्य क्या हैं। आप क्या बेचने की कोशिश कर रहे हैं? आपके खरीदार कौन हैं? इसे ध्यान में रखते हुए, एक डोमेन नाम के साथ आएं जो पहचानने योग्य और याद रखने में आसान हो।
  2. WordPress इंस्टॉल करें: WordPress इंस्टॉल करने की प्रक्रिया होस्ट से होस्ट में थोड़ी भिन्न होगी। मदद के लिए होस्ट के दस्तावेज़ देखें या उनके समर्थन से संपर्क करें। Cloudways के साथ, आपको एक नया एप्लिकेशन बनाते समय WooCommerce चुनना होगा। Hostinger के साथ, आपको WordPress चुनना होगा और यह स्वचालित रूप से WordPress इंस्टॉल करेगा।
  3. SSL जोड़ें: फिर से, यह होस्ट के बीच भिन्न होता है। कुछ होस्ट अपनी होस्टिंग के साथ मुफ्त SSL प्रमाणपत्र प्रदान करते हैं, जबकि अन्य के साथ आपको प्रमाणपत्र प्राधिकरण का उपयोग करना होगा। Cloudways के साथ, यह सुरक्षा प्रमाणपत्र स्वचालित रूप से जोड़ा जाता है। एक बार आपके पास प्रमाणपत्र होने पर, आप इसे वास्तव में सरल SSL प्लगइन के साथ बहुत आसानी से सेट कर सकते हैं।

WooCommerce साइट सेट अप करें

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

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

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

अब, आप भुगतान जोड़ने के लिए तैयार हैं।

भुगतान विधियां जोड़ें

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

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

  1. एक भुगतान विधि चुनें: आप कैश-ऑन-डिलीवरी भुगतान विधि चुन सकते हैं या भुगतान गेटवे का उपयोग कर सकते हैं। अपने ग्राहक भुगतान कैसे करना पसंद करते हैं, लेनदेन शुल्क, और आपकी दुकान कहां स्थित है, इस पर निर्भर करके भुगतान गेटवे चुनें।
  2. भुगतान गेटवे इंस्टॉल करें: एक बार जब आप अपना पसंदीदा विकल्प चुन लेते हैं, तो आपको प्लगइन इंस्टॉल करना होगा और अपने अकाउंट को WooCommerce में एकीकृत करना होगा। हमारे पास WooCommerce को Stripe और PayPal के साथ एकीकृत करने पर लेख हैं, दो लोकप्रिय विकल्प जो भुगतान विकल्पों और भौगोलिक क्षेत्रों की एक विस्तृत संख्या को कवर करते हैं।
Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड
  1. भुगतान विधि का परीक्षण करें: खरीदारी प्रक्रिया से गुजरें और देखें कि आपके स्टोर से उत्पाद खरीदने वाले ग्राहक के लिए अनुभव कैसा है। यह आपको यह भी अंदाजा देता है कि डिफ़ॉल्ट उत्पाद, कार्ट, और चेकआउट पेज कैसे दिखते हैं। कई भुगतान प्लगइन्स में एक टेस्ट या सैंडबॉक्स सुविधा होगी जो आपको प्रक्रिया को दोहराने की अनुमति देती है।

अपनी WooCommerce साइट पर Elementor इंस्टॉल करें

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

  1. Elementor इंस्टॉल और सक्रिय करें: अपने WordPress डैशबोर्ड पर वापस, प्लगइन्स पर क्लिक करें और फिर नया जोड़ें। सर्च बार में Elementor खोजें। सही प्लगइन मिलने पर इंस्टॉल करें पर क्लिक करें और जब आप कर लें तो सक्रिय करें पर क्लिक करें।
Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड
  1. एक अकाउंट बनाएं: आपको एक पेज पर रीडायरेक्ट किया जाएगा जहां आपसे एक अकाउंट बनाने और एक प्लान चुनने के लिए कहा जाएगा। चुनने के लिए 3 लाइसेंस और एक मुफ्त संस्करण हैं। हम बाद के खंड में आपको बताएंगे कि अंतर क्या हैं। एक बार जब आप कर लें, तो WP डैशबोर्ड पर वापस जाएं।

Elementor पेज एडिटर को समझना

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

इसे ध्यान में रखते हुए, यह खंड आपको पेज एडिटर के लेआउट से परिचित होने में मदद करेगा।

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

    यहां एक तस्वीर है कि यह कैसा दिखता है:
Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड

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

woocommerce_checkout

यह महत्वपूर्ण है। इसे न हटाएं जब तक कि आप Elementor Pro के WooCommerce विजेट्स का उपयोग नहीं कर रहे हैं। लेकिन, आप इस शॉर्टकोड से पहले या बाद में इमेज या टेक्स्ट डाल सकते हैं।

अब, आइए बात करते हैं कि पेज को कैसे संपादित करें।

  1. अनुभाग जोड़ें: यदि आप अपने पेज के विभिन्न हिस्सों पर होवर करते हैं, तो आप देखेंगे कि एक नीला बॉक्स दिखाई देता है। यह पेज के एक अनुभाग को दर्शाता है। एक अनुभाग को संपादित करने के लिए बीच में 6-डॉटेड प्रतीक पर क्लिक करें। बिंदीदार लाइन बॉक्स में + पर क्लिक करें। यह एक नया अनुभाग बनाएगा।
  2. कॉलम चुनें: प्रत्येक अनुभाग कॉलम में विभाजित होता है। एक अनुभाग पर होवर करें और सामग्री के विभिन्न ब्लॉक नीले बॉक्स के साथ हाइलाइट होंगे। कॉलम में व्यक्तिगत तत्व होते हैं जिन्हें व्यक्तिगत रूप से कस्टमाइज़ किया जा सकता है। आप कॉलम का लेआउट चुन सकते हैं जिसे आप चाहते हैं। अब आप नए तत्वों को खींचकर छोड़ने के लिए तैयार हैं।
  3. तत्व जोड़ें: बाईं ओर आपको तत्वों की एक लाइब्रेरी दिखाई देगी। वे श्रेणियों द्वारा क्रमबद्ध हैं, जैसे साइट और WooCommerce। एक तत्व को कॉलम में खींचकर छोड़ें। आप इस तत्व को साइडबार में संपादित कर सकते हैं। कॉलम के ऊपरी दाएं भाग में दिखाई देने वाले नीले पेन पर क्लिक करें और साइडबार विभिन्न कस्टमाइज़ेशन प्रकट करने के लिए बदल जाता है (कॉलम में तत्व के आधार पर)। यदि आप टेक्स्ट संपादित कर रहे हैं, उदाहरण के लिए, आपको बाईं ओर टेक्स्ट एडिटर दिखाई देगा।
  4. अपने परिवर्तनों का पूर्वावलोकन करें: आप अपने साइडबार के नीचे आई बटन पर क्लिक करके अपनी साइट पर किए गए परिवर्तनों का पूर्वावलोकन कर सकते हैं।
  5. रेस्पॉन्सिव मोड पर साइट की जांच करें: नीचे रेस्पॉन्सिव मोड लोगो पर क्लिक करें और आप पेज को विभिन्न व्यू में पूर्वावलोकन कर सकते हैं यह देखने के लिए कि पेज मोबाइल, डेस्कटॉप और अन्य स्क्रीन आकारों पर कैसा दिखता है।
  6. अपनी साइट प्रकाशित/अपडेट करें: एक बार जब आप कर लें, तो आप नीचे बाईं ओर बटन पर क्लिक करके ड्राफ्ट सहेज सकते हैं, अपडेट या प्रकाशित कर सकते हैं।

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

टेक्स्ट संपादित करना

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

इमेज जोड़ना

  1. इमेज तत्व को खींचकर छोड़ें: यदि आवश्यक हो तो एक अनुभाग जोड़ें और कॉलम की संख्या चुनें। फिर, इमेज तत्व को खींचकर छोड़ें।
  2. एक इमेज जोड़ें: इमेज के ऊपरी दाएं कोने में पेंसिल लोगो पर क्लिक करें। साइडबार में, इमेज पर होवर करें और इमेज चुनें चुनें। डिफ़ॉल्ट इमेज को अपनी इमेज से बदलें।
Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड
  1. इमेज संपादित करें: आप आकार या संरेखण बदल सकते हैं, कैप्शन जोड़ सकते हैं, या इसे मीडिया फ़ाइल या URL से लिंक कर सकते हैं।

एक बटन जोड़ना

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

उन मूल बातों के साथ, यहां एक टिप है जो ढेर सारे काम को कम कर देगी:

साइट सेटिंग्स बनाएं

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

Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड

ये मूल बातें हैं। एक बार जब आप Elementor के नियंत्रणों से परिचित हो जाते हैं, तो आप इस नई शक्ति का अच्छा उपयोग कर सकते हैं।

Elementor Pro के साथ WooCommerce का उपयोग कैसे करें

यदि आप Elementor Pro लाइसेंस के साथ WooCommerce साइट पेज बनाने के लिए तैयार हैं, तो यह खंड आपको बताएगा कि विशिष्ट पेजों के लिए किन विजेट्स का उपयोग करना है।

Elementor के साथ WooCommerce उत्पाद पेज को कैसे संपादित करें

यह वह पेज है जहां आपका ग्राहक उत्पाद के बारे में अधिक जान सकता है। एकल उत्पाद पेज को संपादित करने के चरण यहां हैं:

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

इनमें से प्रत्येक विजेट को फॉन्ट, रंग, संरेखण, स्थिति, और अधिक के संदर्भ में कस्टमाइज़ किया जा सकता है।

  1. परिवर्तनों की समीक्षा करें: रेस्पॉन्सिव मोड पर क्लिक करें और जांचें कि पेज विभिन्न उपकरणों पर कैसा दिखता है।
  2. प्रकाशित या अपडेट करें: यदि सब अच्छा है, तो आप या तो पेज को प्रकाशित या अपडेट कर सकते हैं।

अपने उत्पाद पेज संपादित करते समय सिफारिशें:

  • उत्पादों के लिए उच्च-गुणवत्ता वाली इमेज जोड़ें
  • शानदार उत्पाद विवरण लिखें
  • उत्पादों के लिए वर्णनात्मक और सार्थक नाम चुनें

Elementor के साथ WooCommerce शॉप पेज को कैसे संपादित करें

इसे आर्काइव पेज के रूप में भी जाना जाता है, यह वह जगह है जहां आपका ग्राहक आपके सभी उत्पादों को देख सकता है। इस पेज का लक्ष्य एक ऐसा पेज बनाना है जहां आपके ग्राहक आसानी से वह ढूंढ सकें जो वे चाहते हैं।

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

Elementor के साथ WooCommerce कार्ट पेज को कैसे संपादित करें

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

आप कार्ट पेज को पूरी तरह से कस्टमाइज़ करने के लिए Elementor कार्ट विजेट का उपयोग कर सकते हैं। ऐसा करने के चरण यहां हैं:

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

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

Elementor के साथ WooCommerce चेकआउट पेज को कैसे संपादित करें

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

Elementor Pro में एक चेकआउट विजेट है जो चेकआउट पेज को संपादित करना बहुत आसान बनाता है। यह कार्ट और माई अकाउंट विजेट्स के साथ काम करता है, जिससे आप मौजूदा चेकआउट पेज को संपादित कर सकते हैं। विजेट के साथ, आप अपने चेकआउट पेज पर डिज़ाइन परिवर्तन कर सकते हैं जैसे टेक्स्ट रंग, संरेखण, अनुभाग, और बहुत कुछ।

  1. Elementor एडिटर के साथ चेकआउट पेज खोलें: पेज पर होवर करें और सभी पेज पर क्लिक करें। चेकआउट पेज पर होवर करें और संपादित करें पर क्लिक करें। शीर्ष पर, Elementor के साथ संपादित करें पर क्लिक करें। एक सेकंड प्रतीक्षा करें और यह पेज को Elementor एडिटर में खोल देगा।
  2. चेकआउट शॉर्टकोड को चेकआउट विजेट से बदलें: शॉर्टकोड WooCommerce का आपके पेज पर चेकआउट फ़ील्ड शामिल करने का तरीका है। यह ऐसा दिखता है:
woocommerce_checkout
इसके बजाय, बाईं ओर लाइब्रेरी से चेकआउट विजेट जोड़ें। यह आपको एक झलक देगा कि चेकआउट पेज कैसा दिखता है।

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

आप स्टाइल पर क्लिक करके और चीजें संपादित कर सकते हैं:

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

अपने चेकआउट पेज संपादित करते समय सिफारिशें:

  • पर्याप्त भुगतान विकल्प रखें
  • कोई अनावश्यक फ़ील्ड हटाएं
  • सभी चेकआउट जानकारी को एक पेज पर रखें

Elementor के साथ एक टेम्पलेट कैसे बनाएं

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

  1. एक नया टेम्पलेट बनाएं: ग्लोबल हेडर तत्व वह है जो आप अपनी साइट के हर पेज पर देखते हैं। एक टेम्पलेट बनाने के लिए, साइडबार में Elementor पर क्लिक करें, फिर थीम बिल्डर पर क्लिक करें। अब नया टेम्पलेट जोड़ें पर क्लिक करें।
  2. टेम्पलेट का सही प्रकार चुनें: यदि आप हेडर बना रहे हैं, तो टेम्पलेट के प्रकार के लिए ड्रॉपडाउन में हेडर चुनें। इस टेम्पलेट के लिए एक सार्थक नाम चुनें ताकि आप इसे बाद में आसानी से पहचान सकें। फिर, टेम्पलेट बनाएं पर क्लिक करें।
  3. टेम्पलेट लाइब्रेरी ब्राउज़ करें: अब, आप लाइब्रेरी में पूर्वनिर्धारित टेम्पलेट्स में से चुन सकते हैं और इन्सर्ट पर क्लिक करें। हर टेम्पलेट पूरी तरह से कस्टमाइज़ करने योग्य है, इसलिए वह चुनें जो आप जो खोज रहे हैं उसके सबसे करीब हो।
  4. टेम्पलेट संपादित करें और कस्टमाइज़ करें: एडिटर का उपयोग करके अपने सपनों का टेम्पलेट बनाएं। रंग, इमेज, फॉन्ट आदि के साथ खेलें।
  5. टेम्पलेट प्रकाशित करें: एक बार जब आप टेम्पलेट को ट्वीक करना समाप्त कर लें, तो साइडबार के नीचे प्रकाशित करें पर क्लिक करें और आपको यह चुनने के लिए प्रेरित किया जाएगा कि आप टेम्पलेट को कहां प्रदर्शित करना चाहते हैं। ड्रॉपडाउन से चुनें। सहेजें और बंद करें पर क्लिक करें। आपको एडिटर पर वापस रीडायरेक्ट किया जाएगा लेकिन आपका नया टेम्पलेट लाइव होगा।
  6. समीक्षा करें: नीचे पॉपअप में एक नज़र डालें पर क्लिक करें और यह आपको एक पूर्वावलोकन पेज पर ले जाएगा। जैसा चाहें बदलाव करें।

Elementor के साथ एक ईकॉमर्स पॉप-अप कैसे बनाएं

यदि आप एक पॉपअप जोड़ना चाहते हैं, तो यहां चरण हैं:

  1. एक पॉपअप टेम्पलेट बनाएं: साइडबार में टेम्पलेट पर क्लिक करें और पॉपअप और नया जोड़ें पर क्लिक करें। अपने टेम्पलेट का नाम दें और टेम्पलेट बनाएं पर क्लिक करें।
  2. एक पॉपअप बनाएं: आप या तो स्क्रैच से एक बना सकते हैं या Elementor टेम्पलेट को संपादित कर सकते हैं। आप रंग, टेक्स्ट आदि चुन सकते हैं।
  3. पॉपअप प्रकाशित करें: यह अनिवार्य रूप से आपके पॉपअप को एक टेम्पलेट के रूप में सहेजता है जिसे आप बाद में लिंक कर सकते हैं। प्रकाशित करें और सहेजें और बंद करें पर क्लिक करें।
  4. पेज संपादित करें: साइड बार में पेज पर क्लिक करें और सभी पेज। वह पेज चुनें जिस पर आप पॉपअप जोड़ना चाहते हैं और Elementor के साथ संपादित करें पर क्लिक करें।
  5. एक बटन जोड़ें: एक बार पेज एडिटर खुलने पर, साइडबार से बटन विजेट को खींचकर छोड़ें। वह टेक्स्ट जोड़ें जो आप चाहते हैं और इसे जो भी रंग आप चाहते हैं बना दें।
  6. पॉपअप से लिंक करें: साइडबार में, लेआउट के तहत, लिंक, डायनामिक, एक्शन और पॉपअप चुनें। फिर पॉपअप खोलें पर क्लिक करें और आपके द्वारा बनाए गए पॉपअप का चयन करें।
  7. समीक्षा करें: बटन के कामकाज की समीक्षा करें और जब आप तैयार हों तो अपडेट पर क्लिक करें।

Elementor बनाम Elementor Pro: स्विच कब करें?

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

Elementor के साथ WooCommerce में महारत हासिल करें: शुरुआती के लिए व्यापक गाइड

यहां कुछ बेहतरीन विजेट्स की सूची है जिन्हें आपको निश्चित रूप से आज़माना चाहिए:

  1. उत्पाद श्रेणी: यह आपके ग्राहक को श्रेणियों के अनुसार उत्पादों को सॉर्ट करने में मदद करता है। इससे उनके लिए कुछ ढूंढना और खरीदना इतना आसान हो जाता है।
  2. कार्ट में जोड़ें: बटन को अपने ब्रांड के अनुसार कस्टमाइज़ करना सुपर आसान है। आप रंग, बॉर्डर, फॉन्ट आदि बदल सकते हैं।
  3. उत्पाद अपसेल विजेट: क्या आपने कभी Amazon पर संबंधित उत्पाद अनुभाग देखा है? यह वही चीज है। आप अपने ग्राहक को अन्य उत्पाद दिखा रहे हैं जिनमें वे वर्तमान उत्पाद के आधार पर रुचि रखते होंगे जिसे वे देख रहे हैं।
  4. खाली कार्ट संदेश: यदि वे चेकआउट करने का प्रयास करते हैं तो ग्राहकों के लिए एक आकर्षक संदेश जोड़ें कि उनका कार्ट खाली है। यह उन्हें आपके उत्पाद लिस्टिंग पर एक और नज़र के लिए वापस लाने का एक अच्छा तरीका है।
  5. उत्पाद रेटिंग: सोशल प्रूफ एक शक्तिशाली प्रेरक है, और यह आपके उत्पाद और आपकी साइट पर विश्वास बनाता है। आप इस विशिष्ट कारण के लिए पिछले ग्राहकों से समीक्षाओं का अनुरोध भी कर सकते हैं।
  6. उत्पाद समीक्षा: यह नए ग्राहकों के लिए आपके उत्पादों में विश्वसनीयता लाता है।

Elementor के फायदे और नुकसान

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

फायदे

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

नुकसान

  • लागत: जबकि मुफ्त संस्करण एक बुनियादी साइट को कस्टमाइज़ करने में मदद करता है, असली जादू प्रो संस्करण के साथ होता है। तीन प्लान हैं जो प्रति वर्ष $49 से $999 तक हो सकते हैं।
  • ग्लिची अपडेट और पर्याप्त समर्थन नहीं: अतीत में उन्हें ग्लिची अपडेट और साइट मालिकों की मदद करने के लिए बहुत कम समर्थन के साथ समस्याएं हुई हैं।
  • WooCommerce के साथ समस्याएं: कभी-कभी, Elementor एक WooCommerce साइट पर काम करना बंद कर देता है। हमारे पास बाद में एक खंड है जहां हम बात करेंगे कि इसे कैसे ठीक किया जाए।

Elementor WooCommerce के साथ काम नहीं कर रहा? इसे कैसे ठीक करें

यह विशेष रूप से आम है यदि आप Elementor इंस्टॉल करने के बाद WooCommerce इंस्टॉल कर रहे हैं। यहां कुछ चीजें हैं जिन्हें आप समस्या को ठीक करने के लिए आज़मा सकते हैं:

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

WooCommerce साइटों के लिए अनुशंसित प्लगइन्स

  • BlogVault: BlogVault के रियल-टाइम बैकअप के साथ अपने WooCommerce स्टोर पर हर ऑर्डर, खरीदारी, ग्राहक, और लेनदेन को सुरक्षित रखें। पूरी तरह से स्वचालित, BlogVault के रियल-टाइम बैकअप हर 5 मिनट में आपके स्टोर के साथ सिंक होते हैं, और अधिक सुरक्षा के लिए ऑफसाइट संग्रहीत होते हैं।
  • MalCare: यह सर्वश्रेष्ठ-इन-क्लास WordPress सुरक्षा प्लगइन वह सब है जो आपको हैकर्स और उनके मैलवेयर से अपनी साइट को बचाने के लिए चाहिए। कुछ ही क्लिक में मैलवेयर को आसानी से स्कैन और साफ करें, और एक उन्नत फ़ायरवॉल के साथ मैलवेयर को अपनी साइट में प्रवेश करने से रोकें। MalCare के साथ अपने ग्राहक विवरण को हैकर्स द्वारा कभी भी एक्सेस होने से बचाएं।
  • Google Analytics: आपके ट्रैफ़िक का विश्लेषण करने और अपने ग्राहकों को बेहतर ढंग से समझने के लिए OG एनालिटिक्स टूल। हमारे पास WooCommerce साइट में Google Analytics को एकीकृत करने पर एक लेख है।
  • YITH WooCommerce ऑर्डर ट्रैकिंग: यह प्लगइन शिपिंग जानकारी को आसानी से प्रबंधित करने में मदद करता है। यह आपके ग्राहकों को उनकी खरीदारी ट्रैक करने की अनुमति देता है।
  • YITH एडवांस्ड रिफंड सिस्टम WooCommerce के लिए: यह प्लगइन आपको रिफंड सिस्टम सेट अप करने में मदद करता है।

अंतिम विचार

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

FAQ

WooCommerce साइट के लिए Elementor कितना अच्छा है?

Elementor एक WooCommerce साइट के लिए उत्कृष्ट है क्योंकि इसमें इतने सारे तत्व हैं जिन्हें आप कस्टमाइज़ कर सकते हैं, विशेष रूप से अपने ग्राहक की यात्रा को बेहतर बनाने के लिए। Elementor के प्रो संस्करण के साथ, आपको उच्च-कार्यशील WooCommerce साइट बनाने के लिए अन्य प्लगइन्स की आवश्यकता नहीं होगी।

क्या Elementor सबसे अच्छा पेज बिल्डर है?

Elementor SeedProd और WPBakery जैसे अन्य के बीच सर्वश्रेष्ठ पेज बिल्डर प्लगइन्स में से एक है। यह आसान, अत्यधिक अनुकूलन योग्य और पूरी तरह से लागत के लायक है।

WooCommerce के लिए सबसे अच्छे एड-ऑन क्या हैं?

WooCommerce साइटों के लिए कुछ आवश्यक एड-ऑन हैं: बैकअप के लिए BlogVault, सुरक्षा के लिए MalCare, YITH WooCommerce ऑर्डर ट्रैकिंग, और YITH एडवांस्ड रिफंड सिस्टम WooCommerce के लिए।

WooCommerce में Elementor कैसे जोड़ें?

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

क्या Elementor के साथ WooCommerce मुफ्त है?

WooCommerce मुफ्त है। Elementor के मुफ्त और सशुल्क दोनों संस्करण हैं। हालांकि, WooCommerce के लिए, आप Elementor के सशुल्क संस्करण को खरीदने से बेहतर हैं।

क्या मैं Elementor के साथ WooCommerce संपादित कर सकता हूं?

हां, आप Elementor के साथ WooCommerce साइट को आसानी से संपादित कर सकते हैं। वास्तव में, आपकी WooCommerce साइट के हर इंच को Elementor के साथ संपादित किया जा सकता है। बस इंस्टॉल करें, सक्रिय करें, और कस्टमाइज़ करना शुरू करें।

WooCommerce में Elementor क्या है?

Elementor WordPress और WooCommerce साइटों के लिए एक पेज बिल्डर प्लगइन है। वे प्लगइन के मुफ्त और सशुल्क संस्करण प्रदान करते हैं। एक बार जब आप इसे इंस्टॉल करते हैं, तो आपके पास खींचने, छोड़ने और कस्टमाइज़ करने के लिए तत्वों की एक विस्तृत श्रृंखला होती है।


  1. Google Analytics को WooCommerce के साथ सहजता से कैसे एकीकृत करें – चरण-दर-चरण मार्गदर्शिका Google Analytics को WooCommerce के साथ सहजता से कैसे एकीकृत करें – चरण-दर-चरण मार्गदर्शिका

    आपकी साइट पर आखिरकार ट्रैफिक आ रहा है। वाह! बधाई हो! लेकिन अब आपको यह पता लगाना होगा कि उन्हें और अधिक के लिए वापस कैसे लाया जाए। यहीं WooCommerce के लिए Google Analytics काम आता है। यह उपयोगकर्ता व्यवहार को समझने और अपने ट्रैफिक को ट्रैक करने का सबसे अच्छा उपकरण है। यह लेख Google Analytics खाता बना

  1. 4K बनाम Ultra HD को समझना: एक व्यापक गाइड 4K बनाम Ultra HD को समझना: एक व्यापक गाइड

    टेलीविजन की यात्रा CRT से LCD और LED तक दिलचस्प रही है। खैर, प्रौद्योगिकी के एक हिस्से के रूप में, यह एक कभी न खत्म होने वाली अनुसंधान और विकास प्रक्रिया है। वर्तमान में, बाजार HD, FHD, Ultra HD और 4K जैसे बेतरतीब शब्दों से भरा हुआ है जो अलंकृत और भ्रमित करने वाले दोनों एक साथ लगते हैं। हालांकि, 4K

  1. ईमेल ऑटोमेशन 101: एंगेजमेंट और बिक्री बढ़ाने के लिए एक व्यावहारिक गाइड ईमेल ऑटोमेशन 101: एंगेजमेंट और बिक्री बढ़ाने के लिए एक व्यावहारिक गाइड

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