Kontaktformular für SvelteKit

Fügen Sie das in SvelteKit ein. Einsendungen gehen an Formgong. Keine Datenbank, kein Resend.

KI-Lead-Scoring ist in jedem Tarif kostenlos, bis zu 100 bewertete Einsendungen pro Monat. Aktivieren Sie es für das Formular. Heiße Anfragen und wahrscheinlicher Spam erscheinen in Telegram, per E-Mail und im Posteingang.

SvelteKit
<script>
  let status = $state("");

  async function onSubmit(event) {
    event.preventDefault();
    const fields = Object.fromEntries(new FormData(event.currentTarget));
    const response = await fetch("https://formgong.com/submit", {
      method: "POST",
      headers: { "Content-Type": "application/json", Accept: "application/json" },
      body: JSON.stringify({ _lang: "de", ...fields, access_key: "fk_your_access_key" }),
    });
    const result = await response.json();
    status = result.message || (result.success ? "Gesendet. Vielen Dank!" : "Das Senden ist fehlgeschlagen. Bitte versuchen Sie es erneut.");
  }
</script>

<form onsubmit={onSubmit}>
  <label>Name <input name="name" placeholder="Ihr Name" required></label>
  <label>E-Mail <input name="email" type="email" placeholder="name@beispiel.de" required></label>
  <label>Nachricht <textarea name="message" placeholder="Wie können wir Ihnen helfen?" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;left:-10000px">
    <input name="botcheck" tabindex="-1" autocomplete="off">
  </div>
  <button type="submit">Senden</button>
  <p role="status">{status}</p>
</form>

Kostenlos starten