Form builder'ın içi

Tam ekran canvas, palet, yapılandırma paneli, adım sihirbazı, mantık, tema ve yayın — go.asken.app linklerini paylaşmadan önce panelde intake formlarını nasıl tasarladığınız.

Sürükle-bırak canvas

Builder, form detay başlığından, formlar listesinden veya şablon galerisinden tam ekran overlay olarak açılır. Canvas, formunuzun canlı yapısıdır — input alanları, display blokları ve layout blokları üstten alta, kök yüzeyde ve konteyner blokların içinde sürükle-bırak ile yeniden sıralanır.

Free workspace'ler yan yana alanlar için iki sütunlu konteyner kullanır. Pro üç ve dört sütunlu grid ile iç içe konteynerleri açar — özel CSS olmadan kompakt klinik intake veya salon hizmet seçicileri için. Sütun sayısı capability registry'den gelir; UI'da hardcoded plan kontrolü yoktur.

Önizleme modu, ziyaretçilerin go.asken.app'te göreceği public formu render eder — aynı renderer registry, aynı koşullu mantık, aynı adım akışı. Builder ile önizleme arasında overlay'den çıkmadan geçiş yapın; kayıt durumu taslak değişikliklerin ne zaman persist edildiğini gösterir.

Canvas'ta bir öğe seçildiğinde yapılandırması yan panelde açılır. Silme, çoğaltma ve alanları konteynerler arasında taşıma desteklenir. Canvas, yayın öncesi alan sayısı limitlerine uyar (Free'de 15, Pro'da 75, üst sınır 50).

Alan paleti — input'lar ve bloklar

Sol palet Alanlar ve Bloklar sekmelerine ayrılır. Alanlar, platform kataloğundaki tüm input tiplerini listeler — metin, e-posta, telefon, dosya yükleme, seçim alanları, puanlama, koşul onayı ve daha fazlası. Bloklar layout ve display öğelerini kapsar: konteyner, görsel, ayırıcı, boşluk, video embed, başlık ve paragraf.

Uzun kataloglarda tip bulmak için "Alan ara…" arama filtresini kullanın. Öğeye tıklayın veya canvas'a sürükleyin; yeni alanlar bırakma hedefine veya kök listesine eklenir. Alan tipi paywall'u yok — katalogdaki her giriş yayında Free'de kullanılabilir.

Dekoratif bloklar, ayrı bir landing aracı olmadan uzun formları yapılandırır. Konteynerler çok sütunlu düzenler için alanları gruplar; Pro'da iç içe konteynerler, public renderer mobilde sütunları responsive yığdığı için karmaşık intake'i okunabilir tutar.

Her tip için amaç, ayarlar ve örnek kullanım mı arıyorsunuz?

Tam alan tipleri kataloğuna göz atın →

Yapılandırma paneli — etiket, doğrulama, seçenekler

Canvas öğesi seçildiğinde sağda yapılandırma paneli açılır. Ortak kontroller tüm alan tiplerinde geçerlidir: etiket, yardım metni, zorunlu toggle ve üst konteyner içindeki konum. Input tipleri tipe özel seçenekler sunar — min/maks uzunluk, seçenek listeleri, puanlama ölçeği, yasal onay metni, dosya boyutu ipuçları ve daha fazlası.

Formda Pro çoklu dil etkinse, etiket, placeholder ve seçenek metinleri için yapılandırılan dillere göre satır içi input'lar görünür. Free formlar tek dilde kalır — yerel işletmeler için yine de tam yayınlanabilir.

Burada ayarladığınız doğrulama kuralları public formda ve API submit yolunda çalışır. Koşullu mantıkla gizlenen alanlar doğrulama ve persist'ten muaf tutulur — yanıtlayıcı görmediği cevaplar kaydedilmez. Yapılandırma değişiklikleri taslağa otomatik kaydedilir; yayın canlı public forma sürüm anlık görüntüsü gönderir.

