نموذج على موقعك. يصل الطلب إلى Telegram خلال 60 ثانية.

<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="ar">
  <label>الاسم <input type="text" name="name" autocomplete="name" placeholder="اسمك" required></label>
  <label>البريد الإلكتروني <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>الرسالة <textarea name="message" placeholder="كيف يمكننا مساعدتك؟" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden">
  <label>اترك هذا الحقل فارغًا<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">إرسال</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="ar" />
      <label>{"الاسم"} <input name="name" required /></label>
      <label>{"البريد الإلكتروني"} <input name="email" type="email" required /></label>
      <label>{"الرسالة"} <textarea name="message" required /></label>
      <button type="submit">{"إرسال"}</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: "ar", ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "تعذّر الإرسال. يرجى المحاولة مرة أخرى.");
  return result.message; // localized "Sent. Thank you!"
}