Astro.

Astro liefert statisches HTML aus — genau das, was Mailan erwartet. Ein einfaches form-Element genügt; das Client-Script ergänzt bei Bedarf das AJAX-Verhalten.

Einfaches Formular, kein JavaScript

Nach dem Absenden landet der Besucher auf der gehosteten Danke-Seite, solange du kein eigenes Redirect-Ziel setzt.

Astro

--- const endpoint = `https://mailan.email/api/submit/${import.meta.env.MAILAN_KEY}`; --- <form action={endpoint} method="POST"> <input name="name" required /> <input name="email" type="email" required /> <textarea name="message" required></textarea> <input type="hidden" name="redirect" value="https://example.com/danke" /> <input type="text" name="botcheck" hidden tabindex="-1" autocomplete="off" /> <button type="submit">Senden</button> </form>

Mit dem Client-Script

Ein Script-Tag macht aus demselben Formular einen AJAX-Versand mit Erfolgs- und Fehlerzustand — und ergänzt den Drag-and-Drop-Uploader, wenn das Formular ein Datei-Feld hat.

Astro

<script src="https://mailan.email/client/v1/script.js" is:inline defer></script> <form action={endpoint} method="POST" data-mailan-success="Danke!"> <input name="email" type="email" required /> <textarea name="message"></textarea> <input type="file" name="anhang" data-mailan-uploader accept=".pdf,image/*" data-max-files="3" /> <p data-mailan-message></p> <button type="submit">Senden</button> </form>