गाइड
Eleventy कॉन्टैक्ट फ़ॉर्म (कोई बैकएंड नहीं चाहिए)
Eleventy बिल्ड-समय पर स्थिर HTML में रेंडर करता है, इसलिए एक Eleventy कॉन्टैक्ट फ़ॉर्म बस Nunjucks (या Liquid, या सादे HTML) टेम्पलेट में सादा HTML फ़ॉर्म है। फ़ॉर्म action Formhook की ओर इशारा करता है, और इसके अलावा कुछ नहीं करना है।
स्निपेट
contact.Eleventy
{# src/contact.njk - Nunjucks template, plain HTML form #}
<form action="https://formhook.app/f/YOUR_API_KEY" method="POST">
<input type="email" name="email" placeholder="Email" required />
<textarea name="message" placeholder="Message" required></textarea>
<input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />
<input type="hidden" name="_redirect" value="{{ '/thanks' | url }}" />
<button type="submit">Send</button>
</form>यह कैसे काम करता है
स्निपेट किसी भी Eleventy टेम्पलेट भाषा में काम करता है - Nunjucks (दिखाया गया), Liquid, Handlebars, सादा HTML, JSX। {{ '/thanks' | url }} फ़िल्टर Eleventy का URL ट्रांसफ़ॉर्म लागू करता है ताकि _redirect pathPrefix के साथ सही ढंग से काम करे। फ़ॉर्म को पेज टेम्पलेट या include में डालें - कोई फ़र्क नहीं पड़ता।
आगे क्या होता है
- सबमिशन एक सेकंड के भीतर आपके Formhook डैशबोर्ड में आता है।
- हर सक्षम डिवाइस पर पुश सूचना बजती है।
- डैशबोर्ड से सीधे उत्तर दें (Pro और इससे ऊपर) - आपके वास्तविक इनबॉक्स को फ़ॉर्म के HTML से बाहर रखता है।
आज ही अपना Eleventy कॉन्टैक्ट फ़ॉर्म लॉन्च करें।
मुफ़्त साइन अप करें, फ़ॉर्म बनाएँ, API कुंजी पेस्ट करें। पाँच मिनट।
मुफ़्त में शुरू करेंमुफ़्त स्तर: 5 फ़ॉर्म · 250 सबमिशन/माह · क्रेडिट कार्ड नहीं चाहिए।
Eleventy कॉन्टैक्ट फ़ॉर्म - FAQ
- क्या यह डिफ़ॉल्ट Eleventy बिल्ड पाइपलाइन के साथ काम करता है?
- हाँ। फ़ॉर्म सादा markup है जो Eleventy के टेम्पलेट ट्रांसफ़ॉर्म से बचता है। कोई डेटा फ़ाइल, प्लगइन या शॉर्टकोड आवश्यक नहीं।
- क्या मैं इसे JSX या Liquid टेम्पलेट से उपयोग कर सकता हूँ?
- हाँ। HTML टेम्पलेट भाषाओं के बीच नहीं बदलता - केवल आप redirect URL जैसे डायनेमिक बिट्स को कैसे एम्बेड करते हैं, यह प्रति टेम्पलेट सिंटैक्स बदलता है।
- बिल्ड-समय एकीकरण जोड़े बिना स्पैम कैसे संभालूँ?
- स्पैम सुरक्षा Formhook की तरफ है: हनीपॉट फ़ील्ड चुपचाप बॉट्स गिराता है और Cloudflare Turnstile प्रति-फ़ॉर्म टॉगल है। आपको Eleventy बिल्ड में कुछ भी वायर करने की आवश्यकता नहीं है।
अन्य फ़्रेमवर्क के लिए गाइड
Migrating from Formspree? See how Formhook compares.