गाइड
Hugo कॉन्टैक्ट फ़ॉर्म (कोई बैकएंड नहीं चाहिए)
Hugo बिना रनटाइम का स्थिर साइट जनरेटर है, इसलिए एक Hugo कॉन्टैक्ट फ़ॉर्म बस Hugo टेम्पलेट में एम्बेड किया गया सादा HTML फ़ॉर्म है। स्निपेट को layout या partial में डालें, अपनी Formhook API कुंजी डालें, और हो गया।
स्निपेट
{{/* layouts/contact.html - plain HTML inside Hugo's template syntax */}}
<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" | absURL }}" />
<button type="submit">Send</button>
</form>यह कैसे काम करता है
स्निपेट किसी भी Hugo टेम्पलेट में काम करता है - एक layout, partial या single-page टेम्पलेट। Hugo बिल्ड-समय पर कच्चे HTML को पास करता है, इसलिए action एट्रिब्यूट प्रकाशित HTML में formhook.app/f/YOUR_API_KEY की ओर इशारा करता है। {{ "/thanks" | absURL }} भाग Hugo का टेम्पलेटिंग है: यह बिल्ड-समय पर आपकी साइट के भीतर एक पूर्ण URL में फैलता है, जो Formhook को _redirect सत्यापन के लिए चाहिए।
आगे क्या होता है
- सबमिशन एक सेकंड के भीतर आपके Formhook डैशबोर्ड में आता है।
- हर सक्षम डिवाइस पर पुश सूचना बजती है।
- डैशबोर्ड से सीधे उत्तर दें (Pro और इससे ऊपर) - उपयोगी जब क्लाइंट वर्क का अर्थ है कई Hugo साइटें एक ही Formhook खाते की ओर इशारा करती हैं।
आज ही अपना Hugo कॉन्टैक्ट फ़ॉर्म लॉन्च करें।
मुफ़्त साइन अप करें, फ़ॉर्म बनाएँ, API कुंजी पेस्ट करें। पाँच मिनट।
मुफ़्त में शुरू करेंमुफ़्त स्तर: 5 फ़ॉर्म · 250 सबमिशन/माह · क्रेडिट कार्ड नहीं चाहिए।
Hugo कॉन्टैक्ट फ़ॉर्म - FAQ
क्या यह स्थिर `hugo` बिल्ड और `hugo deploy` के साथ काम करता है?
क्या मैं कॉन्टैक्ट फ़ॉर्म के साथ Hugo की i18n सुविधाओं का उपयोग कर सकता हूँ?
हर टेम्पलेट में API कुंजी को हार्डकोड करने से कैसे बचूँ?
अन्य फ़्रेमवर्क के लिए गाइड
Migrating from Formspree? See how Formhook compares.