Paylaşım ve Yayımlama
Gömme ve popup
Formunuzu herhangi bir web sayfasına satır içi bir gömme veya bir popup katmanı olarak yerleştirin. Bunu Paylaş panelinden yapılandırır ve sitenize tek bir snippet yapıştırırsınız.
Her iki snippet de seçtiğiniz paylaşım bağlantısından oluşturulur, bu yüzden o bağlantının son kullanma tarihini, yanıt limitini, özel alan adını ve analitiğini taşır. Önce bağlantıyı oluşturun — bkz. paylaşım bağlantıları. Bağlantı üzerindeki sorgu parametresi varsayılanları tek istisnadır: gömme veya popup snippet’lerine eklenmez.
Satır içi gömme
Satır içi gömme, formunuzu bir iframe kullanarak doğrudan bir sayfanın içine yerleştirir. Paylaş panelini açın, Gömme kartına tıklayın ve oluşturulan snippet’i sitenizin HTML’ine kopyalayın.
Düzen
| Ayar | Ne işe yarar |
|---|---|
| Yükseklik (px) | Piksel cinsinden iframe yüksekliği. Varsayılan değer 600. |
| Yüksekliği otomatik olarak ayarla | iframe yüksekliğini form içeriğine göre ayarlar; böylece yanıtlayanlar gömme içinde hiç kaydırma çubuğu görmez. Varsayılan olarak kapalıdır. Açmak snippet’e küçük bir betik ekler. |
| Tembel yükle | iframe görünür hale gelene kadar yüklemeyi geciktirir, loading="lazy" ekleyerek. Varsayılan olarak kapalıdır. Form sayfanın alt kısımlarında yer aldığında ilk yükleme süresini kısaltır. |
Görüntü
| Ayar | Ne işe yarar |
|---|---|
| Kapak görselini gizle | Gömme içindeki form kapak görselini kaldırır. Barındıran sayfanızda zaten kendi başlığı varsa kullanışlıdır. |
| Logoyu gizle | Gömme içindeki form logosunu kaldırır. |
| Renk şeması | Kullanıcı seçsin (varsayılan, ziyaretçinin sistem tercihini takip eder), Koyu mod veya Açık mod arasından seçin. Aşağıdaki Renk şeması bölümüne bakın. |
Oluşturulan HTML’i görmek için Kodu göster’e tıklayın. Kopyalamak için Gömme kodunu kopyala’yı kullanın, ardından sitenize yapıştırın. Varsayılana sıfırla tüm ayarları geri döndürür.
Snippet ne içerir
Otomatik boyutlandırma kapalıyken snippet, paylaşım bağlantınıza ?embed=1 eklenmiş tek bir iframe’dir. Görüntü seçenekleri
kendi parametrelerini ekler: hideCover=1, hideLogo=1 ve theme=dark ya da theme=light.
<iframe src="https://form.formbase.so/Abc12XYz?embed=1" width="100%" height="600" style="border: none;"></iframe>Otomatik boyutlandırma açıkken iframe bir div içine sarılır ve bir betik izler. Gömülü form her yükseklik değişiminde bir
formbase:resize mesajı gönderir; betik, mesajın kaynağını ve gönderen çerçeveyi kontrol eder, ardından iframe yüksekliğini
ayarlar. Sayfanızda başka hiçbir şeye dokunulmaz ve dışarıdan bir betik yüklenmez.
Popup
Popup, formunuzu sayfanızın üzerinde bir katman olarak gösterir. Paylaş panelini açın, Popup kartına tıklayın, seçeneklerinizi ayarlayın ve oluşturulan kod snippet’ini sitenize yapıştırın.
Tetikleyici
Popup’ın nasıl açılacağını seçin:
| Tetikleyici | Nasıl çalışır |
|---|---|
| Bir fonksiyon çağrılırsa | Varsayılan seçenek. Snippet, paylaşım bağlantınızın koduna veya özel slug'ınıza göre adlandırılmış global bir fonksiyon tanımlar — örneğin window.openFormbasePopup_Abc12XYz. Sitenizdeki bir düğmeden, bağlantıdan veya herhangi bir olay yöneticisinden çağırın. |
| Sayfa yüklenirken otomatik | Popup, sayfa yükleme işlemi bittiğinde açılır. İki ek ayar görünür: Gecikme (saniye) ve Oturum başına bir kez göster; bu ikincisi ziyaretçinin sessionStorage'ına bir bayrak kaydeder, böylece popup her sayfada yeniden açılmaz. |
Düzen
| Ayar | Ne işe yarar |
|---|---|
| Konum | Popup'ın nerede görüneceği: Ortada, Alt Sağ (varsayılan), Alt Sol, Üst Sağ veya Üst Sol. Ortada, popup'ı görünüm yüksekliğinin %80'i yapar; dört köşe konumu ise 600 px yükseklik verir. |
| Genişlik (px) | Piksel cinsinden popup genişliği, görünüm genişliğinin %90'ıyla sınırlıdır. Varsayılan değer 500. |
Görüntü
| Ayar | Ne işe yarar |
|---|---|
| Kapak görselini gizle | Popup içindeki form kapak görselini kaldırır. |
| Logoyu gizle | Popup içindeki form logosunu kaldırır. |
| Renk şeması | Gömme ile aynı üç seçenek. Aşağıdaki Renk şeması bölümüne bakın. |
Popup stili
| Ayar | Ne işe yarar |
|---|---|
| Katman opaklığı (%) | Popup'ın arkasındaki arka planın karanlık oranı, 0 ile 100 arasında. Varsayılan değer 50. |
| Köşe yarıçapı (px) | Popup'ın köşe yuvarlaklığı. Varsayılan değer 12. |
Davranış
| Ayar | Ne işe yarar |
|---|---|
| Escape tuşunda kapat | Varsayılan olarak açıktır. Escape tuşuna basmak popup'ı kapatır. |
| Katmana tıklayınca kapat | Varsayılan olarak açıktır. Popup dışındaki katmana tıklamak onu kapatır. |
| Gönderimden sonra otomatik kapat | Varsayılan olarak kapalıdır. Yanıtlayan formu gönderdikten üç saniye sonra popup kapanır. Gecikme sabittir. |
Oluşturulan snippet’i görmek için Kodu göster’e tıklayın. Kopyalamak için Popup kodunu kopyala’yı kullanın, ardından sitenize yapıştırın. Varsayılana sıfırla tüm ayarları geri döndürür.
Snippet ne içerir
Popup snippet’i kendi içinde bağımsız tek bir <script> bloğudur. Popup açıldığında katmanı, kapatma düğmesini ve iframe’i
düz JavaScript ile oluşturur — ondan önce sayfanıza hiçbir şey eklenmez, hiçbir stil sayfası eklenmez ve dışarıdan bir betik yüklenmez.
Betiğin altındaki yorum, çağıracağınız fonksiyon adını söyler:
<!-- Call window.openFormbasePopup_Abc12XYz() to open the form popup -->Özel bir slug’daki bir tire, fonksiyon adında alt çizgiye dönüşür, çünkü tire bir JavaScript tanımlayıcısında geçerli değildir. Adı kendiniz türetmek yerine yorumdan kopyalayın.
Renk şeması
Gömmeler ve popup’lar aynı üç seçeneği paylaşır, ikisi de çerçeve içinde formun kendi temasını geçersiz kılar:
Kullanıcı seçsin — varsayılan seçenek. Form, ziyaretçinin işletim sistemi veya tarayıcı koyu/açık mod tercihini takip eder.
Koyu mod — ziyaretçinin tercihinden bağımsız olarak koyu modu zorlar.
Açık mod — ziyaretçinin tercihinden bağımsız olarak açık modu zorlar.
Sitenizin temasıyla eşleştirin
Web siteniz her zaman koyu renkliyse, formun uyum sağlaması için gömme veya popup’ı Koyu mod olarak ayarlayın. Siteniz ziyaretçinin tercihine göre değişiyorsa Kullanıcı seçsin seçeneğini tercih edin. Formun kendisini temalandırmak için bkz. görünüm ve tema.