HTML Form Builder Bileşeni

HTML sitenizde çevrimiçi formlar oluşturarak potansiyel müşterileri yakalayın, talepleri alın ve anketler yürütün; değerli verileri daha hızlı toplayın ve işletmenizin büyümesine yardımcı olun.
4.8 puan
10.000+ yorum
Ücretsiz plan mevcut
Yapay Zeka Destekli
Ücretsiz Widget Oluştur
Kredi kartı gerekmez
HTML Form Builder widget

Widget’inizi Oluşturun

Form Oluşturucu’nuzu yapılandırın ve HTML web sitenize ücretsiz ekleyin!

Ekran Görüntüleri

HTML Form Builder widget
Yuvarlak köşeli ve kompakt alan gruplamalı davetkar iletişim formu oluşturun.
20’den fazla farklı giriş öğesinden yararlanın ve bunları yönetilebilir adımlara bölün
Geri bildirim toplamak ve anketleri şekillendirmek için yorum alanlarıyla derecelendirme ve ölçekler ekleyin
Kolay ve hızlı doldurma için yer tutucular içeren açılır alanlar ile gömülü takvimleri düzenleyin
Stiller ve özel renklerle, her web sitesi kavramına uyum sağlayan esnek bir arayüz.
Kullanıcılarınız için her cihazda sorunsuz bir deneyim sağlayın.
1 / 6

Neden İnsanlar Elfsight’ı Seviyor

Formlar, bir web sitesinin sessiz kahramanlarıdır — potansiyel müşterileri toplar, geri bildirim alır ve iletişimin akışını sürdürür. Elfsight Form Oluşturucu bu gücü kod yazmanıza gerek kalmadan sizin kontrolünüze verir. Bir şablonla başlayın, alanları özelleştirin ve sayfalarınıza ait, işleyen bir form elde edin.

Çeşitli yaratıcı kullanımları görüyoruz: danışmanlık için kısa bir form kullanan küçük bir stüdyo, ödeme işlemi öncesinde iki hızlı soru soran bir mağaza veya okuyucuların e-posta adreslerini toplayan bir yazar. Esnek olduğundan, sürecinize zahmetsizce uyacak şekilde kolayca şekillendirebilirsiniz.

Biliyor muydunuz? HubSpot’ın 2024 raporuna göre formlar, çevrimiçi potansiyel müşterileri yakalamada en yüksek dönüşüm oranlarına sahip kanallardan biri olmaya devam ediyor.

Basit bir form oluşturmaya çalışın ve bunun iş akışınıza nasıl katkı yaptığını görün — çoğu zaman tek bir küçük form netlik ve yeni potansiyel müşteriler getirir.

Form Oluşturucu’nun Temel Özellikleri

Günlük kullanımda önemli olan pratik özellikler — basitçe açıklanır.

  • Görsel Editör: HTML’e dokunmadan form oluşturmanıza olanak veren sürükle-bırak alanlar ve yerleşim blokları — öğeleri hareket ettirebiliyorsanız, bir form oluşturabilirsiniz.
  • Koşullu Mantık: Önceki yanıtlarınıza göre soruları gösterin veya gizleyin; formlar kısa ve ilgili kalsın; ziyaretçiler yalnızca kendileri için önemli olanları görür.
  • Yerleşik Veri Yönetimi: Gönderileri e-posta olarak yönlendirin, girdileri Google Sheets’e aktarın veya bir CRM’e bağlayın — form oluşturucu her iş akışı için size seçenekler sunar.
  • Birden çok alan türü: Metin, sayı, dosya, puanlar ve daha fazlasını toplayın — bu HTML form oluşturucu, gerçek dünya ihtiyaçları için yaygın girdileri destekler.
  • Spam Koruması: Gömülü spam önleme önlemleri (honeypot ve CAPTCHA gibi) gelen kutunuza istenmeyen iletilerin girmesini engeller; böylece yalnızca faydalı yanıtlar alırsınız.
  • Duyarlı Tasarımlar: Formlar telefonlar ve masaüstü bilgisayarlar arasında otomatik uyum sağlar; kullanıcılar hangi cihazla gelirse gelsin sorunsuz bir deneyim yaşar.

Canlı düzenleyiciyi deneyin ve ücretsiz olarak bir form oluşturun — kayıt gerekmez.

HTML’ye Form Oluşturucu Nasıl Eklenir

Formları gömme zamanı mı? İki kolay seçeneğiniz var: satır içi (belirli bir sayfaya form ekleyin) veya kayan (tüm siteye formu yükleyin). Her iki yöntem de sayfalarınıza yapıştıracağınız kısa bir kod parçacığı kullanır.

Yöntem 1: Satır İçi Gömme (formu web sitesinin HTML’ine gömün)

  1. Formunuzu oluşturun: Elfsight düzenleyicisini açın, bir şablon seçin veya baştan başlayın.
  2. Alanları Özelleştirin: Alanları ekleyin, yeniden sıralayın ve adlandırın; gerekli seçenekleri ve koşullu kuralları ayarlayın.
  3. Kod Oluştur: “Web sitene ücretsiz ekle” düğmesine tıklayın ve sağlanan HTML parçacığını kopyalayın.
  4. İstediğiniz yere yapıştırın: HTML dosyanızda formun görünmesini istediğiniz sayfa işaretlemesine snippet’i yapıştırın.
  5. Kaydet ve Test Et: Sayfayı yükleyin ya da güncelleyin ve her şeyin çalıştığını doğrulamak için bir test kaydı gönderin.

