Cloudflare Pages संपर्क फ़ॉर्म

Formgong team ·

Cloudflare Pages का संपर्क फ़ॉर्म ब्राउज़र से भेजा जा सकता है। नीचे का HTML चिपकाएँ और action को Formgong पर रखें। Pages Function या ईमेल API की ज़रूरत नहीं। Telegram तुरंत आता है। मुफ़्त प्लान पर ईमेल अगली सुबह 08:00 का डाइजेस्ट है।

Cloudflare Pages
<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" placeholder="आपका नाम" required></label>
  <label>ईमेल <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>संदेश <textarea name="message" placeholder="हम आपकी कैसे मदद कर सकते हैं?" 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>
  
  <button type="submit">भेजें</button>
</form>

Cloudflare Pages में फ़ॉर्म कैसे काम करते हैं

Cloudflare Pages स्थिर फ़ाइलें देता है। वह आपके HTML में फ़ॉर्म नहीं ढूँढता। पेज के पते पर POST का कोई गंतव्य नहीं होता, इसलिए लीड खो जाती है।

functions/api/contact.js फ़ाइल उस POST को पढ़ सकती है। मेल भेजने के लिए फिर भी ईमेल API, एक सीक्रेट, और आपके डोमेन पर DNS चाहिए। नीचे का फ़ॉर्म यह काम छोड़ देता है।

Cloudflare Pages में सेटअप

  1. Formgong में फ़ॉर्म बनाएँ और कुंजी कॉपी करें। वह fk_ से शुरू होती है।
  2. HTML को उस फ़ोल्डर में चिपकाएँ जिसे Pages प्रकाशित करता है, जैसे public/index.html या contact.html। action को https://formgong.com/submit पर रखें।
  3. fk_your_access_key बदलें। botcheck खाली छोड़ें। Turnstile तभी जोड़ें जब Protection में उसे चालू कर दें।
  4. Git से डिप्लॉय करें, या wrangler pages deploy चलाएँ। लाइव pages.dev पते से एक टेस्ट भेजें।
  5. मुफ़्त प्लान पर ईमेल अगली सुबह 08:00 का डाइजेस्ट है। Telegram तुरंत आता है। Pro और Business हर सबमिशन पर ईमेल भेजते हैं।

Formgong या Pages Function?

Pages Function तब लिखें जब सबमिट को आपका डेटाबेस बदलना हो या कोई निजी API बुलाना हो।

संपर्क फ़ॉर्म के लिए Formgong लें। ईमेल सीक्रेट, DNS रिकॉर्ड और रखने वाली फ़ंक्शन बच जाती है। साइट स्थिर फ़ाइलों का फ़ोल्डर रहती है।

सवाल और जवाब

क्या Cloudflare Pages में संपर्क फ़ॉर्म है?

नहीं। आधिकारिक ट्यूटोरियल एक Pages Function बनाता है जो फ़ील्ड को JSON में लौटाती है। वह ईमेल नहीं भेजती और इनबॉक्स नहीं रखती। फिर भी एक फ़ॉर्म बैकएंड चाहिए, या अपनी फ़ंक्शन और ईमेल API।

क्या Pages Function या Worker ज़रूरी है?

इस फ़ॉर्म के लिए नहीं। ब्राउज़र Formgong को भेजता है। फ़ंक्शन तब लें जब सबमिट को आपका कोड चलाना हो। Workers के लिए पुराना मुफ़्त MailChannels रास्ता 30 जून 2024 को रुक गया।

क्या विज़िटर पेज पर रह सकता है?

हाँ। https://formgong.com/submit पर Accept: application/json के साथ fetch करें। तभी भेजा मानें जब response.ok और result.success दोनों सच हों। HTML फ़ॉर्म JavaScript के बिना भी चलता है।

उसी खाते पर Turnstile कैसे जोड़ूँ?

Cloudflare डैशबोर्ड में Turnstile विजेट बनाएँ और साइट कुंजी फ़ॉर्म में चिपकाएँ। सीक्रेट Formgong में Protection के नीचे रखें, Pages प्रोजेक्ट में नहीं। विजेट cf-turnstile-response भेजता है।

मुफ़्त प्लान में क्या है?

Free महीने में 300 सबमिशन रखता है। Telegram तुरंत आता है। ईमेल आपके टाइम ज़ोन में अगली सुबह 08:00 का एक डाइजेस्ट है। Pro और Business हर सबमिशन पर ईमेल भेजते हैं।

मुफ़्त शुरू करें