Sihirbaz adımları ve tek alan ekranı

Çok adımlı formlar Free'de gelir. Builder başlığından adımlar çekmecesini açarak adım başlıkları, sırası ve hangi alanların hangi adıma ait olduğunu tanımlayın. Public formdaki ilerleme göstergeleri yapılandırdığınız adım listesini yansıtır — ayrı bir "Pro sihirbaz" SKU'su yoktur.

Sunum modu, altta aynı alan listesini korurken Typeform tarzı akışlar için ekran başına tek alan gösterebilir. Sunum ayarlarını form yapılandırmasından değiştirin; önizleme modu yayın öncesi adımlı deneyimi gösterir.

Adımları çekmecede sürükle-bırak ile yeniden sıralayın. Alanlar canvas'tan veya yapılandırma panelindeki adım atamasından adımlar arasında taşınabilir. Çoklu dil etkinse adım başlıkları alan etiketleriyle aynı dil input'larını destekler.

Sihirbaz akışları koşullu mantıkla etkileşir: adımları gizleyin, önceki cevaplara göre dallanın, alanlar akış ortasında göründüğünde ilerlemeyi doğru tutun. Randevuya bağlı booking intake'te aynı adım motoru, event type'a form bağlandığında go.asken.app/b/… üzerinde çalışır.

Koşullu mantık

Temel koşullu mantık Free'de dahildir: tek koşul eşleştiğinde alan veya adımı göster veya gizle — önceki cevapta eşit, içerir, boş veya sayısal karşılaştırma. Hedef başına tek kural birçok intake kısayolu için yeterlidir (isteğe bağlı bölümleri atla, takip sorularını aç).

Gelişmiş mantık Pro gerektirir: AND/OR ile çoklu koşul grupları, hedef başına birden fazla kural ve karmaşık dallanma için adıma atlama. Builder'da faturalamaya yükseltme yolu olan kilit affordance gösterilir; capability kontrolleri panel ile aynı registry'yi kullanır — pazarlama metninde geçici plan string'i yok.

Mantık canvas önizlemesi, public form ve sunucu submit'te tek paylaşılan motorda değerlendirilir. Gizli alanlar doğrulama ve kayıtlı cevaplardan çıkarılır — yanıtlayıcı yalnızca gördüklerini gönderir. Yapılandırma panelindeki mantık bölümleri seçili alan veya adıma kapsamlıdır.

Özel JavaScript olmadan pratik dallanma için temel Free kurallarını sihirbaz adımlarıyla birleştirin. Typeform tarzı araçlardan geçen ekipler genelde önce göster/gizle kurallarını eşler, yüksek değerli formlarda çoklu kural grupları veya adıma atlama gerektiğinde yükseltir.

Özel tema

Pro

Özel form teması kaydetmek Pro yeteneğidir (`form.theming`). Builder başlığından tema çekmecesini açarak renkler, tipografi vurguları, arka plan ve düğme stillerini ayarlayın. go.asken.app'e yayınlamadan önce önizleme canlı güncellenir.

Temalar forma özeldir — aynı workspace'te klinik intake ile dahili İK anketi farklı görünebilir. Free formlar varsayılan Asken açık yüzeyini kullanır; marka kaldırma, white-label public sayfalar için form ayarlarında ayrı Pro toggle'dır.

Tema yalnızca sunumu değiştirir — alan davranışı, doğrulama ve mantık aynı kalır. Özel temaları (Pro) embed snippet'leriyle birleştirerek ayrı form host'u olmadan pazarlama sitenize uyum sağlayın.

Yayın, kayıt durumu ve limitler

Yayınla ve yayından kaldır kontrolleri builder başlığında kayıt durumuyla birlikte durur. Taslak düzenlemeler otomatik kaydedilir; açık yayın alan sayısını plan limitlerine göre doğrular (Free'de forma 15 alan, Pro'da 75) ve yanıtlayıcıların public URL'de alacağı sürüm anlık görüntüsünü kaydeder.

