HTML संपर्क फ़ॉर्म
सादे HTML में संपर्क फ़ॉर्म। ब्राउज़र भेजता है। बैकएंड, फ़्रेमवर्क या फ़ॉन्ट नहीं चाहिए।
आप क्या कॉपी कर रहे हैं
यह स्टार्टर सादे HTML में एक संपर्क फ़ॉर्म है। ब्राउज़र इसे सामान्य POST से भेजता है। यहाँ fetch कॉल नहीं है, फ़्रेमवर्क नहीं है, और बिल्ड का चरण नहीं है।
मार्कअप को किसी स्थिर पेज में, Webflow एम्बेड में, या किसी भी जगह चिपकाएँ जहाँ फ़ॉर्म एलिमेंट स्वीकार होता है। पेज को अपना सर्वर नहीं चाहिए।
फ़ॉर्म नाम, ईमेल पता और संदेश माँगता है। फ़ोन वैकल्पिक है। ये शब्द फ़ील्ड के नाम भी हैं।
Telegram हर फ़ील्ड का नाम उत्तर के ऊपर मोटे अक्षरों में छापता है। name, email और message जैसे छोटे नाम फ़ोन पर पढ़ने योग्य रहते हैं।
यहाँ फ़ाइल, भुगतान, या Formgong का कोई स्कोर इकट्ठा नहीं होता। यह केवल एक तरीका है जिससे विज़िटर आप तक पहुँच सके।
पोस्ट कैसे काम करता है
फ़ॉर्म का action आपके Formgong ऑरिजिन के साथ /submit है, और मेथड POST है। छिपा हुआ access_key फ़ॉर्म का नाम बताता है।
कुंजी सार्वजनिक है और पेज में रहती है। इससे विज़िटर सबमिशन भेज सकता है। इससे प्राप्तकर्ता नहीं बदले जा सकते और वेबहुक चालू नहीं हो सकता।
छिपा हुआ _lang फ़ील्ड पेज की भाषा ले जाता है, उदाहरण के लिए en। Formgong इसका उपयोग धन्यवाद पेज और त्रुटि पाठ के लिए करता है।
यह विज़िटर के संदेश का अनुवाद नहीं करता। दिखाई देने वाले लेबल पेज की भाषा में लिखें, और फ़ील्ड के नाम अंग्रेज़ी में रखें।
हनीपॉट botcheck नाम का इनपुट है। यह स्क्रीन से बाहर रहता है, tabindex -1 और autocomplete बंद के साथ। लोग इसे खाली छोड़ देते हैं।
जो सबमिशन botcheck भरता है, वह स्पैम के रूप में सहेजा जाता है और डिलीवर नहीं होता। विज़िटर फिर भी सामान्य सफलता का मार्ग देखता है।
Turnstile वैकल्पिक है। स्निपेट विजेट को टिप्पणी के अंदर छोड़ता है। इस टेम्पलेट में कोई साइट कुंजी नहीं है।
यदि आप फ़ॉर्म के लिए Turnstile चालू करते हैं, तो टिप्पणी के चिह्न हटाएँ और अपनी साइट कुंजी चिपकाएँ। तब तक वे पंक्तियाँ कुछ नहीं करतीं।
छिपे हुए _redirect के बिना Formgong अपना धन्यवाद पेज दिखाता है। अतिरिक्त स्निपेट _redirect को एक https पते पर सेट करता है।
https://example.com/thanks को ऐसे पेज से बदलें जिसे आप नियंत्रित करते हैं। सापेक्ष पथ स्वीकार नहीं होता।
चिपकाने के बाद
डैशबोर्ड में फ़ॉर्म बनाएँ, या इस पेज का बटन उपयोग करें, और यदि आपने प्लेसहोल्डर कॉपी किया है तो fk_your_access_key बदलें।
जब आप संदेश अपने फ़ोन पर चाहते हों, फ़ॉर्म सेटिंग में Telegram जोड़ें। मुफ़्त प्लान पर ईमेल दैनिक सारांश है और Telegram तुरंत आता है।
प्रकाशित पेज से एक परीक्षण भेजें। file:// के रूप में खोली गई फ़ाइल लाइव फ़ॉर्म की विश्वसनीय जाँच नहीं है।
मुफ़्त प्लान सबमिशन 30 दिन रखता है। सशुल्क प्लान उन्हें अधिक समय तक रख सकते हैं। Formgong उन्हें यूरोपीय संघ में संग्रहीत करता है।
मुफ़्त प्लान में महीने के 300 सबमिशन शामिल हैं। स्पैम उस संख्या में नहीं गिना जाता।
यदि आपको क्लिनिक, नौकरी या कोट फ़ॉर्म चाहिए, तो इस साइट पर आगे एक उद्योग टेम्पलेट उपयोग करें। यह पेज केवल साधारण संपर्क लेआउट है।
सेवा के प्रश्न support@formgong.com पर जाएँ। Formgong सेवा का ऑपरेटर है। यह टेम्पलेट किसी अन्य कंपनी को ऑपरेटर नहीं बताता।
पूर्वावलोकन
फ़ॉर्म कोड
<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>
धन्यवाद पेज पर रीडायरेक्ट वाला वही फ़ॉर्म
<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"> <input type="hidden" name="_redirect" value="https://example.com/thanks"> <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>
सवाल और जवाब
क्या इस फ़ॉर्म को JavaScript चाहिए?
नहीं। ब्राउज़र फ़ॉर्म खुद पोस्ट करता है। AJAX स्टार्टर वह है जो fetch के साथ पेज पर रहता है।
संदेश कहाँ जाते हैं?
Formgong इनबॉक्स में, और ईमेल तथा Telegram पर जब आप उन्हें जोड़ते हैं। यदि प्रश्न सेवा के बारे में हो तो support@formgong.com पर लिखें।
क्या आप और फ़ील्ड जोड़ सकते हैं?
हाँ। छोटे नामों वाले इनपुट जोड़ें, जैसे city। Telegram उस नाम को उत्तर के ऊपर छापता है। access_key या botcheck का नाम न बदलें।
क्या पूर्वावलोकन असली संदेश भेजता है?
नहीं। इस पेज का पूर्वावलोकन केवल एक नोट दिखाता है। जब तक आप स्निपेट अपनी साइट पर असली एक्सेस कुंजी के साथ नहीं रखते, कुछ पोस्ट नहीं होता।