Kontaktformular ohne PHP. Anfragen per E-Mail, Daten in der EU.

<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="de">
  <label>Name <input type="text" name="name" autocomplete="name" placeholder="Ihr Name" required></label>
  <label>E-Mail <input type="email" name="email" autocomplete="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;top:auto;width:1px;height:1px;overflow:hidden">
  <label>Lassen Sie dieses Feld leer<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Senden</button>
</form>

export function ContactForm() {
  return (
    <form onSubmit={onSubmit}>
      <input type="hidden" name="access_key" value="fk_your_access_key" />
      <input type="hidden" name="_lang" value="de" />
      <label>{"Name"} <input name="name" required /></label>
      <label>{"E-Mail"} <input name="email" type="email" required /></label>
      <label>{"Nachricht"} <textarea name="message" required /></label>
      <button type="submit">{"Senden"}</button>
    </form>
  );
}

// POST https://formgong.com/submit

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",
    },
    // _lang: language of Formgong messages and the autoreply (multilingual site: document.documentElement.lang).
    body: JSON.stringify({ _lang: "de", ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "Das Senden ist fehlgeschlagen. Bitte versuchen Sie es erneut.");
  return result.message; // localized "Sent. Thank you!"
}