Lovable ve Bolt promptu
Bu promptu Lovable veya Bolt'a yapıştırın. Formgong'a gönderen bir iletişim formu ister ve oluşturucuya veritabanı veya e-posta hizmeti eklememesini söyler.
Kopyaladığınız şey
Bu başlangıç şablonu, Lovable ya da Bolt için bir prompt'tur. Onu oluşturucunun sohbetine yapıştırırsınız. Formu oluşturucu yazar. Başvuruyu Formgong alır.
Prompt uç noktayı, herkese açık erişim anahtarını, _lang alanını, honeypot'u ve başarı denetimini adlandırır. Oluşturucuya bir backend eklememesini söyler.
Ayrıca bu form için Resend, bir veritabanı, bir edge function ya da bir server action eklememesini söyler. Bunlar, üretilen uygulamalarda sık görülen sapmalardır.
Ek blok, prompt'un istediği düz HTML'dir. İşaretlemeyi yapıştırmayı, oluşturucudan yazmasını istemeye yeğlerseniz onu kullanın.
Lovable için ve Bolt için daha uzun, araca özel rehberler zaten vardır. Bu sayfa kısa prompt'tur. O sayfalar onun etrafındaki tıklamaları açıklar.
Farkta kontrol edecekleriniz
Form, Formgong taban adresindeki /submit yoluna göndermelidir. Yeni bir tablo, bir sır ya da bir e-posta SDK'sı görürseniz oluşturucudan bunları kaldırmasını isteyin.
Prompt'taki erişim anahtarı, siz bir form oluşturana kadar fk_your_access_key değeridir. Onu değiştirin ya da oturumunuz açıkken bu sayfadaki düğmeyi kullanın.
Alan adları name, email ve message olarak kalmalı, phone ise isteğe bağlı olmalıdır. Telegram bu adları yazar. Yeniden adlandırılmış bir alanı taramak daha zordur.
botcheck bulunmalı, boş olmalı ve gizli olmalıdır. Oluşturucu onu kullanılmadığı için silerse geri koyun. Bu, honeypot'tur.
Fetch, Accept: application/json göndermelidir. Bir JSON gövdesi için Content-Type: application/json de gerekir. FormData bu başlığı koymamalıdır.
Prompt, siz bir site anahtarı vermedikçe Turnstile'ı atlamayı söyler. Oluşturucunun bir anahtar uydurmasına izin vermeyin.
Prompt, form için üçüncü taraf bir yazı tipi yüklememeyi söyler. Uygulamada zaten bir yazı tipi varsa form onu devralabilir.
Oluşturucu bitirdikten sonra
Yayımlayın ya da internete ulaşabiliyorsa oluşturucunun önizlemesini kullanın ve bir deneme gönderin. Sonra Formgong gelen kutusunu açın.
Anında teslim için form ayarlarından Telegram'ı bağlayın. Ücretsiz planda e-posta günlük bir özettir.
Ücretsiz plan ayda 300 başvuruyu 30 gün boyunca AB'de tutar. Spam saklanır ve iletilmez; sayıya da dahil edilmez.
Alıcılar ve Telegram gibi ayarlar Formgong'da durur. Formu yeniden ürettirmeden onları değiştirebilirsiniz.
İşleten Formgong'dur. Ürün yanlış davranırsa support@formgong.com adresine yazın. Oluşturucunun kendi hesabı ayrı bir destek yoludur.
Önizleme
Form kodu
Bu projeye bir iletişim formu ekle. Gönderiler Formgong'a gider. Veritabanı, edge function, server action veya Resend gibi bir e-posta hizmeti ekleme.
Kurallar:
- Düz form action="https://formgong.com/submit" ve method="POST" kullanabilir. JavaScript ile aynı alanları fetch ile https://formgong.com/submit adresine POST et.
- Gizli alan name="access_key" value="fk_your_access_key". Anahtar herkese açıktır. Önyüzde kalsın. Bir sırra taşıma.
- Gizli alan name="_lang" value="{lang}". Formgong bunu teşekkür sayfası ve hata metni için kullanır. Çok dilli sitede sayfanın dilini yaz.
- Alanlar: name, type="email" olan email ve message. Üçü de zorunlu. phone isteğe bağlıdır. Alan adlarını değiştirme. Telegram her adı yanıtın üstünde kalın yazar.
- Honeypot: type="text" name="botcheck" tabindex="-1" autocomplete="off" olan bir alan, aria-hidden="true" sarmalayıcının içinde. CSS ile gizle: position:absolute; inset-inline-start:0; top:0; width:1px; height:1px; overflow:hidden; clip-path:inset(50%). Doldurma.
- fetch başarısı: Accept: application/json başlığı. JSON gövde için Content-Type: application/json de gönder. FormData için Content-Type koyma. JSON içindeki success true ise kısa bir teşekkür göster ve formu sıfırla. Değilse yanıttaki mesajı göster.
- Turnstile yalnızca site anahtarı verilirse: script src="https://challenges.cloudflare.com/turnstile/v0/api.js" ve class="cf-turnstile" ile data-sitekey olan bir div. Yoksa ekleme.
- Üçüncü taraftan yazı tipi yükleme. Dosya yükleme ekleme.
- Uç noktanın kökeni: https://formgong.com.Promptun istediği düz HTML
<form action="https://formgong.com/submit" method="POST" style="position:relative"> <input type="hidden" name="access_key" value="fk_your_access_key"> <input type="hidden" name="_lang" value="tr"> <label>Ad <input type="text" name="name" autocomplete="name" required></label> <label>E-posta <input type="email" name="email" autocomplete="email" required></label> <label>Telefon <input type="tel" name="phone" autocomplete="tel"></label> <label>Mesaj <textarea name="message" required></textarea></label> <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"> <label>Bu alanı boş bırakın <input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label> </div> <!-- İsteğe bağlı. Bu form için Turnstile açın, sonra bu yorum işaretlerini kaldırın ve site anahtarınızı yapıştırın. <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="tr"></div> --> <button type="submit">Gönder</button> </form>
Sorular ve yanıtlar
Bu prompt hem Lovable hem Bolt içinde çalışır mı?
Evet. Tek bir dosya düzenine bağlı değildir. Oluşturucu React, Vue ya da düz HTML seçerse aynı uç nokta ve aynı alanlar geçerlidir.
Oluşturucu Supabase ya da Resend ekledi. Şimdi ne olacak?
O kodu silmesini ve yalnızca Formgong'a giden gönderimi bırakmasını isteyin. Bağlantılı Lovable ve Bolt rehberleri aynı düzeltmeyi daha ayrıntılı anlatır.
Erişim anahtarı prompt'un içinde güvende mi?
Bu herkese açık bir anahtardır. Onunla herkes bir başvuru gönderebilir. Gelen kutunuzu okuyamazlar ve postanın nereye gittiğini değiştiremezler.
Daha uzun rehberler nerede?
Lovable ve Bolt sayfalarında, bu sayfadan bağlantı verilen platform rehberleri arasındadır. Bu başlangıç şablonu prompt'un kendisidir; o daha uzun rehberlerin yerini tutmaz.