Base44'te form

Base44 form verilerini kendi entity'lerinde saklayabilir ve yerleşik entegrasyonla e-posta gönderebilir. Formgong ile sayfa başvuruyu doğrudan form backend'ine gönderir; e-posta, Telegram, spam filtresi ve CSV dışa aktarma hazırdır.

1. Ana sayfadan access key alın.
2. Promptu Base44 sohbetine yapıştırın.
3. Formun /submit adresine gittiğini ve onun için entity oluşturulmadığını kontrol edin.
4. Yayınlanan uygulamadan test başvurusu gönderin.

Prompt

Uygulamaya bir iletişim formu ekle. Sayfa verileri doğrudan Formgong'a gönderir.
- POST https://formgong.com/submit
- Gizli access_key alanı: fk_your_access_key (anahtar herkese açıktır)
- Alanlar name, email, message; etiketler Türkçe
- Gizli honeypot alanı botcheck
- Başvurular için entity oluşturma ve yerleşik e-posta entegrasyonunu kullanma
- fetch için: Accept: application/json; başarı: json.success === true

Ayrıca:
- Değeri tr olan gizli _lang alanı (sayfanın dili): hata mesajları, teşekkür sayfası ve otomatik yanıt Türkçe olur.
- İsteğe bağlı: teşekkür sayfanızın tam https adresini taşıyan gizli _redirect alanı. Yoksa Formgong kendi teşekkür sayfasını gösterir.
- İsteğe bağlı: sayfaya bir kez <script src="https://formgong.com/fg.js" async></script>. _lang alanını <html lang> değerinden doldurur ve form görüntülemelerini çerezsiz sayar.
- Turnstile'ı yalnızca site key verirsem ekle.

En kısa kod

React bileşeni

"use client";
import { useState } from "react";

export function ContactForm() {
  const [status, setStatus] = useState("");
  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: "tr", ...fields, access_key: "fk_your_access_key" }),
    });
    const result = await response.json();
    setStatus(result.message || (result.success ? "Gönderildi. Teşekkürler!" : "Gönderilemedi. Lütfen tekrar deneyin."));
  }

  return (
    <form onSubmit={onSubmit}>
      <label>Ad <input name="name" placeholder="Adınız" required /></label>
      <label>E-posta <input name="email" type="email" placeholder="siz@ornek.com" required /></label>
      <label>Mesaj <textarea name="message" placeholder="Size nasıl yardımcı olabiliriz?" required /></label>
      <div aria-hidden="true" style={{ position: "absolute", left: "-10000px" }}>
        <input name="botcheck" tabIndex={-1} autoComplete="off" />
      </div>
      <button type="submit">Gönder</button>
      <p role="status">{status}</p>
    </form>
  );
}

Yayınlamadan önce

• Form https://formgong.com/submit adresine gönderiyor (form action'ı veya fetch URL'si).
• access_key alanında fk_your_access_key değil, Formgong panelindeki anahtarınız var.
• Gizli ve boş bir botcheck alanı var.
• _lang sayfanın diliyle aynı.
• Form için API route, sunucu fonksiyonu, veritabanı tablosu veya secret eklenmedi.
• Test başvurusu Formgong gelen kutusunda ve e-postanızda görünüyor.

Anahtar al