Yöntem 2: Yüzen / Tüm Sitede Gömme

  1. Yüzer davranışını seçin: Düzenleyicide kayan (slide-in), açılır (modal) veya yapışkan (sticky) seçenekleri arasından tercih edin ve tetikleyicileri ayarlayın (yükleme anında, tıklama, kaydırma vb.).
  2. Küresel kod parçacığını kopyalayın: Sitenizin her yerinde kullanacağınız evrensel kodu oluşturun.
  3. Şablonunuza ekleyin: Formun tüm sayfalarda görünür olması için snippet’i sitenizin şablonundaki </body> etiketi kapanmadan önce yapıştırın.
  4. Yayınla ve Gözden Geçir: Güncellenen şablonunuzu yayınlayın ve sitede gezinerek kayan formun göründüğünden ve yapılandırıldığı gibi çalıştığından emin olun.

Taahhüt gerektirmeden denemek isterseniz, düzenleyicideki ücretsiz HTML form oluşturucu seçeneğini kullanarak tasarımları ve iş akışlarını canlı sayfalara eklemeden önce test edin.

Yardıma mı ihtiyacınız var? Yardım Merkezi adım adım makaleler içerir ve siz Topluluk Forumu‘nda diğer kullanıcılarla sohbet edebilirsiniz. Fikirlerinizi İstek Listesi‘nde paylaşın ve güncellemeleri Güncelleme Günlüğü‘nde takip edin. İlham için blog’umuzu inceleyin.

Form Oluşturucu’yu statik bir HTML web sitesine gömme?

Evet, Elfsight herhangi bir HTML web sitesinde kusursuz çalışır. Formun görüneceği sayfa kaynağına gömme kodunu yapıştırın.

HTML’de formlar kullanmak için özel bir hosting planına mı ihtiyacınız var?

Özel bir hosting gerekli değildir. HTML siteniz JavaScript çalıştırmaya izin verdiği sürece Form düzgün çalışır.

Elfsight ile hangi tür formlar oluşturabilirim?

Klasik iletişim formları, çok adımlı formlar, anketler, rezervasyon formları, derecelendirme formları ve geri bildirim formları oluşturarak farklı senaryolarda veri toplayabilirsiniz.

Form Oluşturucu’da kaç adet alan türü mevcut?

Form, metin girişleri, açılır menüler, tarih seçiciler, derecelendirme, telefon alanları, dosya yüklemeleri ve daha fazlası dahil olmak üzere 22 alan türünü içerir.

Formlar Koşullu Mantığı Destekliyor mu?

Evet, önceki sorulara kullanıcıların verdiği yanıtlara bağlı olarak alanları dinamik olarak gösterip gizlemek için koşullu mantık uygulayabilirsiniz.

Ziyaretçiler Form üzerinden dosya yükleyebilir mi?

Evet, başvuruları sırasında kullanıcıların belgeleri veya görselleri doğrudan ekleyebilmeleri için dosya yükleme alanları ekleyebilirsiniz.

HTML web sitenizde imza alanı mevcut mu?

Evet, Elfsight kullanıcıların dijital olarak imza çizebilmesini ve gönderebilmesini sağlayan bir imza alanı içerir.

Form Oluşturucu CAPTCHA koruması içerir mi?

Evet, yerleşik CAPTCHA ve e-posta engelleme özellikleri HTML formunuzu spam ve otomatik gönderimlere karşı korur.

Birisi formu gönderdikten sonra ne olur?

Form gönderildikten sonra özel bir teşekkür mesajı gösterebilir, kullanıcıları seçtiğiniz bir URL’ye yönlendirebilir veya formu tamamen gizleyebilirsiniz.

Gönderimler için e-posta bildirimleri alabilir miyim?

Evet, HTML sitenizdeki form tarafından gönderilen verileri içeren e-posta bildirimlerini almak için “Beni Bildir” özelliğini etkinleştirin.

Birden çok e-posta alıcısı ekleyebilir miyim?

Evet, Ekli Mail Ayarları’nda ana alıcıları en fazla üçüne kadar, ayrıca CC ve BCC adreslerini de belirleyebilirsiniz.

Form Oluşturucu Şablon Kataloğu

Kullanıma hazır widget şablonlarımızdan doğrudan kullanın ya da stilinize uygun şekilde özelleştirin.
HTML Simple Order Form template
Web sitesi için şablonu kullanarak ürün siparişlerini toplamak için basit bir form oluşturun.
HTML Job Application Form template
Web sitesi için şablonu kullanarak iş başvurusu özgeçmişlerini toplamak için bir form oluşturun.
HTML Doctor Prescription Form template
Web sitesi için şablonu kullanarak sağlık profesyonellerinin doktor reçetelerini doldurması için bir form oluşturun.

Fiyatlandırma

14 günlük para iade garantisi. Risksiz; istediğiniz zaman iptal edebilirsiniz.
Elfsight Apps
Her türlü sitede çalışan, platformdan bağımsız yazılım
Aylık $0’dan başlayan
Ücretsiz planla başlayın
Sınırsız web siteleri
Premium ve zamanında destek; kapsamlı belgeler.
Ücretsiz kurulum hizmeti
Birden çok uygulama için özel teklif
Kolayca Düzenlenir