Lovable formunu gerçek başvurular alacak şekilde bağlayın

Formun görünümüyle işleyişini ayırın

Lovable'da görünen teşekkür mesajı, bir kaydın oluştuğunu tek başına göstermez. Formun verilerini gerçekten alan bir uç nokta gerekir. Lovable'ın kendi altyapısı ve bağlantıları da kullanılabilir; mevcut uygulamanız bunlara dayanıyorsa formu orada tutmak mantıklıdır.

Formgong ise basit bir iletişim formu için ayrı gelen kutusu, e-posta ve Telegram bildirimi istediğinizde işe yarar. Alanlar ve stiller sitenizde kalır.

Önce doğru formu ve adresi hazırlayın

Formgong'da erişebildiğiniz e-posta adresini kullanın ve gelen bağlantıyla doğrulayın. Doğrulanmamış hesapta gönderimler bekletilebilir; teslimatı sınamadan önce bu adımı bitirin.

Panelde ilgili formun site bağlantısı bölümünden anahtarı kopyalayın. access_key herkese açık gönderim anahtarıdır; gelen kutusunu okumaya veya ayarları değiştirmeye izin vermez.

Lovable'a neyi koruması gerektiğini söyleyin

Mevcut formu bağlamasını, görünümü ve alan adlarını korumasını isteyin. Aşağıdaki komutta fk_your_access_key yerine kendi anahtarınızı kullanın. Paneldeki komut zaten seçili forma aittir.

Bu örnek metin alanları içindir. Dosya yüklemesini, e-posta hizmetinin gizli anahtarını veya bot tokenını tarayıcı koduna eklemeyin.

Başvuruları Formgong'a gönderen bir iletişim formu ekle. Backend, veritabanı veya secret ekleme.

- POST https://formgong.com/submit
- Değeri fk_your_access_key olan gizli access_key alanı (anahtar herkese açıktır)
- Alanlar: name, email, isteğe bağlı phone, message. Etiketler Türkçe
- Honeypot: ekran dışında gizlenmiş botcheck alanı
- Dosya yükleme ve sunucu fonksiyonu yok
- Düz HTML form veya Accept: application/json ile fetch. Başarı: json.success === true

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");
}

Sonucu üç yerde kontrol edin

“Yayın testi” gibi tanınabilir bir mesaj gönderin. Önce sitedeki sonucu, sonra Formgong kaydını, ardından e-postayı kontrol edin. Spam klasörüne de bakın. Ek alanların kayıt içinde bulunduğundan emin olun.

fetch kullanılıyorsa başarı durumu success: true yanıtından sonra gösterilmeli. Hata olduğunda girilen metin korunmalı. Önizleme testini, yayınlanan alan adı ve telefon testiyle tamamlayın.

Telegram'ı ilgili forma bağlayın

Form ayarlarında Telegram bağlantısını açın ve botu başlatın. Grup için botu ekleyip panelden verilen kodla /connect gönderin. Bağlantı kodu form anahtarı değildir.

Sohbetin listede göründüğünü doğrulayın ve yeni bir test gönderin. Ayrıntılar Telegram rehberinde.

Başarı mesajı var, bildirim yoksa

Kayıt yoksa https://formgong.com/submit adresini ve anahtarı kontrol edin. Kayıt varsa e-posta doğrulamasını, alıcıyı ve spam durumunu inceleyin. botcheck boş ve görünmez kalmalı.

Turnstile açıldığında güncel bağlantı örneğini kullanın; widget tokenı da gönderilmelidir. Teslimat kontrolü sorunun hangi aşamada olduğunu bulmanıza yardımcı olur.

Yayın sonrası düzenlemeler

Alıcıları, Telegram sohbetlerini, e-posta konusunu ve yönlendirmeleri panelden değiştirebilirsiniz. Bu ayarlar için siteyi yeniden yayınlamanız gerekmez. Ücretsiz plan hesap başına ayda 300 gönderim, e-posta ve Telegram içerir.