Eleventy (11ty) संपर्क फ़ॉर्म

Formgong team ·

Eleventy संपर्क फ़ॉर्म वही काम है जिसे लोग 11ty संपर्क फ़ॉर्म कहते हैं। Eleventy स्थिर HTML लिखता है और आगंतुकों के लिए सर्वर नहीं चलाता। टेम्पलेट Formgong को भेजें। प्लगइन या फ़ंक्शन के बिना ईमेल और Telegram मिलते हैं। साइट सादा HTML रहती है।

Eleventy
<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>

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

Eleventy (11ty) टेम्पलेट को स्थिर फ़ाइलों में बदलता है। Nunjucks, Liquid, HTML और Markdown चलते हैं। आरंभ पेज, 6 अक्तूबर 2026 को देखा गया, कहता है कि v3.1.6 को Node 18 या नया चाहिए।

डिफ़ॉल्ट आउटपुट फ़ोल्डर _site है। उसे बनाने के लिए npx @11ty/eleventy चलाएँ। उस फ़ोल्डर में कुछ भी POST नहीं ले सकता। फ़ॉर्म को वेब पर एंडपॉइंट बुलाना होता है।

Eleventy में सेटअप

  1. Formgong में फ़ॉर्म बनाएँ और पहुँच कुंजी कॉपी करें।
  2. contact.njk जोड़ें। उसे https://formgong.com/submit पर रखें और access_key, _lang तथा botcheck शामिल करें।
  3. {% include "contact-form.njk" %} से फिर इस्तेमाल करें। _includes की फ़ाइलें अंश हैं, पेज नहीं।
  4. npx @11ty/eleventy --serve चलाएँ और http://localhost:8080/ खोलें। जाँच भेजें, फिर _site अपलोड करें या रिपो जोड़ें।
  5. टेम्पलेट के कोष्ठक उस पाठ से बाहर रखें जिसे पार्स न करना हो। Eleventy .html को Liquid मानता है, इसलिए कच्चा {{ टैग है। .njk फ़ाइल यह चुनाव साफ़ करती है।

Formgong या Eleventy सर्वर?

होस्ट फ़ंक्शन तब जोड़ें जब सबमिट को आपका कोड चलाना हो या डेटाबेस में लिखना हो।

संदेश पहुँचाने के लिए Formgong लें। 11ty बिल्ड HTML का फ़ोल्डर रहता है।

सवाल और जवाब

क्या Eleventy और 11ty एक ही हैं?

हाँ। Eleventy प्रोजेक्ट का नाम है और 11ty छोटा नाम। दोनों दस्तावेज़ और खोज में आते हैं।

HTML फ़ाइलें कहाँ जाती हैं?

_site में, जब तक आउटपुट फ़ोल्डर न बदलें। वही फ़ोल्डर तैनात करें। पेज लोड के बाद फ़ॉर्म ब्राउज़र से भेजता है।

कौन सी टेम्पलेट भाषा लूँ?

कोई भी। Nunjucks और Liquid आम हैं। फ़ॉर्म दोनों में HTML है। include का सिंटैक्स फ़ाइल प्रकार से मिलाएँ।

क्या 11ty में फ़ॉर्म हैंडलर है?

नहीं। दस्तावेज़ टेम्पलेट, डेटा और होस्टिंग बताते हैं। फ़ॉर्म इनबॉक्स नहीं आता। फ़ॉर्म बैकएंड या आपका सर्वर POST लेता है।

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