न्यूनतम संपर्क फ़ॉर्म
लेबल, तीन फ़ील्ड और एक बटन। कोई स्टाइल ब्लॉक नहीं। कंट्रोल ब्राउज़र बनाता है। भेजना बाकी स्टार्टर जैसा ही है।
आप क्या कॉपी कर रहे हैं
यह स्टार्टर बिना स्टाइल ब्लॉक और बिना यूटिलिटी क्लास वाला संपर्क फ़ॉर्म है। ब्राउज़र नियंत्रणों को अपने डिफ़ॉल्ट रूप में बनाता है।
यह तब उपयोगी है जब आप अनुरोध स्पष्ट देखना चाहें, या जब आपकी अपनी स्टाइलशीट रंग भरे।
फ़ील्ड फिर भी नाम, ईमेल, वैकल्पिक फ़ोन और संदेश हैं। बटन सामान्य POST सबमिट करता है।
कोई फ़्रेमवर्क नहीं, कोई फ़ॉन्ट नहीं, कोई स्क्रिप्ट नहीं। यदि आपका वैश्विक CSS इनपुट फिर से स्टाइल करे, वह लागू होगा। यह फ़ाइल उससे नहीं लड़ती।
इस पेज का पूर्वावलोकन अन्य स्टार्टरों की कार्ड स्टाइल भी छोड़ता है, इसलिए नियंत्रण बिना स्टाइल वाले फ़ॉर्म के अधिक निकट दिखते हैं।
जो अभी भी आवश्यक है
खाली फ़ॉर्म को भी access_key, _lang और botcheck चाहिए। इन्हीं से Formgong फ़ॉर्म, भाषा और हनीपॉट पहचानता है।
हनीपॉट उसके रैपर पर एक छोटी स्टाइल विशेषता से छिपा है। स्निपेट में यही एकमात्र स्टाइल है। उसके बिना लोग जाल भर सकते हैं।
Turnstile टिप्पणी में है। अतिरिक्त स्निपेट वही फ़ॉर्म है, उन पंक्तियों की टिप्पणी हटी हुई, और YOUR_TURNSTILE_SITE_KEY अभी भी बदलना बाकी है।
पंक्तियों की टिप्पणी हटाने से कुंजी नहीं बनती। Cloudflare में विजेट बनाएँ, फ़ॉर्म पर Turnstile चालू करें, फिर साइट कुंजी चिपकाएँ।
टिप्पणी में रखा स्क्रिप्ट नहीं चलता। जब तक आप सच में विजेट न चाहें, टिप्पणी वहीं रहने दें।
स्टाइल वाले स्टार्टर जैसी ही डिलीवरी
Telegram फ़ील्ड नाम मोटे अक्षरों में छापता है। उन्हें छोटा रखें। केवल वह पाठ अनुवाद करें जिसे विज़िटर पढ़ता है।
_redirect के बिना Formgong अपना धन्यवाद पेज दिखाता है। _redirect केवल ऐसे पूर्ण https URL के रूप में जोड़ें जो आपके पास हो।
मुफ़्त प्लान में महीने के 300 सबमिशन, 30 दिन की रिटेंशन, तुरंत Telegram और दैनिक ईमेल सारांश शामिल हैं।
डेटा यूरोपीय संघ में संग्रहीत होता है। Formgong सेवा चलाता है। सहायता पता support@formgong.com है।
जब खाली फ़ॉर्म काम करे, आप उसे अपने लेआउट में लपेट सकते हैं। स्टाइल वाले स्टार्टर से शुरू करना आवश्यक नहीं है।
पूर्वावलोकन
फ़ॉर्म कोड
<form action="https://formgong.com/submit" method="POST"> <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>
Turnstile की लाइनें अनकमेंट वाला वही फ़ॉर्म
<form action="https://formgong.com/submit" method="POST"> <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>
सवाल और जवाब
हनीपॉट पर अब भी स्टाइल क्यों है?
ताकि जाल स्क्रीन से बाहर रहे। बाकी सब जानबूझकर बिना स्टाइल है। वह एक नियम हटाने से जाल दिखाई देने लगता है।
क्या मेरी साइट का CSS POST तोड़ देगा?
CSS POST नहीं बदलता। स्टाइल सबमिट बटन छिपा सकती है, पर मायने फ़ील्ड नाम और action URL रखते हैं।
क्या यह छोटे होने का कोई कारण है?
हाँ। यह वही अनुरोध है, कम रंग के साथ, ताकि आप उसे ऐसे पेज में रख सकें जिसका डिज़ाइन पहले से है।
क्या आपको फ़ोन फ़ील्ड चाहिए?
नहीं। यदि आप फ़ोन नंबर नहीं चाहते तो वह लेबल हटा दें। यदि इनबॉक्स में उत्तर का पता चाहिए तो email छोड़ दें।