Hugo कॉन्टैक्ट फ़ॉर्म (कोई बैकएंड नहीं चाहिए)

स्निपेट

{{/* 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>

यह कैसे काम करता है

आगे क्या होता है

• सबमिशन एक सेकंड के भीतर आपके Formhook डैशबोर्ड में आता है।
• हर सक्षम डिवाइस पर पुश सूचना बजती है।
• डैशबोर्ड से सीधे उत्तर दें (Pro और इससे ऊपर) - उपयोगी जब क्लाइंट वर्क का अर्थ है कई Hugo साइटें एक ही Formhook खाते की ओर इशारा करती हैं।

Hugo कॉन्टैक्ट फ़ॉर्म - FAQ

क्या यह स्थिर `hugo` बिल्ड और `hugo deploy` के साथ काम करता है?

हाँ। फ़ॉर्म बिल्ड आउटपुट में सादा HTML है। Hugo सर्वर-साइड नहीं चलता, इसलिए फ़ॉर्म ब्राउज़र से सीधे Formhook को POST करता है।

क्या मैं कॉन्टैक्ट फ़ॉर्म के साथ Hugo की i18n सुविधाओं का उपयोग कर सकता हूँ?

हाँ - फ़ॉर्म स्वयं markup है, इसलिए स्थानीयकृत लेबल किसी अन्य Hugo टेम्पलेट की तरह काम करते हैं। प्लेसहोल्डर टेक्स्ट और फ़ील्ड लेबल पर Hugo के i18n फ़ंक्शन का उपयोग करें।

हर टेम्पलेट में API कुंजी को हार्डकोड करने से कैसे बचूँ?

कुंजी को अपनी साइट के params (config.toml या hugo.yaml) में रखें और इसे टेम्पलेट में {{ .Site.Params.formhookKey }} के रूप में संदर्भित करें। इसे एक सार्वजनिक एंडपॉइंट पहचानकर्ता मानें - Formhook की प्रति-फ़ॉर्म रेट लिमिट और Turnstile टॉगल वास्तविक सुरक्षा करते हैं।