Webflow.

Webflow-Formulare können überall hin posten. Action setzen, Feldnamen behalten — Webflows eingebaute Erfolgs- und Fehlerblöcke funktionieren weiter.

Formular-Einstellungen

Wähle den Formular-Block aus, öffne das Einstellungs-Panel und setze Action auf deine Submit-URL und Method auf POST. In den Feld-Einstellungen gibst du jedem Feld den Namen, den du später in der Mail sehen willst.

Settings

Action: https://mailan.email/api/submit/YOUR-ACCESS-KEY Method: POST Field names: name · email · message Hidden field: botcheck (honeypot, leave empty) Hidden field: redirect (optional, your own thank-you page)

Webflows Erfolgszustand behalten

Trag das unter Project settings → Custom code → Before </body> ein. Es verschickt per AJAX und zeigt Webflows eigenen Erfolgsblock, statt die Seite zu verlassen.. It submits via AJAX and shows Webflow’s own success block instead of leaving the page.

HTML

<script src="https://mailan.email/client/v1/script.js" defer></script> <script> document.addEventListener("mailan:success", (event) => { const wrapper = event.target.closest(".w-form"); if (!wrapper) return; event.target.style.display = "none"; const done = wrapper.querySelector(".w-form-done"); if (done) done.style.display = "block"; }); </script>