एक कस्टम डोनेशन पेज या एक अभियान शोकेस बनाना अक्सर जटिल कोडिंग या तृतीय-पक्ष टूल की आवश्यकता होती है जो आपकी साइट के डिज़ाइन में फिट नहीं होते हैं।
चैरिटेबल, Divi के लिए नेटिव इंटीग्रेशन के साथ इसे हल करता है, जो चार उद्देश्य-निर्मित मॉड्यूल प्रदान करता है जो आपको सीधे अपने लेआउट में धन उगाहने वाले तत्वों को ड्रैग और ड्रॉप करने देता है।
इन विजेट्स के साथ, आप एक साधारण डोनेट बटन जोड़ सकते हैं या एक पूर्ण-फीचर्ड अभियान लैंडिंग पेज बना सकते हैं।
इस गाइड में, हम आपको दिखाएंगे कि बिना किसी कोडिंग ज्ञान के अपनी धन उगाहने वाली वेबसाइट को अनुकूलित करने के लिए चैरिटेबल Divi मॉड्यूल का उपयोग कैसे करें।
नोट: Divi मॉड्यूल चैरिटेबल प्रो में उपलब्ध एक प्रीमियम सुविधा है।
अभी तक चैरिटेबल नहीं है? आपको इसे पहले इंस्टॉल करना होगा। Divi विजेट सुविधा चैरिटेबल प्रो प्लगइन में उपलब्ध है।
अभी तक चैरिटेबल प्रो उपयोगकर्ता नहीं हैं? आज ही साइन अप करें और अपनी योजना पर 50% तक की छूट पाएं। हमें विश्वास है कि आपको चैरिटेबल के साथ धन जुटाना पसंद आएगा। यदि, किसी भी कारण से, चैरिटेबल आपके लिए सही नहीं है, तो हम अपनी 14-दिन की मनी-बैक गारंटी के साथ आपकी खरीद वापस कर देंगे। अभी चैरिटेबल प्रो प्राप्त करें »
सामग्री तालिका
आवश्यक शर्तें
इससे पहले कि आप चैरिटेबल के Divi मॉड्यूल का उपयोग करना शुरू कर सकें, यह सुनिश्चित करने के लिए कुछ चीजें हैं जिनकी आपको आवश्यकता है कि सब कुछ ठीक से काम करे।
- Divi थीम या Divi बिल्डर प्लगइन स्थापित और सक्रिय है
- चैरिटेबल (मुफ़्त) या चैरिटेबल प्रो स्थापित और सक्रिय है
- चैरिटेबल में कम से कम एक अभियान बनाया गया है
चैरिटेबल मॉड्यूल ढूँढना
चैरिटेबल मॉड्यूल Divi बिल्डर के भीतर अपनी विशिष्ट श्रेणी में समूहीकृत हैं, जिससे उन्हें एक्सेस करना बहुत आसान हो जाता है।
सबसे पहले, कोई भी पृष्ठ या पोस्ट खोलें जहाँ आप Divi विज़ुअल बिल्डर का उपयोग करके धन उगाहने वाले तत्व जोड़ना चाहते हैं।
- नया मॉड्यूल जोड़ने के लिए ग्रे प्लस आइकन पर क्लिक करें
- मॉड्यूल चयनकर्ता में चैरिटेबल श्रेणी देखें
- सभी चार चैरिटेबल मॉड्यूल वहां सूचीबद्ध होंगे
- चैरिटेबल अभियान: एकल अभियान प्रदर्शित करता है।
- चैरिटेबल अभियान: एकाधिक अभियानों का ग्रिड या सूची प्रदर्शित करता है।
- चैरिटेबल डोनेशन फॉर्म: एक डोनेशन फॉर्म एम्बेड करता है।
- चैरिटेबल डोनेट बटन: एक कॉल-टू-एक्शन बटन जोड़ता है।
अब, आइए देखें कि इन प्रत्येक मॉड्यूल का प्रभावी ढंग से उपयोग कैसे करें।
चैरिटेबल अभियान मॉड्यूल
Campaign module आपके पेज पर एक, विशिष्ट अभियान प्रदर्शित करने के लिए डिज़ाइन किया गया है। यह स्वचालित रूप से अभियान शीर्षक, विवरण, प्रगति बार और वर्तमान दान आँकड़ों जैसे प्रमुख विवरणों को खींचता है।
इस मॉड्यूल का उपयोग कब करें
- एक विशिष्ट अभियान की विशेषता: यदि आपके पास एक प्रमुख धन उगाहने वाला अभियान चल रहा है, तो आप इसे अधिकतम दृश्यता देने के लिए इस मॉड्यूल को अपने होमपेज पर रख सकते हैं।
- एक लैंडिंग पृष्ठ बनाएँ: यह एक विशिष्ट कारण के लिए एक समर्पित लैंडिंग पृष्ठ बनाने के लिए एकदम सही है, जिससे आप अपने ब्रांडिंग से मेल खाने के लिए अभियान विवरण को स्टाइल कर सकते हैं।
- एक पहल को हाइलाइट करें: महीने के अपने सबसे महत्वपूर्ण धन उगाहने वाले लक्ष्य पर ध्यान आकर्षित करने के लिए इसका उपयोग करें।
चैरिटेबल अभियान मॉड्यूल
यदि आप एक बार में एक से अधिक धन उगाहने वाले को दिखाना चाहते हैं, तो Campaigns module सही विकल्प है।
यह मॉड्यूल कई अभियानों का ग्रिड या सूची प्रदर्शित करता है, जिससे आगंतुक आपकी सक्रिय पहलों को ब्राउज़ कर सकते हैं।
आप उस विकल्प को चुन सकते हैं जिसे आप बस उस पर क्लिक करके चाहते हैं। एक नीला “YES” बटन दिखाई देगा।
इस मॉड्यूल का उपयोग कब करें
- “वर्तमान अभियान” अनुभाग: अपने होमपेज पर एक अनुभाग बनाएँ जो आपके सभी सक्रिय धन उगाहने वालों को प्रदर्शित करता है।
- अभियान अभिलेखागार: एक समर्पित पृष्ठ बनाएँ जहाँ दानकर्ता सभी पिछले और वर्तमान कारणों को देख सकें।
- साइडबार या फ़ूटर प्रदर्शन: आप इसे फ़ूटर या साइडबार जैसे छोटे क्षेत्रों में विशेष अभियानों को प्रदर्शित करने के लिए उपयोग कर सकते हैं।
चैरिटेबल डोनेशन फॉर्म मॉड्यूल
Donation Form module आपको किसी भी पेज लेआउट में सीधे एक विशिष्ट अभियान के लिए एक पूर्ण दान फ़ॉर्म एम्बेड करने की अनुमति देता है।
नोट: विज़ुअल बिल्डर में इस मॉड्यूल का उपयोग करते समय, आपको एक प्लेसहोल्डर छवि दिखाई देगी। वास्तविक इंटरैक्टिव दान फ़ॉर्म आपकी वेबसाइट के लाइव फ्रंटएंड पर दिखाई देगा।
इस मॉड्यूल का उपयोग कब करें
- अभियान लैंडिंग पृष्ठ: दानकर्ताओं के लिए घर्षण को कम करने के लिए सीधे अभियान पृष्ठ पर दान फ़ॉर्म जोड़ें।
- स्टैंडअलोन दान पृष्ठ: बिना किसी व्याकुलता के दान स्वीकार करने के लिए विशेष रूप से एक विशिष्ट पृष्ठ बनाएँ।
- एम्बेड कार्यक्षमता: आप आसानी से किसी भी ब्लॉग पोस्ट या पेज लेआउट में दान क्षमताएं जोड़ सकते हैं।
चैरिटेबल डोनेट बटन मॉड्यूल
Donate Button module एक कॉल-टू-एक्शन (CTA) बटन या लिंक बनाता है जो आगंतुकों को दान करने के लिए एक विशिष्ट अभियान पर निर्देशित करता है।
इस मॉड्यूल का उपयोग कब करें
- कॉल-टू-एक्शन (CTA): देने के लिए प्रोत्साहित करने के लिए अपने साइट सामग्री में दान बटन रखें।
- हेडर और हीरो अनुभाग: उच्च दृश्यता के लिए अपनी साइट हेडर या हीरो छवि अनुभागों में सटीक “अभी दान करें” बटन।
- सामग्री लिंक: अपने ब्लॉग पोस्ट या केस स्टडी के भीतर दान लिंक जोड़ें।
Divi विजेट्स को अनुकूलित करें
जब आप अपने पेज में कोई मॉड्यूल जोड़ते हैं, जैसे कि Campaigns module, तो आपको बाईं ओर एक टास्कबार के साथ एक सेटिंग्स विंडो दिखाई देगी।
Divi इन सेटिंग्स को तीन टैब में तोड़ता है: सामग्री, डिज़ाइन और उन्नत। यहाँ बताया गया है कि आप अपने धन उगाहने वाले तत्वों को अनुकूलित करने के लिए उनका उपयोग कैसे कर सकते हैं।
1. सामग्री टैब
इस टैब में विकल्प आपके द्वारा चुने गए विशिष्ट मॉड्यूल के आधार पर थोड़े भिन्न होंगे। अभियानों मॉड्यूल के लिए, आपको आमतौर पर ये मिलेंगे:
- फ़िल्टरिंग: आपको यह नियंत्रित करने की अनुमति देता है कि ग्रिड में कौन से अभियान प्रदर्शित होते हैं।
- प्रतिक्रिया: Charitable को प्रतिक्रिया नोट्स और सुझाव भेजें
- पृष्ठभूमि: आप मॉड्यूल की पृष्ठभूमि को पूरी तरह से अनुकूलित कर सकते हैं। आप एक ठोस रंग जोड़ सकते हैं, एक छवि या वीडियो अपलोड कर सकते हैं, और एक आधुनिक रूप के लिए पैटर्न या मास्क भी लागू कर सकते हैं।
- व्यवस्थापक लेबल: यह आपको मॉड्यूल का नाम देने की अनुमति देता है ताकि आप इसे बैकएंड बिल्डर व्यू में आसानी से पहचान सकें।
2. डिज़ाइन टैब
डिज़ाइन टैब वह जगह है जहाँ आप अपने धन उगाहने वाले अनुभाग की दृश्य शैली को नियंत्रित करते हैं। आपके पास इस पर पूरा नियंत्रण है:
- टेक्स्ट: अपने थीम से मिलान करने के लिए फ़ॉन्ट, आकार और रंग अनुकूलित करें।
- लेआउट: समायोजित करें कि अभियान कैसे व्यवस्थित किए जाते हैं।
- आकार और रिक्ति: चौड़ाई, ऊंचाई, मार्जिन और पैडिंग प्रबंधित करें।
- सीमा और छाया: गहराई के लिए सीमाएं, गोल कोने और बॉक्स छाया जोड़ें।
- प्रभाव: आप अपने अभियानों को अलग दिखाने के लिए फ़िल्टर, परिवर्तन और एनिमेशन भी जोड़ सकते हैं।
3. उन्नत टैब
डेवलपर्स या उन लोगों के लिए जिन्हें सटीक नियंत्रण की आवश्यकता है, उन्नत टैब विकल्प प्रदान करता है:
- कस्टम सीएसएस: मॉड्यूल के विशिष्ट तत्वों में अपना सीएसएस जोड़ें।
- विशेषताएँ: HTML विशेषताओं का प्रबंधन करें।
- शर्तें: मॉड्यूल कब प्रदर्शित होना चाहिए, इसके लिए सशर्त तर्क सेट करें।
आप दृश्यता, संक्रमण, स्थिति और स्क्रॉल प्रभाव को भी नियंत्रित कर सकते हैं।
कस्टम सीएसएस
प्रत्येक Charitable मॉड्यूल में उन्नत टैब में एक कस्टम सीएसएस अनुभाग शामिल है, जो आपको विशिष्ट तत्वों को लक्षित करने की अनुमति देता है:
सामान्य सीएसएस लक्ष्य शामिल हैं:
- अभियान शीर्षक
- प्रगति बार
- दान बटन
- फ़ॉर्म फ़ील्ड
- अभियान कार्ड (ग्रिड दृश्य में)
सर्वोत्तम परिणामों के लिए युक्तियाँ
Charitable Divi मॉड्यूल का अधिकतम लाभ उठाने के लिए, यहां कुछ त्वरित सुझाव दिए गए हैं जिन्हें आप अपने पृष्ठ बनाते समय ध्यान में रख सकते हैं।
- विज़ुअल बिल्डर पूर्वावलोकन: अभियान और अभियान मॉड्यूल सीधे बिल्डर में लाइव पूर्वावलोकन दिखाते हैं। हालाँकि, दान फ़ॉर्म मॉड्यूल संपादन के दौरान एक प्लेसहोल्डर छवि प्रदर्शित करता है। चिंता न करें, वास्तविक फ़ॉर्म फ्रंटएंड पर सही ढंग से दिखाई देगा।
- स्टाइलिंग संगति: एक पेशेवर रूप के लिए, अपने फ़ॉन्ट को अपने Divi थीम से मिलाने के लिए डिज़ाइन टैब में वैश्विक टेक्स्ट सेटिंग्स का उपयोग करें।
- मोबाइल अनुकूलन: हमेशा मोबाइल दृश्यों पर अपने डिज़ाइन की जाँच करें। आप टैबलेट और फ़ोन उपयोगकर्ताओं के लिए टेक्स्ट को पठनीय रखने के लिए अभियानों के ग्रिड में कॉलम की संख्या कम करना चाह सकते हैं।
- प्रदर्शन: प्रदर्शन को बेहतर बनाने के लिए अभियान ड्रॉपडाउन विकल्पों को कैश किया जाता है। यदि आपने अभी एक अभियान बनाया है और वह सूची में दिखाई नहीं दे रहा है, तो अपने लेआउट को ड्राफ्ट के रूप में सहेजें और बिल्डर को रीफ़्रेश करें।
सामान्य समस्याओं का निवारण
यदि आपको अपने मॉड्यूल सेट अप करते समय समस्याएँ आती हैं, तो यहाँ सबसे आम समाधान दिए गए हैं:
- मॉड्यूल दिखाई नहीं दे रहे हैं? सुनिश्चित करें कि Charitable प्लगइन और Divi Builder (या थीम) दोनों सक्रिय हैं। यदि वे हैं, तो अपने ब्राउज़र कैश को साफ़ करने का प्रयास करें।
- अभियान ड्रॉपडाउन खाली है? सूची में दिखाई देने के लिए आपके पास "प्रकाशित" स्थिति वाला कम से कम एक अभियान होना चाहिए। ड्राफ्ट अभियान दिखाई नहीं देंगे।
- स्टाइलिंग लागू नहीं हो रही है? यह अक्सर एक कैशिंग समस्या होती है। Divi » Theme Options » Builder » Advanced पर जाएं और Divi के स्टेटिक CSS कैश को साफ़ करें। साथ ही, अपने सक्रिय थीम के साथ किसी भी CSS विरोध की जांच करें।
बस! आपने सुंदर धन उगाहने वाले पेज बनाने के लिए Charitable Divi मॉड्यूल का उपयोग करना सीख लिया है।
यह सुनिश्चित नहीं है कि धन उगाहने वाला अभियान कैसे बनाया जाए? अपना पहला अभियान कैसे सेट करें » जानें
नए उपयोगकर्ताओं के लिए यहां कुछ अधिक लोकप्रिय "कैसे करें" गाइड और सहायता लेख दिए गए हैं:
- वर्डप्रेस डैशबोर्ड में दान बनाएं और संपादित करें
- डोनर मैनेजमेंट सिस्टम का उपयोग कैसे करें
- गूगल एनालिटिक्स से कनेक्ट करें
- दान ईमेल न भेजने की समस्याएँ
- डैशबोर्ड से दान ईमेल पुनः भेजें
- विजेट और शॉर्टकोड
अधिक धन उगाहने की युक्तियाँ और गैर-लाभकारी सलाह चाहते हैं?
हम नियमित रूप से व्यावहारिक गाइड, सिद्ध रणनीतियाँ और अंदरूनी युक्तियाँ साझा करते हैं ताकि आप अधिक धन जुटा सकें और मजबूत डोनर संबंध बना सकें। हजारों गैर-लाभकारी संस्थाओं से जुड़ें जिन्हें हमारी सर्वोत्तम सामग्री सीधे उन तक पहुँचाई जाती है:
- हमारे न्यूज़लेटर में शामिल हों – अपने इनबॉक्स में साप्ताहिक युक्तियाँ और विशेष गाइड प्राप्त करें
- हमारे यूट्यूब चैनल को सब्सक्राइब करें – चरण-दर-चरण ट्यूटोरियल और सफलता की कहानियाँ देखें
- लिंक्डइन पर हमें फॉलो करें – हमारे समुदाय से जुड़ें और दैनिक गैर-लाभकारी अंतर्दृष्टि प्राप्त करें
- टिकटॉक पर हमें फॉलो करें – अपने कारण को बढ़ाने में मदद करने के लिए जानकारीपूर्ण और मजेदार वीडियो
- इंस्टाग्राम पर हमें फॉलो करें – गैर-लाभकारी अंतर्दृष्टि और युक्तियों के साथ मजेदार रील्स
कोई बकवास नहीं, बस उन लोगों से कार्रवाई योग्य सलाह जो उन चुनौतियों को समझते हैं जिनका आप हर दिन सामना करते हैं।
क्या Charitable के लिए वीडियो ट्यूटोरियल उपलब्ध हैं?
हाँ! Charitable YouTube चैनल की सदस्यता लें स्टेप-बाय-स्टेप ट्यूटोरियल और सफलता की कहानियों के लिए।
समर्थन की आवश्यकता है? कोई प्रश्न है? यदि आप Charitable के लाइट/फ्री उपयोगकर्ता हैं, तो आप हमारी टीम से WordPress.org सपोर्ट फ़ोरम पर संपर्क कर सकते हैं। यदि आपके पास एक सक्रिय लाइसेंस है, तो प्राथमिकता समर्थन के लिए हमसे सीधे संपर्क करने में संकोच न करें।
