पहले तय करें कि संदेश कौन स्वीकार करेगा
फ़ॉर्म के नीचे «धन्यवाद» दिखना अपने आप में संदेश सहेजे जाने का प्रमाण नहीं है। उसके लिए वास्तविक प्राप्तकर्ता सेवा चाहिए। Lovable का अपना बैकएंड और कनेक्टर भी हैं; यदि ऐप पहले से उनका इस्तेमाल करता है, फ़ॉर्म वहीं संभाल सकते हैं।
अलग इनबॉक्स और ईमेल तथा Telegram की सूचनाएँ चाहिए तो Formgong उपयोगी है। फ़ील्ड और डिज़ाइन वेबसाइट पर ही रहते हैं।
कुंजी लेने के साथ ईमेल भी सत्यापित करें
Formgong पर ऐसा ईमेल दें जिसे खोल सकते हों, फिर आए हुए लिंक से पुष्टि करें। असत्यापित खाते के संदेश रोके जा सकते हैं, इसलिए डिलीवरी जाँचने से पहले यह काम पूरा करें।
सही फ़ॉर्म के वेबसाइट कनेक्शन अनुभाग से access_key लें। यह सार्वजनिक सबमिशन कुंजी है; इससे इनबॉक्स पढ़ना या सेटिंग बदलना संभव नहीं है।
Lovable से केवल कनेक्शन बदलने को कहें
मौजूदा फ़ॉर्म, उसका डिज़ाइन और फ़ील्ड के नाम बनाए रखने को कहें। नीचे के निर्देश में fk_your_access_key को अपनी कुंजी से बदलें। यह उदाहरण टेक्स्ट के लिए है; फ़ाइल अपलोड, ईमेल की गुप्त कुंजी या बॉट टोकन न जोड़ें।
एक संपर्क फ़ॉर्म जोड़ो जो संदेश Formgong को भेजे। बैकएंड, डेटाबेस या सीक्रेट मत बनाओ। - POST https://formgong.com/submit - छिपा access_key फ़ील्ड, मान fk_your_access_key (कुंजी सार्वजनिक है) - फ़ील्ड: name, email, वैकल्पिक phone, message। लेबल हिंदी में - हनीपॉट: botcheck फ़ील्ड स्क्रीन के बाहर छिपा हो - फ़ाइलें और सर्वर फ़ंक्शन नहीं - सादा HTML फ़ॉर्म, या fetch में Accept: application/json। सफलता json.success === true
API अनुरोध का उदाहरण
अपनी कुंजी लगाएँ और प्रतीक्षा, सफलता व त्रुटि की स्थितियाँ संभालें। विफलता पर भरे हुए फ़ील्ड न मिटाएँ।
async function onSubmit(event) {
event.preventDefault();
const fields = Object.fromEntries(new FormData(event.currentTarget));
const response = await fetch("https://formgong.com/submit", {
method: "POST",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
},
body: JSON.stringify({ ...fields, access_key: "fk_your_access_key" }),
});
const result = await response.json();
if (!result.success) throw new Error(result.message || "Formgong error");
}एक पहचानने योग्य संदेश का पूरा रास्ता देखें
टेस्ट संदेश भेजें और उसी फ़ॉर्म के रिकॉर्ड में खोजें। फिर ईमेल और स्पैम फ़ोल्डर देखें। अतिरिक्त फ़ील्ड भी सही होने चाहिए। fetch हो तो success: true मिलने के बाद ही सफलता दिखाएँ, और त्रुटि पर लिखी हुई बात बचाकर रखें।
प्रकाशित डोमेन और मोबाइल पर फिर जाँचें। एडिटर का पूर्वावलोकन सार्वजनिक वेबसाइट की जाँच का विकल्प नहीं है।
चैट को फ़ॉर्म से अलग से जोड़ें
फ़ॉर्म की Telegram सेटिंग का लिंक खोलकर बॉट शुरू करें। समूह के लिए बॉट जोड़ें और पैनल के कनेक्शन कोड के साथ /connect भेजें। यह फ़ॉर्म की सार्वजनिक कुंजी से अलग है।
जुड़ा हुआ चैट देखकर नया टेस्ट भेजें। पूरी प्रक्रिया Telegram गाइड में है।
संदेश न मिले तो शुरुआत से जाँचें
रिकॉर्ड नहीं है तो https://formgong.com/submit और कुंजी देखें। रिकॉर्ड है, ईमेल नहीं है तो सत्यापन, प्राप्तकर्ता, सूचनाएँ और स्पैम जाँचें। छिपा हुआ botcheck खाली रहना चाहिए।
Turnstile चालू करने के बाद नया कनेक्शन उदाहरण लें ताकि टोकन भेजा जाए। डिलीवरी जाँच गाइड चरण अलग करने में मदद करती है।
वेबसाइट दोबारा प्रकाशित किए बिना बदलाव
प्राप्तकर्ता, चैट, ईमेल का विषय और धन्यवाद पेज Formgong से बदल सकते हैं। विफलता का संदेश भी जाँचें। Free में प्रति खाते हर महीने 300 सबमिशन और ईमेल तथा Telegram शामिल हैं।
आम सवाल
क्या अलग Supabase चाहिए?
Formgong से जुड़े फ़ॉर्म के लिए नहीं। ऐप का मौजूदा Lovable या Supabase बैकएंड भी फ़ॉर्म संभाल सकता है।
क्या कुंजी फ़्रंटएंड में रख सकते हैं?
हाँ। access_key सार्वजनिक सबमिशन कुंजी है, पैनल या इनबॉक्स की पहुँच नहीं देती।
क्या डिज़ाइन बदल जाएगा?
Formgong डेटा स्वीकार करता है; डिज़ाइन वेबसाइट पर रहता है। Lovable को उसे बनाए रखने का निर्देश दें और परिणाम देखें।
क्या सफल जवाब ईमेल पहुँचने का प्रमाण है?
नहीं। यह अनुरोध स्वीकार किए जाने का जवाब है। रिकॉर्ड और सूचना की डिलीवरी अलग जाँचें।
स्रोत और दस्तावेज़
इस गाइड के आधिकारिक संदर्भ: Lovable Cloud, Lovable Resend connector, Lovable Telegram connector. Formgong दस्तावेज़, डेटा कहाँ रखा जाता है.
Markdown में पढ़ें