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

स्निपेट

---
// src/pages/contact.astro
---

<form action="https://formhook.app/f/YOUR_API_KEY" method="POST">
  <label>
    Email
    <input type="email" name="email" required />
  </label>

  <label>
    Message
    <textarea name="message" required></textarea>
  </label>

  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />
  <input type="hidden" name="_redirect" value="/thanks" />

  <button type="submit">Send</button>
</form>

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

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

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

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

क्या मुझे Astro एकीकरण या सर्वर एडैप्टर की आवश्यकता है?

नहीं। फ़ॉर्म सीधे Formhook को POST करता है, इसलिए यह डिफ़ॉल्ट स्थिर Astro आउटपुट के साथ काम करता है। कोई SSR मोड नहीं, @astrojs/node एडैप्टर आवश्यक नहीं।

क्या मेरे विभिन्न Astro पेजों पर कई कॉन्टैक्ट फ़ॉर्म हो सकते हैं?

हाँ। हर उपयोग-मामले के लिए एक Formhook फ़ॉर्म बनाएँ - कॉन्टैक्ट, करियर, न्यूज़लेटर - और हर फ़ॉर्म का action सही .astro पेज में पेस्ट करें। मुफ़्त स्तर पाँच फ़ॉर्म कवर करता है।

सबमिशन के बाद धन्यवाद पेज कैसे दिखाऊँ?

अपने Astro धन्यवाद रूट की ओर इशारा करते हुए एक छिपा हुआ _redirect इनपुट जोड़ें। URL फ़ॉर्म की अनुमत मूल सूची में होना चाहिए। या, यदि आप पेज रीलोड के बिना इनलाइन सफलता दिखाना चाहते हैं, तो Next.js या SvelteKit गाइड में दिखाए गए fetch पैटर्न का उपयोग करें।