सामग्री पर जाएँ
FFormhook
← सभी गाइड

गाइड

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

Jekyll स्थिर HTML बिल्ड करता है, जिसका अर्थ है कि एक Jekyll कॉन्टैक्ट फ़ॉर्म बस Liquid टेम्पलेट में सादा HTML फ़ॉर्म है। यह वह दुर्लभ कॉन्टैक्ट-फ़ॉर्म समाधान है जो GitHub Pages पर out of the box काम करता है, क्योंकि GitHub की Jekyll allowlist तब मायने नहीं रखती जब आपका बैकएंड कहीं और हो।

स्निपेट

contact.Jekyll
---
# _pages/contact.html
layout: default
permalink: /contact/
---

<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' | relative_url }}" />
  <button type="submit">Send</button>
</form>

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

स्निपेट पेज के permalink और layout को घोषित करने के लिए Jekyll के front matter का उपयोग करता है। फ़ॉर्म स्वयं सादा HTML है - Jekyll केवल {{ '/thanks' | relative_url }} भाग को छूता है, जो बिल्ड-समय पर आपके baseurl लागू होने के साथ सही URL में फैलता है। फ़ॉर्म विज़िटर के ब्राउज़र से Formhook को POST करता है, इसलिए GitHub Pages का बिल्ड sandbox इससे कोई संबंध नहीं रखता।

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

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

आज ही अपना Jekyll कॉन्टैक्ट फ़ॉर्म लॉन्च करें।

मुफ़्त साइन अप करें, फ़ॉर्म बनाएँ, API कुंजी पेस्ट करें। पाँच मिनट।

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

मुफ़्त स्तर: 5 फ़ॉर्म · 250 सबमिशन/माह · क्रेडिट कार्ड नहीं चाहिए।

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

क्या यह डिफ़ॉल्ट Jekyll बिल्ड के साथ GitHub Pages पर काम करता है?
हाँ। क्योंकि Formhook बैकएंड है, GitHub की प्लगइन allowlist मायने नहीं रखती - आपको बस बिल्ड आउटपुट में सादे HTML की आवश्यकता है।
क्या मेरे एक ही Jekyll साइट पर कई फ़ॉर्म (जैसे कॉन्टैक्ट और न्यूज़लेटर) हो सकते हैं?
हाँ। हर उपयोग-मामले के लिए एक Formhook फ़ॉर्म बनाएँ, हर फ़ॉर्म का action सही टेम्पलेट में पेस्ट करें। मुफ़्त स्तर पाँच फ़ॉर्म कवर करता है।
GitHub Pages साइट पर धन्यवाद पेज पर कैसे रीडायरेक्ट करूँ?
एक छिपा हुआ _redirect इनपुट शामिल करें। मूल्य पर Jekyll के relative_url फ़िल्टर का उपयोग करें ताकि यह आपके baseurl के साथ काम करे। लक्ष्य URL आपके फ़ॉर्म की अनुमत मूल सूची में होना चाहिए।

अन्य फ़्रेमवर्क के लिए गाइड

Migrating from Formspree? See how Formhook compares.