Astro.

Astro ships static HTML, which is exactly what Mailan expects. A plain form element is enough; the client script adds AJAX behaviour if you want it.

Plain form, zero JavaScript

The visitor lands on the hosted thank-you page after submitting, unless you set your own redirect target.

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>

With the client script

One script tag turns the same form into an AJAX submit with success and error states — and adds the drag & drop uploader if the form has a file input.

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>