यदि आप एक सदस्यता वेबसाइट बनाना चाहते हैं जहां लोग विशेष सुविधाओं का लाभ उठाने के लिए साइन अप करते हैं, तो आपको एक बेहतर लॉगिन और पंजीकरण पृष्ठ बनाना चाहिए। यह आपको अपनी वेबसाइट को अधिक पेशेवर महसूस करने की अनुमति देगा, साइन-अप प्रक्रिया के दौरान अतिरिक्त उपयोगकर्ता जानकारी के लिए पूछें, और बहुत कुछ।
और इसलिए, हमने एलिमेंट पेज बिल्डर plugin का उपयोग करके कस्टम लॉगिन और पंजीकरण पृष्ठ बनाने में आपकी सहायता के लिए एक विस्तृत ट्यूटोरियल एक साथ रखा है ।
एलिमेंट वर्डप्रेस के लिए अब तक का सबसे लोकप्रिय और फीचर-पैक पेज बिल्डर plugin । plugin का मुफ्त संस्करण बुनियादी साइट निर्माण के लिए ब्लॉक और विजेट्स के टन के साथ आता है। जबकि plugin का एक प्रो संस्करण अधिक उन्नत विगेट्स और ब्लॉक की पेशकश करता है।
अब, एलिमेंट के साथ आने वाला फॉर्म बिल्डर विजेट इसके प्रो संस्करण के अंदर बंद है। हालाँकि, आपके पंजीकरण फॉर्म के निर्माण के लिए एलिमेंट प्रो प्राप्त करने के बजाय , हम एलिमेंटर प्रो की तुलना में अल्टीमेट एडऑन फॉर एलिमेंट (यूएई) plugin लिए जाने की सलाह देते हैं क्योंकि यह एलिमेंटर प्रो की तुलना में बहुत सारे शक्तिशाली ब्लॉक और विजेट के साथ आता है।
विषयसूची
- कस्टम पंजीकरण पृष्ठ बनाने के लाभ
- 1. उपयोगकर्ता पंजीकरण पृष्ठों को निजीकृत करें
- 2. एक ही फॉर्म से सभी आवश्यक जानकारी एकत्र करें
- 3. उपयोगकर्ता अनुभव को अनुकूलित करें
- 4. फाइटिंग स्पैम और एनहांसिंग सिक्योरिटी
- 5. बिल्कुल अपने ब्रांड शैली के लिए
- एलिमेंट का उपयोग करके कस्टम उपयोगकर्ता पंजीकरण फॉर्म कैसे बनाएं?
- चरण 1: यूएई (एलिमेंट के लिए अंतिम एडऑन) Plugin का उपयोग करके एक उपयोगकर्ता पंजीकरण फॉर्म बनाएं
- चरण 2: अपनी फ़ॉर्म सेटिंग्स कॉन्फ़िगर करें
- नई उपयोगकर्ता भूमिका
- पंजीकरण क्रिया के बाद चुनें
- चरण 3: अपनी वेबसाइट पर उपयोगकर्ता पंजीकरण फॉर्म जोड़ें
- निष्कर्ष:
कस्टम पंजीकरण पृष्ठ बनाने के लाभ
अकेले कार्यक्षमता के संदर्भ में, आपकी वेबसाइट पर सामान्य-दिखने वाले पंजीकरण पृष्ठ का उपयोग करने में कोई समस्या नहीं है। लेकिन यदि आप ऐसा करते हैं, तो आप अपनी वेबसाइट के लिए पंजीकरण पृष्ठ दर्जी के साथ आने वाले लाभ के टन को याद करेंगे।
यहां आपको एक विचार देने के लिए एक कस्टम पंजीकरण पृष्ठ बनाने के कुछ प्रमुख लाभों पर एक नज़र है:
1. उपयोगकर्ता पंजीकरण पृष्ठों को निजीकृत करें
कस्टम पंजीकरण पृष्ठों की सहायता से, आप कस्टम फ़ील्ड के साथ पंजीकरण फ़ॉर्म बना सकते हैं, और उन्हें अपनी आवश्यकताओं के अनुसार डिज़ाइन कर सकते हैं। आप अपनी आवश्यकताओं और आवश्यकताओं के अनुरूप रूपों को स्टाइल कर सकते हैं ताकि वे आपके व्यवसाय विचार और आपकी वेबसाइट के साथ गूंजें।
उपयोगकर्ता पंजीकरण फॉर्म विजेट का उपयोग निम्नलिखित के लिए किया जा सकता है:
- एक ऑनलाइन स्टोर का सदस्य बनने के लिए एक सुरुचिपूर्ण समाधान
- आपके व्यवसाय को प्रतिबिंबित करने के लिए एक कस्टम वर्डप्रेस पंजीकरण फॉर्म
- मंचों और ई-लर्निंग वेबसाइटों के लिए एक सुरक्षित रूप
- सदस्यता वेबसाइटों के लिए एक अनुकूलित पंजीकरण फॉर्म
2. एक ही फॉर्म से सभी आवश्यक जानकारी एकत्र करें
यदि कोई विशेष जानकारी है जिसे आप अपने सदस्यों से एकत्र करना चाहते हैं, तो आप इसे अपने पंजीकरण फॉर्म का हिस्सा बना सकते हैं।
तो, यह केवल एक उपयोगकर्ता नाम और पासवर्ड नहीं है जिसे एक उपयोगकर्ता उठा सकता है, और यह सब है। आप नाम, ईमेल पता, संपर्क विवरण आदि जैसे अधिक फ़ॉर्म फ़ील्ड जोड़ सकते हैं। आप कस्टम फ़ील्ड की सहायता से व्यापक रूप से विस्तृत रूप बना सकते हैं जिसमें आप अपने पंजीकरण फ़ॉर्म का हिस्सा बना सकते हैं।
3. उपयोगकर्ता अनुभव को अनुकूलित करें
आप अपने सदस्यों को एक अनुकूलित उपयोगकर्ता अनुभव प्रदान कर सकते हैं। यह उपयोगकर्ताओं को एक विशिष्ट पृष्ठ पर पुनर्निर्देशित कर सकता है, जिससे उन्हें अपने खातों में ऑटो-लॉगिन करने या ईमेल को अपने इनबॉक्स में भेजने में मदद मिलेगी।
4. फाइटिंग स्पैम और एनहांसिंग सिक्योरिटी
हनीपोट और ReCaptcha के साथ, आप स्पैमर्स से लड़ सकते हैं और नकली पंजीकरण को रोक सकते हैं।
5. बिल्कुल अपने ब्रांड शैली के लिए
एक पंजीकरण फॉर्म आपकी वेबसाइट के अन्य पृष्ठों की तरह ही दिखना चाहिए। कस्टम पंजीकरण प्रपत्रों के साथ, आप उन रूपों का निर्माण कर सकते हैं जो आपके व्यवसाय के साथ गूंजते हैं।
एलिमेंट का उपयोग करके कस्टम उपयोगकर्ता पंजीकरण फॉर्म कैसे बनाएं?
अब आपको यह समझ में आ गया है कि कस्टम उपयोगकर्ता पंजीकरण फॉर्म आपको कैसे व्यापार करने में मदद कर सकता है, यहां एलिमेंट और यूएई एडऑन का उपयोग करने के बारे में एक व्यापक चरण-दर-चरण मार्गदर्शिका है जो आपको अपने स्वयं के कस्टम उपयोगकर्ता लॉगिन अनुभव बनाने में मदद करता है।
यहां एक तीन-चरण मार्गदर्शिका दी गई है कि आप अपनी वेबसाइट के लिए उपयोगकर्ता पंजीकरण फॉर्म कैसे बना सकते हैं।
नोट : इससे पहले कि आप आगे बढ़ें, सुनिश्चित करें कि आपने डैशबोर्ड> सेटिंग्स> सामान्य> सदस्यता: सक्षम सदस्यता विकल्प को ।
सदस्यता विकल्प को सक्षम करने से कोई भी उपयोगकर्ता आपकी वेबसाइट पर पंजीकरण कर सकेगा।
चरण 1: यूएई (एलिमेंट के लिए अंतिम एडऑन) Plugin का उपयोग करके एक उपयोगकर्ता पंजीकरण फॉर्म बनाएं
कस्टम उपयोगकर्ता पंजीकरण फॉर्म बनाने के लिए, सुनिश्चित करें कि आपके पास सक्रिय ब्लॉक के साथ संयुक्त अरब अमीरात plugin का अद्यतन संस्करण है ।
एक बार जब आपने लॉगिन पृष्ठ बनाने की पूर्व-आवश्यकताएँ सुनिश्चित कर ली हों, तो आपको एक नया पृष्ठ बनाने या जोड़ने की आवश्यकता होती है । और उस पेज को संपादित करें जहां आप उपयोगकर्ता पंजीकरण फॉर्म संलग्न करना चाहते हैं।
यदि आप विजेट को ड्रैग और ड्रॉप करते हैं, तो आप डिफ़ॉल्ट फॉर्म फील्ड देख सकते हैं।
आप खेतों के साथ खेल सकते हैं- आप एक ऐसे क्षेत्र को हटा सकते हैं जिसकी आपको आवश्यकता नहीं है, या अन्य फ़ील्ड जैसे उपयोगकर्ता नाम, प्रथम नाम इत्यादि जोड़ सकते हैं।
व्यक्तिगत फॉर्म फ़ील्ड पर आवश्यक और कॉलम चौड़ाई का प्रबंधन करने का एक विकल्प है।
आप इनपुट आकार, और फ़ील्ड के लेबल (चाहे आप उन्हें प्रदर्शित करना चाहते हैं या उन्हें छुपाना चाहते हैं), या आवश्यक मार्क का प्रबंधन कर सकते हैं।
चरण 2: अपनी फ़ॉर्म सेटिंग्स कॉन्फ़िगर करें
मूल बातें कवर करने के बाद, आप सामान्य सेटिंग्स अनुभाग पर जाकर फॉर्म सेटिंग्स को कॉन्फ़िगर कर सकते हैं । आप यहाँ से निम्न कार्य कर सकते हैं:
- नई उपयोगकर्ता भूमिका
- 'पंजीकरण क्रिया के बाद' चुनें
यहाँ दोनों का एक विस्तृत विवरण दिया गया है:
नई उपयोगकर्ता भूमिका
यदि आपके पास एक सदस्यता साइट है जिसके लिए उपयोगकर्ता को आपकी वेबसाइट पर उसे पंजीकृत करने की आवश्यकता है, तो डिफ़ॉल्ट रूप से, आप 'उपयोगकर्ता भूमिका' को सब्सक्राइबर ।
आप अपने सदस्यों के लिए एक डिफ़ॉल्ट उपयोगकर्ता भूमिका सेट कर सकते हैं, और जब वे आपकी वेबसाइट पर पंजीकरण करेंगे, तो सभी नए उपयोगकर्ताओं के लिए निर्धारित भूमिका निर्धारित की जाएगी।
पंजीकरण क्रिया के बाद चुनें
एक उपयोगकर्ता निम्नलिखित क्रियाओं का चयन कर सकता है, जिसे वह उपयोगकर्ता पंजीकरण फॉर्म विजेट का उपयोग करके सदस्यता स्थल पर खुद को पंजीकृत करने के बाद कर सकता है:
- ऑटो-लॉगिन : इस विकल्प के साथ, आप उपयोगकर्ता को अपनी वेबसाइट पर स्वचालित रूप से लॉगिन करने की अनुमति दे सकते हैं। पहली बार क्रेडेंशियल्स प्रदान करने के बाद, उपयोगकर्ता को फिर से लॉगिन नहीं करना होगा क्योंकि सफल पंजीकरण के बाद वह स्वचालित रूप से वेबसाइट पर लॉग इन हो जाएगा।
- पंजीकरण के बाद पुनर्निर्देशित करें: इस विकल्प के साथ, आप एक सफल पंजीकरण के बाद उपयोगकर्ताओं को एक स्वागत पृष्ठ या एक लॉगिन पृष्ठ पर पुनर्निर्देशित कर सकते हैं। आप इस विकल्प के अंतर्गत URL फ़ील्ड में इच्छित पृष्ठ के URL को चिपकाकर एक रीडायरेक्ट पृष्ठ सेट कर सकते हैं।
- एक ईमेल भेजें: जब उपयोगकर्ता उसे आपकी वेबसाइट पर सफलतापूर्वक पंजीकृत करता है, तो यह विकल्प उसे उसके पंजीकरण की पुष्टि करने के लिए एक ईमेल भेजेगा। ईमेल की सामग्री अनुकूलन योग्य है, और आप इन ईमेल को अधिक गर्मजोशी से व्यक्तिगत बना सकते हैं। लेकिन अगर आप अपने सभी उपयोगकर्ताओं को एक ही ईमेल भेजना चाहते हैं, तो आप इस विकल्प को खोजकर भी ऐसा कर सकते हैं।
- रजिस्टर के बाद छिपाएं: कभी-कभी, आप अपनी साइट पर सफलतापूर्वक पंजीकृत होने के बाद उपयोगकर्ता पंजीकरण फॉर्म को छिपाना चाहते हैं। 'रजिस्टर के बाद छिपाएं' विकल्प के साथ, आप पंजीकरण फॉर्म को एक लॉगिन पृष्ठ पर ले जा सकते हैं या वेबसाइट पर पहुंचने के लिए लॉगिन पृष्ठ पर जाने के लिए लिंक प्रदान करने के बाद उन्हें केवल 'सफल' संदेश प्रदर्शित कर सकते हैं। आप विजेट के कंटेंट टैब में जनरल सेटिंग्स सेक्शन के तहत इस विकल्प को पा सकते हैं।
आगे बढ़ते हुए, आप विजेट के स्टाइल टैब का उपयोग करके उपयोगकर्ता पंजीकरण फॉर्म को डिज़ाइन और स्टाइल कर सकते हैं।
ऐसा करने के बाद, आपको उपयोगकर्ता पंजीकरण फॉर्म विजेट के निर्माण और कॉन्फ़िगरेशन प्रक्रिया के साथ किया जाता है। लाइव वेबसाइट पर लाइव होने के लिए फॉर्म सभी सेट है।
चरण 3: अपनी वेबसाइट पर उपयोगकर्ता पंजीकरण फॉर्म जोड़ें
यह हिस्सा काफी बुनियादी और सरल है। आप सीधे इस विजेट को जोड़ने के लिए ड्रैग और ड्रॉप कर सकते हैं, किसी अन्य एलिमेंट विजेट की तरह। आप विजेट वाले अनुभाग को भी सहेज सकते हैं और आवश्यक पंजीकरण पृष्ठ में सहेजे गए अनुभाग को ला सकते हैं।
नीचे हमने एलीमेंटर एडिटर में किसी भी विजेट को जोड़ने में मदद करने के कुछ और तरीके बताए हैं।
एक WooCommerce पेज पर उपयोगकर्ता पंजीकरण फॉर्म के लिए
यदि आप कस्टम WooCommerce पेज यानी मेरा खाता पृष्ठ बनाना चाहते हैं, तो कस्टम खाता पृष्ठ के रूप में नाम के तहत, आप बस:
'एडिट विद एलीमेंटर बटन' पर एक क्लिक के साथ, और आप एलिमेंट एडिटर पर उतरेंगे।
हम इस तरह से एक और पंजीकरण फॉर्म बना सकते हैं, और उसी उपरोक्त चरणों का पालन करके कस्टम खाता पृष्ठ पर उपयोग करने के लिए इसे सहेज सकते हैं।
अंत में, पृष्ठ को 'मेरा खाता पृष्ठ' के रूप में सेट करने के लिए, वर्डप्रेस डैशबोर्ड पर जाएं। और WooCommerce विकल्प के तहत निम्नलिखित पथ का पालन करें:
WooCommerce> सेटिंग्स> उन्नत> पृष्ठ सेटअप> मेरा खाता पृष्ठ> मेरा खाता पृष्ठ> कस्टम खाता पृष्ठ चुनें
आप UAE के यूजर रजिस्ट्रेशन फॉर्म विजेट वाले पेज को देख सकते हैं।
निष्कर्ष:
आप एलीमेंटर और यूएई का उपयोग करके अपनी वेबसाइट के लिए अपनी पसंद के विकल्प वरीयता के साथ एक स्टाइलिश पंजीकरण फॉर्म बना सकते हैं ।
इस आलेख में दिए गए चरणों का पालन करके, आप यूएई के उपयोगकर्ता पंजीकरण फॉर्म विजेट का उपयोग करके उपयोगकर्ताओं को पंजीकृत कर सकते हैं । यह आपके नए उपयोगकर्ताओं के लिए एक स्टाइलिश उपयोगकर्ता पंजीकरण फॉर्म बनाने के लिए एक सरल और सुरुचिपूर्ण समाधान है।
