एक विज़िटर आपके फ़ॉर्म पर आता है। पहला फ़ील्ड उसका ईमेल मांगता है। पर आपकी साइट के पास उसका ईमेल पिछले साइनअप से पहले से है। उसे दोबारा टाइप करना पड़ता है। दूसरा विज़िटर आता है और फ़ॉर्म उसका देश पूछता है। आपके एनालिटिक्स को पहले से पता है कि वह कहां है। फिर पूछना क्यों?
पहले से भरे फ़ॉर्म जल्दी पूरे होते हैं। विज़िटर को वह जानकारी दोबारा नहीं भरनी पड़ती जो आपके पास पहले से है। इस लेख में बताया गया है कि फ़ॉर्म पहले से कैसे भरें और कौन से डेटा सोर्स इस्तेमाल कर सकते हैं।
पहले से भरे फ़ॉर्म क्यों मायने रखते हैं
विज़िटर को भरना पड़ने वाला हर फ़ील्ड फ़ॉर्म पूरा होने की दर घटाता है। अगर आप 50% फ़ील्ड अपने आप भर सकें, तो फ़ॉर्म छोटा लगता है। विज़िटर उस पर कम समय लगाता है। चिंता करने के लिए कम फ़ील्ड का मतलब गलतियों के कम मौके।
अध्ययन बताते हैं कि पहले से भरे फ़ॉर्म खाली फ़ॉर्म से 20-30% ज़्यादा पूरे होते हैं। यह फ़र्क असली है।
URL पैरामीटर से पहले से भरना
पहले से भरने का सबसे आसान तरीका है wemasy.in/contact?email=user@example.com&name=John जैसे URL में डेटा भेजना। पेज लोड होने पर JavaScript पैरामीटर निकालती है और const params = new URLSearchParams(window.location.search); document.getElementById('email').value = params.get('email'); document.getElementById('name').value = params.get('name'); से फ़ॉर्म भर देती है। यह तब काम करता है जब आप किसी दूसरे पेज से फ़ॉर्म की लिंक देते हैं, जैसे ईमेल कैंपेन किसी कॉन्टैक्ट फ़ॉर्म की ऐसी लिंक दे जिसमें पाने वाले का ईमेल पहले से भरा हो, या कोई लैंडिंग पेज साइनअप फ़ॉर्म की ऐसी लिंक दे जिसमें सोर्स कैंपेन पहले से भरा हो।
संवेदनशील डेटा में सावधानी रखें। URL में पासवर्ड या क्रेडिट कार्ड नंबर न भेजें। सिर्फ़ ईमेल और नाम जैसा असंवेदनशील डेटा भेजें।
यूज़र सेशन से पहले से भरना
अगर यूज़र लॉग इन है, तो आपको पता है कि वह कौन है और आप उसके अकाउंट से उसका ईमेल, नाम, पता और बाकी जानकारी पहले से भर सकते हैं। सर्वर पर, फ़ॉर्म दिखाने से पहले const user = getUserFromSession(); const form = { email: user.email, name: user.name, address: user.address }; इस्तेमाल करें। फिर HTML टेम्पलेट में <input type="text" name="name" value="<%= form.name %>"> सेट करें। या फिर, पेज लोड होने के बाद JavaScript में _blocked_('/api/user').then(res => res.json()).then(user => { document.getElementById('email').value = user.email; document.getElementById('name').value = user.name; }); इस्तेमाल करें। इस तरीके में यूज़र का लॉग इन होना ज़रूरी है। पब्लिक फ़ॉर्म के लिए URL पैरामीटर या थर्ड-पार्टी डेटा इस्तेमाल करें।
ब्राउज़र डेटा से पहले से भरना
ब्राउज़र ऐसा डेटा रखता है जिस तक आप दो तरह से पहुंच सकते हैं। पहला, localStorage से आप ब्राउज़र में डेटा रखकर बाद में निकाल सकते हैं: localStorage.setItem('email', 'user@example.com'); const email = localStorage.getItem('email');। यह पेज लोड और ब्राउज़र सेशन के पार बना रहता है, इसलिए फ़ॉर्म की प्रगति सेव करने या पिछली विज़िट का ईमेल याद रखने में काम आता है। दूसरा, आधुनिक ब्राउज़र वह फ़ॉर्म डेटा याद रखते हैं जो यूज़र ने पहले टाइप किया हो। autocomplete एट्रिब्यूट सेट करें तो ब्राउज़र का ऑटो-फ़िल चालू हो जाता है: <input type="email" name="email" autocomplete="email"> और <input type="text" name="name" autocomplete="name">। ब्राउज़र सुझाव दिखाता है और बिना किसी कोड के फ़ील्ड भर देता है, और autocomplete खासकर मोबाइल पर मदद करता है जहां टाइप करना धीमा होता है।
जियोलोकेशन से पहले से भरना
आप यूज़र की अनुमानित लोकेशन पता करके देश या राज्य पहले से भर सकते हैं: _blocked_('https://geo.example.com/json/').then(res => res.json()).then(data => { document.getElementById('country').value = data.country; document.getElementById('state').value = data.region; });। यह उनके IP पते से लोकेशन का अंदाज़ा लगाता है। यह पूरी तरह सटीक नहीं है (खासकर VPN इस्तेमाल करने वालों के लिए), पर ज़्यादातर मामलों के लिए काफ़ी है। यूज़र को हमेशा बदलने का विकल्प दें।
थर्ड-पार्टी डेटा सेवाओं से पहले से भरना
डेटा एनरिचमेंट सेवाएं ईमेल पते के आधार पर कंपनी और व्यक्ति की जानकारी खोज सकती हैं। जब यूज़र ईमेल टाइप करता है, तो JavaScript उसे एनरिचमेंट सेवा को भेजती है, जो कंपनी की जानकारी, जॉब टाइटल और लोकेशन लौटाती है, और फ़ॉर्म उस डेटा से भर जाता है। इसके लिए API की और इंटीग्रेशन कोड चाहिए, इसलिए यह ज़्यादा जटिल है, पर B2B फ़ॉर्म के लिए बहुत असरदार है।
हिडन फ़ील्ड पहले से भरना
हिडन फ़ील्ड ऐसा डेटा रखते हैं जो यूज़र को नहीं दिखता पर आपके बैकएंड को चाहिए।
<input type="hidden" name="source" value="email_campaign">
<input type="hidden" name="campaign_id" value="summer_2026">
ये फ़ॉर्म दिखाने से पहले सर्वर साइड पर भरे जाते हैं। इनसे ट्रैक करें कि फ़ॉर्म सबमिशन कहां से आया या किस कैंपेन से आया।
मल्टी-स्टेप फ़ॉर्म पहले से भरना
मल्टी-स्टेप फ़ॉर्म में चरण 2 को चरण 1 के डेटा से पहले से भरें ताकि यूज़र को वह जानकारी दोबारा न भरनी पड़े जो वह टाइप कर चुका है। चरण 1 सबमिट होने के बाद डेटा सेशन या localStorage में रखें। चरण 2 लोड होने पर उसे निकालकर भरें: const step1Data = JSON.parse(localStorage.getItem('formStep1')); if (step1Data) { document.getElementById('email').value = step1Data.email; }।
प्राइवेसी और अनुमति के मुद्दे
पहले से भरना सुविधाजनक है, पर प्राइवेसी की चिंताएं भी लाता है। बिना अनुमति किसी का ईमेल पता दिखाना दखल जैसा लगता है।
सिर्फ़ वही डेटा पहले से भरें जिसके इस्तेमाल की आपके पास अनुमति है। अगर यूज़र लॉग इन है, तो आपके पास अनुमति है। अगर डेटा किसी ऐसे ईमेल कैंपेन से आया जिस पर उन्होंने क्लिक किया, तो आपके पास अनुमति है। अगर डेटा किसी थर्ड-पार्टी सेवा से आया, तो अपनी प्राइवेसी पॉलिसी जांचें।
यूज़र को हमेशा पहले से भरी वैल्यू बदलने दें। उन्हें बांधकर न रखें।
WEMASY में फ़ॉर्म
WEMASY में फ़ॉर्म टूल है, और आप फ़ॉर्म सीधे अपनी वेबसाइट पर बना सकते हैं। आप मुफ़्त में शुरू कर सकते हैं और पेड प्लान 7 दिन आज़मा सकते हैं।
अपने WEMASY प्लान के बारे में जानें।