İstediğiniz zaman yayından kaldırın — mevcut gönderimler workspace gelen kutusunda kalır. Yeni ziyaretçiler tekrar yayınlayana kadar public slug'ta pasif durumu görür. Paylaş sekmesi linkleri (public URL, e-posta daveti, Pro embed) başarılı yayından sonra aktif olur.

Free workspace'ler yukarıdaki alan tavanlarıyla en fazla 5 form yayınlayabilir. Pro form sayısı limitini kaldırır ve platform üst sınırı 50 alana kadar tavanı yükseltir — uzun klinik veya ajans intake'ini birden fazla forma bölmeye gerek kalmadan.

Builder'ı açma giriş noktaları: form detay başlığı, formlar listesi aksiyonları, overview boş durumu ve şablon galerisi — nereden başlarsanız başlayın aynı overlay deneyimi. Yayından sonra gönderimler, analitik ve webhook'ları builder'ı yeniden açmadan form detay rotasından yönetin.

go.asken.app'te public deneyim

Yayınlanan formlar `go.asken.app/f/{slug}` adresinde yaşar. Go uygulaması `form.getPublic` yükler, tarayıcı oturumu başına bir görüntüleme kaydeder (`sessionStorage` koruması) ve builder önizlemesinde gördüğünüz `PublicForm` bileşenini render eder — alanlar, layout blokları, tema, koşullu mantık ve sihirbaz adımları; ayrı barındırılan form SKU'su yok.

Uzun formlar `localStorage`'da taslak devamını destekler. Yanıtlayıcı geri döndüğünde, kayıtlı taslak güncel layout sürüm hash'i ile eşleşiyorsa devam et veya sıfırdan başla istemi görür — cevaplar hesap olmadan yenilemede kalır; sıfırlama temiz gönderim için taslağı siler.

Sihirbaz adımları ve ekran başına tek alan sunumu doğrudan public URL'ye taşınır. Adım ilerleme göstergeleri, ileri/geri kontrolleri ve koşullu gizleme kuralları önizleme modu gibi davranır. Oturum ilerleme beacon'ları analitikte tamamlanmamış oturum sayılarını besler; event type'a form bağlandığında `go.asken.app/b/…` booking intake aynı adım motorunu kullanır.

Dosya yükleme alanları Go uygulamasında Uploadthing üzerinden gönderilir (`/api/uploadthing`). Limitler `form.getUploadLimits`'ten gelir — maksimum dosya boyutu, izin verilen MIME tipleri ve kalan workspace depolama — baytlar gelen kutunuza ulaşmadan önce zorlanır. Standart public intake yüklemeleri için yanıtlayıcı girişi gerekmez.

Pro çoklu dil etkinse (`form.multiLanguage`), public formda dil değiştirici görünür ve yanıtlayıcı `supportedLanguageCodes` arasından seçer. Etiketler, seçenekler ve doğrulama mesajları aktif dile göre çözülür. Free formlar uçtan uca tek dilde kalır.

Gönderimler boş kalması gereken honeypot alanı `_asken_hp` ile `submission.submit` çağırır — gizli input dolduran botlar sunucuda reddedilir. Public submit, IP ve form başına dakikada 10 istek ile sınırlıdır (`PUBLIC_RATE_LIMITS`) — API'nin uyguladığı sabit ile aynı, yalnızca pazarlama rakamı değil. Başarı `/f/{slug}/success` yönlendirmesi yapar; ardından isteğe bağlı form ayarları redirect URL'si uygulanır.

Analitik, public URL'ler ve embed için genel bir bakış mı istiyorsunuz?

Form özellikleri hub'ına git →

Builder'ı workspace'inizde açın

Ücretsiz kaydolun, form oluşturun ve 15 alana kadar yayınlayın — Pro tema, gelişmiş mantık ve daha yüksek tavanlar için yükseltin.

Form builder çalışma alanı | Asken