Hugo के लिए संपर्क फ़ॉर्म

Formgong team ·

इसे Hugo में चिपकाएँ। सबमिशन Formgong पर जाते हैं। न डेटाबेस, न Resend।

300 महीने में मुफ़्त सबमिशन

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

Hugo स्टैटिक HTML बनाता है। GitHub Pages, Netlify या Cloudflare Pages पर सामान्य डिप्लॉय में सर्वर-साइड फ़ॉर्म हैंडलर नहीं होता।

लेआउट में फ़ॉर्म partial जोड़ें, action Formgong पर सेट करें और हमेशा की तरह बिल्ड करें। किसी भी स्टैटिक साइट जैसा; /for/html और GitHub Pages लेख भी देखें।

Hugo में सेटअप

  1. Formgong में फ़ॉर्म बनाएँ और एक्सेस कुंजी कॉपी करें।
  2. partial जोड़ें (जैसे layouts/partials/contact-form.html) HTML फ़ॉर्म, access_key, _lang और botcheck के साथ।
  3. संपर्क पेज पर partial शामिल करें। _redirect के लिए चाहें तो पूर्ण धन्यवाद URL ({{ site.BaseURL }}…)।
  4. बिल्ड और डिप्लॉय करें, लाइव URL से टेस्ट भेजें, Formgong में Telegram जोड़ें।
Hugo
<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>

Formgong या Hugo के साथ serverless फ़ंक्शन?

सबमिट पर अपनी सर्वर लॉजिक चाहिए तो Netlify/Cloudflare फ़ंक्शन जोड़ें।

वह फ़ंक्शन लिखे बिना डिलीवरी और इनबॉक्स काफी हों तो Formgong उपयोग करें।

सवाल और जवाब

क्या Hugo को फ़ॉर्म प्लगइन चाहिए?

नहीं। Hugo HTML देता है; ब्राउज़र Formgong पर भेजता है।

क्या shortcode उपयोग कर सकते हैं?

हाँ। उसी फ़ॉर्म मार्कअप वाला shortcode चलता है; चाहें तो env-आधारित बिल्ड से एक्सेस कुंजी पब्लिक रेपो से बाहर रखें।

क्या यह GitHub Pages जैसा ही है?

वही विचार। GitHub Pages लेख में होस्ट नोट हैं; यह पेज Hugo के लिए है।

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