डेट पिकर के साथ वर्डप्रेस फॉर्म कैसे बनाएं

डेट पिकर के साथ वर्डप्रेस फॉर्म कैसे बनाएं


क्या आप अपने संपर्क फ़ॉर्म में दिनांक पिकर जोड़ना चाहते हैं? दिनांक पिकर की आवश्यकता तब होती है जब आप चाहते हैं कि आपके उपयोगकर्ता प्रपत्र में दिनांक और समय का चयन करें.

इस लेख में, हम एक तारीख पिकर के साथ वर्डप्रेस फॉर्म बनाने का तरीका साझा करेंगे.

वर्डप्रेस फॉर्म में कब और क्यों आपको डेट पिकर जोड़ना चाहिए?

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

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

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

डेट पिकर के साथ वर्डप्रेस फॉर्म बनाना

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

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

आरंभ करने के लिए, हम उठा रहे हैं सरल संपर्क फ़ॉर्म टेम्पलेट.

एक नया फॉर्म बनाएँ

एक साधारण संपर्क फ़ॉर्म मूल फ़ील्ड नाम, ईमेल, टिप्पणी आदि के साथ लोड होगा। आप बाईं ओर अधिक फ़ील्ड देख सकते हैं और स्क्रीन के दाईं ओर आपके नए फ़ॉर्म का पूर्वावलोकन कर सकते हैं। बस बाईं ओर से किसी भी फ़ील्ड को दाईं ओर अपने नए रूप में खींचें और छोड़ें.

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

ड्रैग एंड ड्रॉप डेट पिकर फील्ड

फ़ॉर्म पूरी तरह से लचीला है जिसका अर्थ है कि आप आसानी से फ़ील्ड के क्रम को पुनर्व्यवस्थित कर सकते हैं या दाईं ओर अपने फ़ॉर्म के पूर्वावलोकन अनुभाग से किसी भी फ़ील्ड को अनुकूलित कर सकते हैं.

फ़ील्ड क्रम बदलें

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

  • लेबल: यह आपके फॉर्म में दिनांक / समय क्षेत्र का शीर्षक है.
  • प्रारूप: इस ड्रॉपडाउन में, आप दिनांक, समय या दोनों के लिए एक प्रारूप का चयन कर सकते हैं.
  • विवरण: यह आपको फ़ील्ड के नीचे उपयोगकर्ताओं के लिए निर्देश जोड़ने की अनुमति देता है.
  • आवश्यक: यदि आप इस विकल्प की जांच करते हैं, तो उपयोगकर्ता इस क्षेत्र में तारीख / समय का चयन किए बिना फॉर्म जमा नहीं कर सकता है.

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

प्रपत्र फ़ील्ड सेटिंग्स

उन्नत विकल्पों में से कुछ में शामिल हैं:

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

कई अन्य कस्टम सेटिंग्स हैं जैसे अंतराल, छिपाने के लेबल, और बहुत कुछ.

उन्नत विकल्प

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

पर क्लिक करना सुनिश्चित करें सहेजें अपने परिवर्तनों को संग्रहीत करने के लिए बटन.

पुष्टिकरण और अधिसूचना सेटिंग्स

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

फॉर्म की पुष्टि सेटिंग्स

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

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

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

अपने वर्डप्रेस साइट पर फॉर्म प्रदर्शित करें

आप अपने वर्डप्रेस पेज, पोस्ट, साइडबार और अन्य विजेट क्षेत्रों में आसानी से संपर्क फ़ॉर्म जोड़ सकते हैं.

पृष्ठ पर फ़ॉर्म जोड़ने के लिए, आपको जाने की आवश्यकता होगी पेज »नया जोड़ें वर्डप्रेस में। बस टेक्स्ट एडिटर के ऊपर ऐड फॉर्म बटन पर क्लिक करें.

पेज पर फॉर्म जोड़ें

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

तारीख पिकर के साथ वर्डप्रेस फॉर्म

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

बस इतना ही। हमें उम्मीद है कि इस लेख ने आपको एक तिथि पिकर के साथ वर्डप्रेस फॉर्म बनाने का तरीका जानने में मदद की। वर्डप्रेस में फाइल अपलोड फॉर्म बनाने के तरीके के बारे में आप हमारी गाइड देखना चाहते हैं.

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