अपनी साइट पर संपर्क फ़ॉर्म जोड़ें, भले ही वह स्थिर हो। पता लगाएँ कि फॉर्मस्प्री आपकी डेटा-संग्रह आवश्यकताओं को हल करने में कैसे मदद कर सकता है।
उपयोगकर्ताओं को सुरक्षित रूप से आपको ईमेल भेजने की अनुमति देने के लिए आप अपनी वेबसाइट पर कई विधियों का उपयोग कर सकते हैं। एक उदाहरण संपर्क प्रपत्र पर mailto विशेषता का उपयोग कर रहा है। mailto विशेषता उपयोगकर्ता के लिए एक संदेश दर्ज करने के लिए एक स्थापित मेल एप्लिकेशन खोलती है।
बेहतर अनुभव के लिए, फॉर्मस्प्री जैसे टूल को एकीकृत करने पर विचार करें। फॉर्मस्प्री एक मध्यस्थ के रूप में कार्य करता है, फॉर्म डेटा रिकॉर्ड करता है और इसे आपके निर्दिष्ट ईमेल पते पर भेजता है।
फॉर्मस्प्री क्या है और यह कैसे काम करता है?
फॉर्मस्प्री एक ईमेल सेवा है जिसे आप कस्टम संपर्क फ़ॉर्म में एकीकृत कर सकते हैं। जब आप फॉर्मस्प्री में लॉग इन करते हैं, तो आप एक फॉर्म के लिए अपना लक्षित ईमेल पता निर्दिष्ट कर सकते हैं। फॉर्मस्प्री आपकी ओर से फॉर्म सबमिशन को हैंडल करता है। यह आपको देता है
एक निःशुल्क संपर्क फ़ॉर्म बनाएं, जैसे Google फ़ॉर्म, लेकिन आप वास्तविक फॉर्म मार्कअप को अपनी साइट पर होस्ट करते हैं।फॉर्मस्प्री एक एंडपॉइंट जेनरेट करेगा, जिसे आपको अपने कस्टम फॉर्म में जोड़ना होगा। जब कोई उपयोगकर्ता "सबमिट" बटन दबाता है, तो फॉर्म फॉर्मस्प्री की एपीआई सेवा को कॉल करने के लिए एंडपॉइंट का उपयोग करेगा। यह संपर्क फ़ॉर्म की सामग्री के साथ एक ईमेल उत्पन्न करेगा।
फॉर्मस्प्री इस ईमेल को आपके फॉर्मस्प्री खाते में सूचीबद्ध लक्षित ईमेल पर भेजेगा। फिर आपको अपने इनबॉक्स में ईमेल प्राप्त होगा। आपके फॉर्मस्प्री खाते में एक जगह भी है जहां आप अपने संपर्क फ़ॉर्म सबमिशन देख सकते हैं।
फॉर्मस्प्री के साथ अपना ईमेल पंजीकृत करने के लिए, लॉग इन करें और अपने फॉर्म के लिए लक्षित ईमेल पता दर्ज करें।
- में प्रवेश करें फॉर्मस्प्री. यदि आपके पास खाता नहीं है, तो आपको अपना ईमेल पता और पासवर्ड दर्ज करना होगा। उस ईमेल पते का उपयोग करके पंजीकरण करें जिस पर आप संपर्क फ़ॉर्म को सबमिशन भेजना चाहते हैं। साइनअप प्रक्रिया के दौरान आपको इस ईमेल पते को सत्यापित करने की भी आवश्यकता हो सकती है।
- एक बार साइनअप प्रक्रिया पूरी होने के बाद, "फॉर्म" पेज खुल जाएगा। पर क्लिक करें नए रूप मे.
- अपने संपर्क फ़ॉर्म के लिए कोई भी नाम दर्ज करें और डिफ़ॉल्ट प्रोजेक्ट सेटिंग्स को छोड़ दें। "ईमेल भेजें" फ़ील्ड में लक्ष्य ईमेल पता दर्ज करें। यह वह जगह है जहां फॉर्मस्प्री आपके संपर्क फ़ॉर्म सबमिशन भेज देगा। एक बार पूरा हो जाने पर, पर क्लिक करें फॉर्म बनाएं.
- फॉर्मस्प्री आपको एक समापन बिंदु और इसका उपयोग करने के उदाहरण प्रदान करेगा। आपको इस समापन बिंदु को अपनी वेबसाइट पर अपने कस्टम संपर्क फ़ॉर्म में जोड़ना होगा (इस पर बाद में और अधिक)।
- डिफ़ॉल्ट रूप से, फॉर्मस्प्री आपके फॉर्म को "माई फर्स्ट प्रोजेक्ट" नामक प्रोजेक्ट के तहत स्टोर करता है। यदि आप इसका नाम बदलना चाहते हैं, तो "फ़ॉर्म" पृष्ठ पर वापस जाएँ। पर क्लिक करें समायोजन परियोजना के नाम के आगे।
- यहां, आप अपने प्रोजेक्ट का नाम किसी और चीज़ में बदल सकते हैं। उदाहरण के लिए, आप अपनी वेबसाइट के समान नाम रखने के लिए इसका नाम बदल सकते हैं। आप अपनी वेबसाइट के लिए URL भी जोड़ सकते हैं।
आपको फॉर्मस्प्री द्वारा प्रदान किए गए समापन बिंदु को अपनी वेबसाइट के कोड में संपर्क फ़ॉर्म में जोड़ना होगा।
- प्रपत्र के लिए "कार्रवाई" विशेषता में समापन बिंदु जोड़ें। यह एक उपयोगकर्ता के ब्राउज़र को उस यूआरएल पर फॉर्म भेजने का कारण बनता है जब वे इसे जमा करते हैं।
<फॉर्म एक्शन ="https://formspree.io/f/xjvlaqpe" विधि ="पद">
<!-- आपका फॉर्म यहाँ ->
<बटन प्रकार ="प्रस्तुत" वर्ग ="बटन"> प्रस्तुत </button>
</form> - अपने फॉर्म में इनपुट जोड़ें। आप इस उदाहरण फॉर्म का उपयोग कर सकते हैं जो उपयोग करता है बूटस्ट्रैप सीएसएस ढांचा:
<फॉर्म एक्शन ="https://formspree.io/f/mbjqjrdl" वर्ग ="अतिरिक्त गद्दी" विधि ="पद">
<डिव क्लास ="फॉर्म-ग्रुप">
<के लिए लेबल ="को उत्तर"> आपका ईमेल पता </label>
<इनपुट प्रकार ="ईमेल" वर्ग ="फॉर्म-कंट्रोल" आईडी ="को उत्तर" नाम ="_को उत्तर" एनजीमॉडल="जवाब दे दो" एरिया-वर्णित="ईमेलसहायता" प्लेसहोल्डर ="[email protected]">
<छोटी आईडी ="ईमेलसहायता" वर्ग ="प्रपत्र-पाठ पाठ-म्यूट"> आपका ईमेल किसी और के साथ साझा नहीं किया जाएगा। </small>
</div>
<डिव क्लास ="फॉर्म-ग्रुप">
<के लिए लेबल ="संदेश"> आपका संदेश </label>
<पाठ क्षेत्र का नाम ="संदेश" शैली ="ऊंचाई: 200px" वर्ग ="फॉर्म-कंट्रोल" आईडी ="संदेश" प्लेसहोल्डर ="सुनो! मैं'मैं आपसे संपर्क कर रहा हूं क्योंकि..."></textarea>
</div>
<बटन प्रकार ="प्रस्तुत" वर्ग ="बटन"> प्रस्तुत </button>
</form>
यह जांचने के लिए कि क्या फॉर्मस्प्री काम कर रहा है, संपर्क फ़ॉर्म का उपयोग करके स्वयं को एक संदेश भेजें, दबाएं प्रस्तुत, और अपने ईमेल के इनबॉक्स की जाँच करें।
- अपनी वेबसाइट चलाएँ और वह पृष्ठ खोलें जिसमें संपर्क फ़ॉर्म है। संपर्क फ़ॉर्म में एक संदेश दर्ज करें और दबाएं प्रस्तुत.
- आपको अपने इनबॉक्स में संपर्क फ़ॉर्म संदेश प्राप्त होगा।
- यदि आप फॉर्मस्प्री पर वापस जाते हैं, तो पर क्लिक करें प्रविष्टियों टैब। यहां आप अपने संपर्क फ़ॉर्म से सबमिट किए गए संदेशों को भी देख पाएंगे।
फॉर्मस्प्री उन कई सेवाओं में से एक है जिनका उपयोग आप अपनी साइट पर एक कस्टम संपर्क फ़ॉर्म को एकीकृत करने के लिए कर सकते हैं। यह आपको बैकएंड विवरण के बारे में चिंता किए बिना उपयोगकर्ता प्रतिक्रिया को जल्दी से स्वीकार करना शुरू करने की अनुमति देता है।
यदि आप HTML और JavaScript के साथ फ़ॉर्म बनाने में नए हैं, तो आप क्लाइंट-साइड फ़ॉर्म सत्यापन के बारे में अधिक जान सकते हैं। यह सुनिश्चित करने में मदद करता है कि आपके संपर्क फ़ॉर्म सभी उपयोगकर्ता इनपुट को मान्य कर सकते हैं।
जावास्क्रिप्ट के साथ क्लाइंट-साइड फॉर्म सत्यापन को कैसे कार्यान्वित करें
आगे पढ़िए
संबंधित विषय
- प्रोग्रामिंग
- एचटीएमएल
- वेब विकास
- वेबमास्टर उपकरण
लेखक के बारे में
शर्लिन एमयूओ में टेक राइटर हैं और सॉफ्टवेयर डेवलपमेंट में भी पूर्णकालिक काम करती हैं। उसके पास आईटी स्नातक है और उसे गुणवत्ता आश्वासन और विश्वविद्यालय शिक्षण में पिछला अनुभव है। शर्लिन को गेमिंग और पियानो बजाना बहुत पसंद है।
हमारे समाचार पत्र के सदस्य बनें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
सब्सक्राइब करने के लिए यहां क्लिक करें
