Webflow Form Oluşturucu Entegrasyonu

Widget’inizi Oluşturun
Ekran Görüntüleri
Neden İnsanlar Elfsight’ı Seviyor
Webflow sitenizin ihtiyacınız olan bilgileri tam olarak toplamayı — sonsuz eklenti, kodlama veya kafa karıştırıcı ayarlamalar olmadan — mümkün kılması güzel olmaz mıydı? İşte bu yüzden Form Oluşturucumuzu yarattık. İstediğiniz her türlü formu net ve kullanıcı dostu bir şekilde oluşturmanıza olanak tanır; ister potansiyel müşteri toplama, ister müşteri talepleri, ister etkinlik kaydı ya da sadece günlük geri bildirim için olsun.
Küçük ekiplerin iş akışlarını basitleştirmek için bunu kullandıklarını gördük. Örneğin, yerel bir fotoğraf stüdyosu Webflow ana sayfasına hızlı bir rezervasyon formu ekledi. Bir gecede gelen kutuları, nitelikli potansiyel müşterilerle dolmaya başladı — yazılım geliştirme saatlerine ihtiyaç yok, stres yok. Bu küçük dokunuşlar gerçek farkı yaratır.
Biliyor muydunuz? HubSpot’ın 2024 Pazarlama Durumu Raporu’na göre formlar, çevrimiçi olarak en güvenilir üç lead üretim kanalı arasındaki yerini koruyor.
Tek bir doğru konumlandırılmış form bile dönüşüm oranlarınızı artırabilir. Bugün düzenleyicimizde bir form oluşturmaya çalışın ve bunun ne kadar kolay olacağını görün.
Form Oluşturucu’nun Temel Özellikleri
Bu araç, gerçek işletmeler için tasarlandı — kullanımı kolay, ama önemli noktalarda güçlü. Günlük kullanımda öne çıkanlar şöyle:
- Görsel Sürükle-Bırak Oluşturucu: Temiz bir editörde alanları ekleyin, yeniden düzenleyin ve ince ayar yapın. Bilgisayarınızdaki dosyaları düzenleyebiliyorsanız, siz de bunu yapabilirsiniz.
- Çoklu alan türleri: Metin, açılır menüler, dosya yüklemeler, puanlama, onay kutuları ve daha fazlası — hedeflerinize gerçekten uyacak formlar oluşturun.
- Akıllı Koşullu Mantık: Gerekli olduğunda alanları gösterin, formlarınızı kısa ve kullanıcı dostu tutun.
- Esnek düzenler: Satır içi bloklar, kayan paneller ve modaller — tasarımınıza tam uyum sağlayacak şekilde stilleri karıştırıp kullanın.
- Veri yönlendirmeyi kolaylaştırın: Gönderimleri doğrudan gelen kutunuza, Google Sheets’e veya CRM’inize yerleşik Webflow form entegrasyonlarıyla iletin. Aracıya gerek yok.
- Spam koruması: CAPTCHA ve honeypot’lar istenmeyenleri engeller; gerçek yanıtlar için odaklanmanı sağlar.
- Duyarlı tasarım: Her form, ekstra çaba olmadan telefonlara, tabletlere ve masaüstü cihazlara otomatik olarak uyum sağlar.
Düzenleyiciyi açın ve ilk formunuzu ücretsiz oluşturun — kahve yapmaktan daha hızlı.
Webflow’e Form Oluşturucu Nasıl Eklenir
Kod yazmadan Webflow’da nasıl form oluşturulacağını merak ettiyseniz, işte tam olarak bu. Widget’ı eklemenin iki kolay yolu var: satır içi (belirli sayfalarda) ve kayan (tüm siteye sabit) olarak. İşte her ikisi de nasıl çalışır:
Yöntem 1: Satır İçi Gömme
- Formunuzu oluşturun: Elfsight düzenleyicisini açın ve bir şablon seçin ya da sıfırdan başlayın.
- Özelleştirin: Alanlar ekleyin, etiketleri ayarlayın ve görünümü vizyonunuza göre ince ayarlayın.
- Kısa kodu kopyalayın: Benzersiz kodunuzu almak için “Web Sitenize Ücretsiz Ekle” düğmesine tıklayın.
- Webflow’e Yapıştırın: Webflow Tasarımcısı’nda formu istediğiniz yere bir Gömme öğesi ekleyin ve içindeki kod parçacığını yapıştırın.
- Yayınla ve kontrol et: yayınla düğmesine tıkla, sayfanı yeniden yükle ve hızlı bir gönderim testi yap.
Yüzen Form
- Yüzen düzen tipi seçin: Modal, kaydırılabilir açılır veya yapışkan çubuk — sitenizin stiline en uygun olanı seçin.
- Tetikleyicileri ayarlayın: Ne zaman görünmesini istediğinize karar verin (ör. sayfa yüklendiğinde, kaydırmada veya tıklamada).
- Kodu kopyala: Düzenleyiciden kayan kod parçacığını oluşturun.
- Genel olarak ekle: Bu snippet’i Webflow’in özel kod alanına, kapanış
</body>etiketinden önce ekleyin; böylece tüm sayfalarda görünür. - Yayınla: Sitenizi yeniden yayınlayın ve her şeyin sorunsuz çalıştığını doğrulayın.
Yardım mı lazım? Adım adım kılavuzlar için Yardım Merkezi sayfasına bakın. Kurulum süreci ve widget’in faydaları hakkında daha fazla bilgi arıyorsanız, makalemiz konuyu derinlemesine ele alıyor.