Lovable और Bolt प्रॉम्प्ट
यह प्रॉम्प्ट Lovable या Bolt में चिपकाएँ। यह Formgong पर भेजने वाला संपर्क फ़ॉर्म माँगता है और टूल से डेटाबेस या ईमेल सेवा न जोड़ने को कहता है।
आप क्या कॉपी कर रहे हैं
यह स्टार्टर Lovable या Bolt के लिए एक प्रॉम्प्ट है। आप उसे बिल्डर चैट में चिपकाते हैं। बिल्डर फ़ॉर्म लिखता है। Formgong पोस्ट प्राप्त करता है।
प्रॉम्प्ट एंडपॉइंट, सार्वजनिक एक्सेस कुंजी, _lang, हनीपॉट और सफलता की जाँच का नाम लेता है। वह बिल्डर से बैकएंड न जोड़ने को कहता है।
वह यह भी कहता है कि इस फ़ॉर्म के लिए Resend, डेटाबेस, edge function या server action न जोड़ें। जनरेट किए ऐप में ये आम भटकाव हैं।
अतिरिक्त ब्लॉक सादा HTML है जो प्रॉम्प्ट से मेल खाता है। यदि आप बिल्डर से लिखवाने के बजाय मार्कअप चिपकाना चाहें, इसे उपयोग करें।
Lovable और Bolt के लिए लंबे, उपकरण-विशिष्ट गाइड पहले से हैं। यह पेज छोटा प्रॉम्प्ट है। वे पेज इसके आसपास के क्लिक समझाते हैं।
डिफ़ में क्या जाँचें
फ़ॉर्म Formgong ऑरिजिन पर /submit को पोस्ट करना चाहिए। यदि नई तालिका, सीक्रेट, या ईमेल SDK दिखे, बिल्डर से उन्हें हटाने को कहें।
प्रॉम्प्ट में एक्सेस कुंजी fk_your_access_key है जब तक आप फ़ॉर्म न बनाएँ। उसे बदलें, या साइन इन रहते हुए इस पेज का बटन उपयोग करें।
फ़ील्ड नाम name, email और message रहने चाहिए, phone वैकल्पिक। Telegram ये नाम छापता है। बदला हुआ फ़ील्ड स्कैन करना कठिन होता है।
botcheck मौजूद, खाली और छिपा होना चाहिए। यदि बिल्डर उसे अप्रयुक्त मानकर हटा दे, वापस रखें। वही हनीपॉट है।
fetch को Accept: application/json भेजना चाहिए। JSON बॉडी को Content-Type: application/json भी चाहिए। FormData को वह हेडर सेट नहीं करना चाहिए।
प्रॉम्प्ट कहता है कि Turnstile छोड़ें जब तक आप साइट कुंजी न दें। बिल्डर को कुंजी गढ़ने न दें।
प्रॉम्प्ट कहता है कि फ़ॉर्म के लिए तीसरे पक्ष का फ़ॉन्ट लोड न करें। यदि ऐप में पहले से फ़ॉन्ट है, फ़ॉर्म उसे विरासत में ले सकता है।
बिल्डर के समाप्त होने के बाद
प्रकाशित करें, या बिल्डर पूर्वावलोकन उपयोग करें यदि वह इंटरनेट तक पहुँच सकता हो, और परीक्षण भेजें। फिर Formgong इनबॉक्स खोलें।
तुरंत डिलीवरी के लिए फ़ॉर्म सेटिंग में Telegram जोड़ें। मुफ़्त प्लान पर ईमेल दैनिक सारांश है।
मुफ़्त प्लान यूरोपीय संघ में 30 दिन तक महीने के 300 सबमिशन रखता है। स्पैम सहेजा जाता है और डिलीवर नहीं होता, और वह गिना नहीं जाता।
प्राप्तकर्ता और Telegram जैसी सेटिंग Formgong में रहती हैं। आप उन्हें बदल सकते हैं बिना बिल्डर से फ़ॉर्म फिर बनवाए।
Formgong ऑपरेटर है। यदि उत्पाद गलत व्यवहार करे, support@formgong.com पर लिखें। बिल्डर का अपना खाता अलग सहायता मार्ग है।
पूर्वावलोकन
फ़ॉर्म कोड
इस प्रोजेक्ट में एक संपर्क फ़ॉर्म जोड़ें। सबमिशन Formgong पर जाते हैं। डेटाबेस, edge function, server action या Resend जैसा ईमेल सेवा न जोड़ें।
निर्देश:
- सादा फ़ॉर्म action="https://formgong.com/submit" और method="POST" इस्तेमाल कर सकता है। JavaScript के साथ वही फ़ील्ड fetch से https://formgong.com/submit पर POST करें।
- छिपा इनपुट name="access_key" value="fk_your_access_key"। कुंजी सार्वजनिक है। इसे फ्रंटएंड में रखें। किसी सीक्रेट में न ले जाएँ।
- छिपा इनपुट name="_lang" value="{lang}"। Formgong इसे धन्यवाद पेज और त्रुटि पाठ के लिए लेता है। कई भाषाओं वाली साइट पर पेज की भाषा लिखें।
- फ़ील्ड: name, type="email" वाला email, और message। तीनों ज़रूरी हैं। phone वैकल्पिक है। ये नाम न बदलें। Telegram हर नाम को उत्तर के ऊपर मोटा दिखाता है।
- Honeypot: type="text" name="botcheck" tabindex="-1" autocomplete="off" वाला इनपुट, aria-hidden="true" वाले रैपर में। CSS से छिपाएँ: position:absolute; inset-inline-start:0; top:0; width:1px; height:1px; overflow:hidden; clip-path:inset(50%). इसे न भरें।
- fetch सफलता: हेडर Accept: application/json। JSON बॉडी के लिए Content-Type: application/json भी भेजें। FormData के लिए Content-Type न लगाएँ। अगर JSON में success true है तो छोटा धन्यवाद दिखाएँ और फ़ॉर्म खाली करें। नहीं तो उत्तर का संदेश दिखाएँ।
- Turnstile तभी जब साइट कुंजी दी हो: script src="https://challenges.cloudflare.com/turnstile/v0/api.js" और class="cf-turnstile" तथा data-sitekey वाला div। नहीं तो न जोड़ें।
- तीसरे पक्ष का फ़ॉन्ट न लोड करें। फ़ाइल अपलोड न जोड़ें।
- एंडपॉइंट का मूल है https://formgong.com।सादा HTML जो प्रॉम्प्ट माँगता है
<form action="https://formgong.com/submit" method="POST" style="position:relative"> <input type="hidden" name="access_key" value="fk_your_access_key"> <input type="hidden" name="_lang" value="hi"> <label>नाम <input type="text" name="name" autocomplete="name" required></label> <label>ईमेल <input type="email" name="email" autocomplete="email" required></label> <label>फ़ोन <input type="tel" name="phone" autocomplete="tel"></label> <label>संदेश <textarea name="message" required></textarea></label> <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"> <label>इस फ़ील्ड को खाली छोड़ें <input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label> </div> <!-- वैकल्पिक। इस फ़ॉर्म के लिए Turnstile चालू करें, फिर ये टिप्पणी चिह्न हटाएँ और साइट कुंजी चिपकाएँ। <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="hi"></div> --> <button type="submit">भेजें</button> </form>
सवाल और जवाब
क्या यह प्रॉम्प्ट Lovable और Bolt दोनों में काम करता है?
हाँ। वह एक फ़ाइल लेआउट पर निर्भर नहीं है। यदि बिल्डर React, Vue या सादा HTML चुने, वही एंडपॉइंट और फ़ील्ड लागू रहते हैं।
बिल्डर ने Supabase या Resend जोड़ दिया। अब क्या?
उससे वह कोड हटाने और केवल Formgong को पोस्ट रखने को कहें। जुड़े Lovable और Bolt गाइड वही सुधार अधिक विस्तार से बताते हैं।
क्या प्रॉम्प्ट में एक्सेस कुंजी सुरक्षित है?
यह सार्वजनिक कुंजी है। कोई भी इससे सबमिशन भेज सकता है। वे आपका इनबॉक्स नहीं पढ़ सकते और मेल कहाँ जाता है यह नहीं बदल सकते।
लंबे गाइड कहाँ हैं?
For के अंतर्गत Lovable और Bolt पेजों पर, इस पेज से लिंक किए हुए। यह स्टार्टर स्वयं प्रॉम्प्ट है, उन गाइड का प्रतिस्थापन नहीं।