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