Astro

Kontaktformular für statische Astro-Seiten

Astro erzeugt statisches HTML, daher genügt ein reines Formular, das an Formlane postet. Funktioniert mit output: 'static'.

Füge die Komponente hinzu und importiere sie auf deiner Kontaktseite.
Ersetze den Access Key.
Optional: Richte `redirect` auf /thanks.

src/components/ContactForm.astro

---
const accessKey = import.meta.env.PUBLIC_FORMLANE_KEY ?? "YOUR_ACCESS_KEY";
---
<form action="https://smallwerk.com/formlane/api/submit" method="POST">
  <input type="hidden" name="access_key" value={accessKey}>
  <!-- Optional: where to send visitors afterwards -->
  <input type="hidden" name="redirect" value="https://example.com/thanks">
  <!-- Honeypot: leave hidden and empty -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

  <input type="text" name="name" placeholder="Name" required>
  <input type="email" name="email" placeholder="Email" required>
  <textarea name="message" placeholder="Message" required></textarea>
  <button type="submit">Send</button>
</form>

Access Key holen

Kostenlos für 250 Einsendungen pro Monat. Daten in der EU (Frankfurt) gespeichert.

Access Key holen