Formulaire de contact pour Next.js

Collez ceci dans Next.js. Les envois partent vers Formgong. Pas de base de données, pas de Resend.

Le score de leads par IA est gratuit sur toutes les offres, jusqu’à 100 envois notés par mois. Activez-le pour le formulaire. Les leads chauds et le spam probable apparaissent dans Telegram, l’e-mail et la boîte.

Next.js

"use client";

export function ContactForm() {
  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({ ...fields, access_key: "fk_your_access_key" }),
    });
    const result = await response.json();
    if (!result.success) throw new Error(result.message || "Formgong error");
  }

  return (
    <form onSubmit={onSubmit}>
      <input name="name" required />
      <input name="email" type="email" required />
      <textarea name="message" required />
      <div aria-hidden="true" style={{ position: "absolute", left: "-10000px" }}>
        <input name="botcheck" tabIndex={-1} autoComplete="off" />
      </div>
      <button type="submit">Send</button>
    </form>
  );
}

Commencer gratuitement